🎨 Palette: Add aria-label to navigation items

.Jules/palette.md

@@ -0,0 +1,3 @@
+## 2025-02-28 - Initial Setup
+**Learning:** Found that this project uses `npm run lint` and `npm run build` as its primary verification scripts. Note that the memory states there are pre-existing linting errors so expecting a clean run on `npm run lint` is unrealistic, but we should make sure our changes do not introduce new ones. There is a recurring a11y issue: icon-only buttons in navigation lack `aria-label` attributes.
+**Action:** Always verify changes with `npm run build` and `npm run lint` and prioritize adding ARIA labels to navigation components.

src/components/dashboard-nav.tsx

@@ -57,7 +57,7 @@ export function DashboardNav() {
               "rounded-full h-9 md:h-10 px-3 md:px-4", // Oval shape
             )}
           >
-            <Link href={item.href} className="flex items-center gap-2">
+            <Link href={item.href} aria-label={item.label} className="flex items-center gap-2">
               <item.icon
                 className={cn("w-4 h-4", isActive && "text-primary-foreground")}
               />

src/components/mobile-nav.tsx

@@ -56,6 +56,7 @@ export function MobileNav() {
               <Link
                 key={item.href}
                 href={item.href}
+                aria-label={item.title}
                 className="relative flex flex-col items-center justify-center w-12 h-12 sm:w-14 sm:h-14 rounded-xl"
               >
                 {/* Active Background Pill */}