refactor: move ion-menu-button for context menu filtering in ion-toolbar

frontend/app/cypress/integration/context-menu.spec.ts

@@ -29,7 +29,7 @@ describe('context menu', function () {
     cy.patchSearchPage();
     cy.get('ion-searchbar').type('a');
     cy.wait('@search');
-    cy.get('ion-searchbar > ion-menu-button').click();
+    cy.get('ion-toolbar > ion-menu-button').click();
   });
 
   it('should sort', function () {

frontend/app/src/app/modules/data/list/search-page.html

@@ -39,12 +39,12 @@
       class="filterable"
       [autofocus]="!showDefaultData"
     >
-      @if (showContextMenu) {
-        <ion-menu-button menu="context" auto-hide="false">
-          <ion-icon name="tune"></ion-icon>
-        </ion-menu-button>
-      }
     </ion-searchbar>
+    @if (showContextMenu) {
+      <ion-menu-button menu="context" auto-hide="false" slot="end">
+        <ion-icon name="tune"></ion-icon>
+      </ion-menu-button>
+    }
   </ion-toolbar>
   @if (navigation.length > 0) {
     <ion-toolbar color="primary" class="category-tab">

frontend/app/src/theme/common/_ion-searchbar.scss

@@ -36,7 +36,7 @@ app-root ion-searchbar[class*='sc-ion-searchbar-'] {
     }
 
     .searchbar-clear-button {
-      right: 45px;
+      right: 8px;
     }
   }
 
@@ -52,8 +52,7 @@ app-root ion-searchbar[class*='sc-ion-searchbar-'] {
   }
 
   input.searchbar-input {
-    padding-top: var(--spacing-xs);
+    padding: var(--spacing-xs) calc(var(--spacing-lg) + #{$icon-size}) var(--spacing-xs)
-    padding-bottom: var(--spacing-xs);
+      calc(var(--spacing-lg) + #{$icon-size});
-    padding-inline-start: calc(var(--spacing-lg) + #{$icon-size}) !important;
   }
 }