feat: apply new layout overhaul

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

@@ -1,29 +1,51 @@
 <stapps-context contentId="data-list"></stapps-context>
 <ion-header>
-  <ion-toolbar color="primary">
+  <ion-toolbar color="primary" mode="ios" *ngIf="showDrawer">
     <ion-buttons slot="start">
-      <ion-back-button></ion-back-button>
-      <ion-menu-button *ngIf="showDrawer"></ion-menu-button>
-    </ion-buttons>
-    <ion-buttons slot="end">
-      <ion-menu-button menu="context" auto-hide="false">
-        <ion-icon name="options"></ion-icon>
-      </ion-menu-button>
+      <ion-back-button
+        [defaultHref]="'..'"
+        [text]="'back' | translate | titlecase"
+      ></ion-back-button>
     </ion-buttons>
+    <ion-title>{{ title | translate }}</ion-title>
+  </ion-toolbar>
+  <ion-toolbar color="primary">
     <ion-searchbar
       (ngModelChange)="searchStringChanged($event)"
       (keyup.enter)="hideKeyboard()"
       [(ngModel)]="queryText"
-      placeholder="{{ 'search.search_bar.placeholder' | translate }}"
       showClearButton="always"
+      placeholder="{{ 'search.search_bar.placeholder' | translate }}"
+      mode="md"
       type="search"
       enterkeyhint="search"
+      class="filterable"
     >
+      <ion-menu-button menu="context" auto-hide="false">
+        <ion-icon name="adjustments"></ion-icon>
+      </ion-menu-button>
     </ion-searchbar>
   </ion-toolbar>
+  <ion-toolbar
+    color="primary"
+    class="category-tab"
+    *ngIf="showNavigation && isHebisAvailable"
+  >
+    <ion-buttons class="ion-justify-content-between">
+      <ion-button class="button-active" size="large">{{
+        'search.type' | translate
+      }}</ion-button>
+      <ion-button
+        [routerLink]="['/hebis-search/' + (queryText || '')]"
+        fill="outline"
+        size="large"
+        >{{ 'hebisSearch.type' | translate }}
+      </ion-button>
+    </ion-buttons>
+  </ion-toolbar>
 </ion-header>
 
-<ion-content>
+<ion-content class="content">
   <div
     [style.display]="!showDefaultData && !items && !loading ? 'block' : 'none'"
   >