enhance: hide header on small screens and update StreamList template slot

app/src/components/PageHeader/PageHeader.vue

@@ -56,6 +56,10 @@ const name = computed(() => {
     margin-bottom: 16px;
   }
 
+  @media (max-height: 768px) {
+    display: none;
+  }
+
   .detail {
     display: flex;
     /*margin-bottom: 16px;*/

app/src/views/stream/StreamList.vue

@@ -84,6 +84,7 @@ function handleAddStream() {
       :table-props="{
         rowKey: 'name',
       }"
+      disable-add
       disable-delete
       disable-view
       disable-export
@@ -96,7 +97,7 @@ function handleAddStream() {
         path: `/streams/${encodeURIComponent(record.name)}`,
       })"
     >
-      <template #extra>
+      <template #beforeListActions>
         <div class="flex items-center cursor-default">
           <a class="mr-4" @click="add">{{ $gettext('Add') }}</a>
         </div>