Update Navbar for deprecation fix, accessibility, and performance (Closes #291)

[amrit1004]

feat(navbar): update Navbar for deprecation fix, accessibility, and performance

Closes #291

This pull request updates the Navbar component to resolve the Ant Design Dropdown overlay prop deprecation, enhance accessibility with ARIA labels and keyboard navigation, optimize performance with useMemo and static styles, and improve type safety with TypeScript. It also introduces basic error handling for images and suggests better file organization.

Changes

• Replaced deprecated overlay with menu in Dropdown components for Ant Design compatibility.
• Added aria-label attributes to interactive elements and keyboard navigation support with role and tabIndex.
• Memoized helpMenuItems using useMemo to prevent unnecessary re-renders.
• Moved styles to a static styles object outside the component to improve performance.
• Enhanced type safety with FC<NavbarProps> and as const for styles.
• Added onError handler to the logo Image component for basic error handling.
• Structured menu items to align with TypeScript and suggested splitting into separate files.

Flags

• Color contrast for hover states (white text on light backgrounds) should be reviewed for accessibility compliance.
• File organization improvements (e.g., moving menu items to menuConfig.ts) are suggested but not fully implemented—consider follow-up work.

Screenshots or Video

(Note: Replace with actual links if available)

Related Issues

• Issue Address Deprecation, Accessibility, Performance, and Type Safety Issues in Navbar Component #291

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests (Note: Add tests if required by the project).
• Commits messages follow AP format.
• Extend the documentation, if necessary (Note: Update if documentation exists).
• Merging to main from fork:branchname.

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	712857f
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/67d9ab0658af6400089ecbaf
😎 Deploy Preview	https://deploy-preview-292--ap-template-playground.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.