feat: add profile search

refs #219

src/Pages/ProfileList.vue

 <template>
   <PageHeader :title="t('profileList.title')" />
 
+  <div class="tw-flex tw-gap-6 tw-justify-end tw-items-center tw-mb-6">
+    <FormGroup class="tw-m-0">
+      <template #iconLeft="attrs">
+        <icon-system-uicons-search v-bind="attrs" />
+      </template>
+      <template #default="attrs">
+        <input
+          v-model="searchTerm"
+          v-bind="attrs"
+          :aria-label="t('profileList.searchLabel')"
+          :placeholder="t('profileList.searchPlaceholder')"
+        />
+      </template>
+    </FormGroup>
+  </div>
+
   <ATable
     v-model:page="page"
     v-model:items-per-page="profilesPerPage"
@@ -63,6 +79,7 @@ import PageHeader from '@/components/PageHeader.vue'
 import { useI18n } from '@/i18n'
 import AColorBadge from '@/components/generic/AColorBadge.vue'
 import Image from '@/components/generic/Image.vue'
+import FormGroup from '@/components/generic/FormGroup.vue'
 
 const { t } = useI18n()
 const hostStore = useHostStore()

src/i18n/de.js

@@ -247,6 +247,8 @@ export default {
 
   profileList: {
     title: 'Profile',
+    searchLabel: 'Suche nach Namen',
+    searchPlaceholder: 'Name des Profils...',
   },
 
   profileDetails: {

src/i18n/en.js

@@ -247,6 +247,8 @@ export default {
 
   profileList: {
     title: 'Profiles',
+    searchLabel: 'Search by name',
+    searchPlaceholder: 'Name of the profile...',
   },
 
   profileDetails: {