refactor link and notifications menu styles for improved hover and transition effects

Author: dcblogdev

resources/views/components/nav/link.blade.php

@@ -13,7 +13,7 @@
     class="group flex items-center gap-2 rounded-lg px-2.5 text-sm
     {{ $isActive
         ? 'border border-blue-100 bg-blue-50 text-gray-700 dark:border-none dark:bg-gray-700 dark:text-white'
-        : 'hover:bg-blue-50 dark:hover:bg-gray-700 hover:bg-gray-500/75 dark:hover:bg-opacity-100 text-gray-700 dark:text-white'
+        : 'hover:bg-blue-50 dark:hover:bg-gray-500/75 text-gray-700 dark:text-white dark:hover:bg-opacity-100 text-gray-700 dark:text-white'
     }}">
 
     @if ($icon)

resources/views/livewire/admin/notifications-menu.blade.php

@@ -37,7 +37,7 @@ class="size-5"
              x-transition:leave-end="opacity-0 transform translate-x-full"
              class="fixed z-50 inset-0 overflow-hidden"
              aria-labelledby="slide-over-title" role="dialog" aria-modal="true">
-                <div class="absolute inset-0 overflow-hidden bg-gray-500 bg-gray-500/75 transition-opacity">
+                <div class="absolute inset-0 overflow-hidden bg-gray-500/75 transition-opacity">
 
                     <div class="fixed inset-y-0 right-0 pl-10 max-w-full flex sm:pl-16">