fix: improve command menu contrast and footer styling

- Changed CommandItem highlight from accent to primary/10 with primary text
- Added bg-background/80 backdrop-blur-sm to footer for consistency with header
- Footer now matches the header's translucent background style

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

components/layout/app-footer.tsx

@@ -2,7 +2,7 @@ import Link from 'next/link'
 
 export function AppFooter() {
   return (
-    <footer className="border-t border-border/40 px-6 py-12 lg:px-8">
+    <footer className="border-t border-border/40 bg-background/80 backdrop-blur-sm px-6 py-12 lg:px-8">
       <div className="mx-auto max-w-7xl">
         <div className="flex flex-col items-center justify-between gap-4 sm:flex-row">
           <div className="text-center sm:text-left">

components/ui/command.tsx

@@ -116,7 +116,7 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       className
     )}
     {...props}