Button changes

src/components/NavigationBar.tsx

@@ -1,7 +1,7 @@
 import { useComputed, useSignal } from "@preact/signals";
 import { useEffect } from "preact/hooks";
-import { navigationItems } from '../config/data';
-import type { LucideIcon } from '../types';
+import { navigationItems } from "../config/data";
+import type { LucideIcon } from "../types";
 
 interface NavigationBarProps {
   currentPath: string;
@@ -20,7 +20,9 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
   });
 
   // Filter out disabled navigation items
-  const enabledNavigationItems = navigationItems.filter(item => item.enabled !== false);
+  const enabledNavigationItems = navigationItems.filter(
+    (item) => item.enabled !== false,
+  );
 
   // Update client path when location changes
   useEffect(() => {
@@ -92,23 +94,23 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
       } ${isVisible.value ? "translate-y-0" : "translate-y-20"}`}
     >
       <div class="overflow-visible">
-        <ul class="menu menu-horizontal bg-base-200 rounded-box p-1.5 sm:p-2 shadow-lg flex flex-nowrap whitespace-nowrap">
+        <ul class="menu menu-horizontal bg-base-200 rounded-box p-1.5 sm:p-2 flex flex-nowrap whitespace-nowrap">
           {enabledNavigationItems.map((item) => {
             const Icon = item.icon as LucideIcon;
-            const isActive = item.isActive 
+            const isActive = item.isActive
               ? item.isActive(normalizedPath)
               : normalizedPath === item.path;
-            
+
             return (
               <li key={item.id} class="mx-0.5 sm:mx-1">
-                <a 
-                  href={item.path} 
+                <a
+                  href={item.path}
                   class={`tooltip tooltip-top min-h-[44px] min-w-[44px] inline-flex items-center justify-center ${isActive ? "menu-active" : ""}`}
                   aria-label={item.tooltip}
                   data-tip={item.tooltip}
                 >
-                    <Icon size={18} class="sm:w-5 sm:h-5" />
-                    <span class="sr-only">{item.name}</span>
+                  <Icon size={18} class="sm:w-5 sm:h-5" />
+                  <span class="sr-only">{item.name}</span>
                 </a>
               </li>
             );