Agregando daisy ui y cambiando componentes por las alternativas de daisy

resources/views/livewire/usuarios/index.blade.php

@@ -1,22 +1,43 @@
-@php use App\Models\User; @endphp
+@use(App\Models\User)
+
 <div>
     <div class="flex flex-col sm:flex-row gap-2 justify-between items-baseline mb-4">
         <x-title>Usuarios</x-title>
+
         @can('create', User::class)
-            <x-button :href="route('usuarios.create')" wire:navigate icon="plus">Registrar Usuario</x-button>
+            <button class="btn" href="{{route('usuarios.create')}}" wire:navigate>
+                <i class="ti ti-plus text-lg"></i>
+                Registrar Usuario
+            </button>
         @endcan
     </div>
 
-    <div class="mt-4">
-        <x-table striped :headers="$this->headers" :rows="$this->rows" paginate>
-            @interact('column_action', $row)
-            @can('update', $row)
-                <x-button.circle icon="edit" :href="route('usuarios.edit', $row->id)" wire:navigate :key="uniqid()"/>
-            @endcan
-            @can('delete', $row)
-                <x-button.circle icon="trash" color="red" wire:click="confirmDelete('{{$row->id}}')" :key="uniqid()"/>
-            @endcan
-            @endinteract
-        </x-table>
+
+    <div class="overflox-x-auto">
+        <table class="table">
+            <thead>
+            <tr>
+                <th>Nombre</th>
+                <th>Email</th>
+                <th class="text-end">Acciones</th>
+            </tr>
+            </thead>
+            <tbody>
+            @foreach($this->rows as $row)
+                <tr>
+                    <td>{{$row->name}}</td>
+                    <td>{{$row->email}}</td>
+                    <td class="w-0 whitespace-nowrap">
+                        <a class="btn btn-circle btn-sm" wire:navigate href="{{route('usuarios.edit', $row->id)}}">
+                            <i class="ti ti-edit"></i>
+                        </a>
+                        <button class="btn btn-circle btn-error btn-sm" wire:click="confirmDelete('{{$row->id}}')">
+                            <i class="ti ti-trash"></i>
+                        </button>
+                    </td>
+                </tr>
+            @endforeach
+            </tbody>
+        </table>
     </div>
 </div>