Nav border

src/components/NavigationBar.tsx

@@ -94,7 +94,7 @@ 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 flex flex-nowrap whitespace-nowrap">
+        <ul class="menu menu-horizontal bg-base-200 rounded-box border-1 border-solid border-primary p-1.5 sm:p-2 flex flex-nowrap whitespace-nowrap">
           {enabledNavigationItems.map((item) => {
             const Icon = item.icon as LucideIcon;
             const isActive = item.isActive