feat(web): Replace bespoke navigation menu with shadcn navigation menu

[roomote]

Replaces the bespoke navigation dropdown implementation in web-roo-code with the shadcn navigation menu component.

Changes

• Added @radix-ui/react-navigation-menu dependency via shadcn CLI
• Created navigation-menu.tsx component with left-aligned styling
• Updated nav-bar.tsx to use shadcn NavigationMenu for Product and Resources dropdowns
• Added flex-shrink-0 to logo container to prevent squishing
• Set consistent min-w-[260px] on dropdown content for stable transitions

Benefits

• Smooth animations for dropdown open/close (zoom, fade)
• Animated chevron rotation on menu trigger
• Better keyboard accessibility (WAI-ARIA compliant via Radix UI)
• Consistent dropdown width during transitions

---

Important

Replaces custom navigation menu with shadcn component for improved animations and accessibility.

• Behavior:
  • Replaces custom navigation dropdown in nav-bar.tsx with shadcn NavigationMenu for Product and Resources.
  • Adds @radix-ui/react-navigation-menu dependency in package.json.
  • Sets consistent min-w-[260px] on dropdown content for stable transitions.
• Components:
  • Creates navigation-menu.tsx with left-aligned styling and smooth animations.
  • Adds flex-shrink-0 to logo container in nav-bar.tsx to prevent squishing.
• Benefits:
  • Smooth animations for dropdown open/close (zoom, fade).
  • Animated chevron rotation on menu trigger.
  • Improved keyboard accessibility (WAI-ARIA compliant via Radix UI).

^{This description was created by for c2295bd. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Rooviewer   See task on Roo Cloud

Review complete. No issues found.

The PR correctly replaces the bespoke navigation dropdown with the shadcn NavigationMenu component. The implementation follows established patterns, uses proper TypeScript typing, and the animation classes are supported by the existing tailwindcss-animate plugin.

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}

[github-actions]

🚀 Preview deployed!

Your changes have been deployed to Vercel:

Preview URL: https://roo-code-website-acb9ybwgg-roo-code.vercel.app

This preview will be updated automatically when you push new commits to this PR.