Suche im zentralen Logbuch hinzufügen

frontend/pages/historyitems/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-
+const search = ref("")
 </script>
 
 <template>
@@ -9,12 +9,32 @@
           :class="['text-xl','font-medium']"
       >Zentrales Logbuch</h1>
     </template>
+    <template #right>
+      <UInput
+          id="searchinput"
+          v-model="search"
+          icon="i-heroicons-magnifying-glass"
+          placeholder="Logbuch durchsuchen..."
+          class="w-72 max-w-full"
+      >
+        <template #trailing v-if="search">
+          <UButton
+              color="neutral"
+              variant="link"
+              icon="i-heroicons-x-mark"
+              :padded="false"
+              aria-label="Suche löschen"
+              @click="search = ''"
+          />
+        </template>
+      </UInput>
+    </template>
   </UDashboardNavbar>
   <UDashboardPanelContent>
-    <HistoryDisplay/>
+    <HistoryDisplay :search="search"/>
   </UDashboardPanelContent>
 </template>
 
 <style scoped>
 
-</style>
+</style>