🔍 UsersOverview table - basic fuzzy search

ref #12

src/components/UsersOverview.svelte

@@ -28,6 +28,12 @@
   {#if userscache.length === 0}
     <UsersEmptyState />
   {:else}
+    <input
+      type="search"
+      bind:value={searchvalue}
+      placeholder={$_('datatable.search')}
+      aria-label={$_('datatable.search')}
+      class="gridjs-input gridjs-search-input mb-4" />
     <div
       class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
       <table class="divide-y divide-gray-200 w-full">
@@ -55,6 +61,7 @@
         </thead>
         <tbody class="divide-y divide-gray-200">
           {#each users as u}
+            {#if Object.values(u).toString().toLowerCase().includes(searchvalue)}
               <tr>
                 <td class="px-6 py-4 whitespace-nowrap">
                   <div class="flex items-center">
@@ -106,6 +113,7 @@
                     class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">Delete</span>
                 </td>
               </tr>
+            {/if}
           {/each}
         </tbody>
       </table>