Redesign (#124)

- redesign the dashboard
- add search bar
- Mobile-friendly design

resources/views/databases/partials/database-user-list.blade.php

@@ -20,7 +20,7 @@
     <x-live id="live-database-users">
         @if (count($databaseUsers) > 0)
             <x-table>
-                <tr>
+                <x-tr>
                     <x-th>{{ __("Username") }}</x-th>
                     <x-th>{{ __("Created") }}</x-th>
                     <x-th class="flex items-center">
@@ -29,9 +29,9 @@
                     </x-th>
                     <x-th>{{ __("Status") }}</x-th>
                     <x-th></x-th>
-                </tr>
+                </x-tr>
                 @foreach ($databaseUsers as $databaseUser)
-                    <tr>
+                    <x-tr>
                         <x-td>{{ $databaseUser->username }}</x-td>
                         <x-td>
                             <x-datetime :value="$databaseUser->created_at" />
@@ -63,7 +63,7 @@
                                 <x-heroicon name="o-trash" class="h-5 w-5" />
                             </x-icon-button>
                         </x-td>
-                    </tr>
+                    </x-tr>
                 @endforeach
             </x-table>
         @else