make the styling consistent across all pages of the mobile version

src/components/mobile/TreeViewSelectionSheet.vue

@@ -3,12 +3,7 @@
               style="height: auto" :opened="show" @sheet:open="onSheetOpen" @sheet:closed="onSheetClosed">
         <f7-toolbar>
             <div class="swipe-handler"></div>
-            <div class="right">
-                <f7-link sheet-close :text="tt('Done')"></f7-link>
-            </div>
-        </f7-toolbar>
-        <f7-page-content :class="heightClass">
-            <f7-searchbar ref="searchbar" custom-searchs
+            <f7-searchbar ref="searchbar" class="margin-top" custom-searchs
                           :value="filterContent"
                           :placeholder="filterPlaceholder"
                           :disable-button="false"
@@ -16,6 +11,8 @@
                           @input="filterContent = $event.target.value"
                           @focus="onSearchBarFocus">
             </f7-searchbar>
+        </f7-toolbar>
+        <f7-page-content :class="'margin-top ' + heightClass">
             <f7-list class="no-margin-top no-margin-bottom" v-if="!filteredItems || !filteredItems.length">
                 <f7-list-item :title="filterNoItemsText"></f7-list-item>
             </f7-list>
@@ -67,7 +64,7 @@ const emit = defineEmits<{
     (e: 'update:show', value: boolean): void;
 }>();
 
-const { tt, ti } = useI18n();
+const { ti } = useI18n();
 
 const {
     filterContent,