Mas ajustes de estilos y iconos

resources/views/components/navlink.blade.php

@@ -3,11 +3,10 @@
         $active = false;
     }
 @endphp
-<a class="{{ $active
-    ? 'bg-primary text-white hover:bg-primary-600 active:bg-primary-700'
-    : 'text-secondary-600 hover:bg-secondary-50 active:bg-secondary-100' }}
-    flex items-center gap-1 px-4 py-2 text-sm"
-   href="{{ $route }}" wire:navigate>
-    <i class="ti ti-{{$icon}} text-xl"></i>
-    <span>{{ $title }}</span>
-</a>
+
+<li>
+    <a href="{{ $route }}" wire:navigate class="{{$active ? 'active' : ''}}">
+        <x-dynamic-component :component="'icons.'.$icon" class="w-5 h-5"/>
+        {{$title}}
+    </a>
+</li>