Add component tests for components/layout/navbar.tsx

[Austinaminu2]

Description

`components/layout/navbar.tsx` has no test coverage for active-link highlighting per route, the network/theme dropdown selection, or the network-mismatch banner (which should only appear when `isConnected && networkMismatch`).

Task

Add a test file covering: correct link is highlighted for the current route, theme/network dropdown selections update state as expected, and the network-mismatch banner only renders under the correct connected+mismatched condition.

Good for contributors because

Well-defined conditional rendering logic with a small number of states to cover, good introduction to the app's layout/navigation code.

[Ranjeet2063]

Hello @maintainers,

I can tackle Add component tests for components/layout/navbar.tsx. Proposed implementation roadmap:

• Analysis: Inspect current behavior and edge cases in FlowwStar/FlowStar
• Implementation: Build Add component tests for components/layout/navbar.tsx with modular React/Next.js components, responsive styling, and proper loading/error states.
• Testing: Include component tests and verify clean production build with zero TypeScript/lint issues.
• PR: Atomic commit with clean git hygiene and passing CI

Ready to deliver a clean, tested PR within 12–24 hours. Please assign!

[guptakumarranjeet150]

Hey team,

I would like to resolve this issue. Here is my proposed execution plan:

• Implementation: Build Add component tests for components/layout/navbar.tsx with clean React/Next.js components, responsive styling, and proper loading/error boundaries.
• Testing & Verification: Add component unit tests and ensure zero TypeScript/ESLint warnings.
• Delivery: Ready to ship a thoroughly tested PR within 12–24 hours with passing CI.

Ready to deliver a clean, tested PR within 12–24 hours. Please assign!

[shobhamerabacha-star]

Hey team,

I would love to take this on. My planned approach:

• Build Add component tests for components/layout/navbar.tsx with clean React/Next.js components, responsive styling, and proper loading/error boundaries.
• Add component unit tests and ensure zero TypeScript/ESLint warnings.

Looking forward to contributing—please feel free to assign!

[ranjeet150]

Hello! I'd like to work on this issue.

I can tackle Add component tests for components/layout/navbar.tsx. Proposed implementation roadmap:

• Analysis: Inspect current behavior and edge cases in FlowwStar/FlowStar
• Implementation: Build Add component tests for components/layout/navbar.tsx with clean React/Next.js components, responsive styling, and proper loading/error boundaries.
• Testing: Add component unit tests and ensure zero TypeScript/ESLint warnings.
• PR: Atomic commit with clean git hygiene and passing CI

I am ready to start immediately—please assign this to me!