style: Add hover effects to the admin dashboard navigation tabs.

src/components/features/admin/admin-dashboard.tsx

@@ -486,7 +486,7 @@ function AdminNavbar() {
 
 function NavTrigger({ value, icon: Icon, label }: { value: string; icon: React.ComponentType<{ className?: string }>; label: string }) {
   return (
-    <TabsTrigger value={value} className="rounded-lg data-[state=active]:bg-wedding-evergreen data-[state=active]:text-white transition-all">
+    <TabsTrigger value={value} className="rounded-lg data-[state=active]:bg-wedding-evergreen data-[state=active]:text-white hover:bg-wedding-sage/10 hover:text-wedding-evergreen transition-all">
       <div className="flex items-center gap-2 px-2 py-1">
         <Icon className="h-4 w-4 text-inherit" />
         <span className="hidden sm:inline whitespace-nowrap">{label}</span>