responsive navbar with animated wallet status and dropdown

[Nacho1499]

Closes #90

PR Description:
This PR completely resolves Issue #90 by upgrading the existing layout into a fully responsive, animated navigation ecosystem. The implementation introduces dynamic Web3 wallet connection status indicators, an interactive user profile dropdown menu, and an optimized mobile hamburger drawer using custom animation states that stay cohesive with the TaskChain design system.

Changes Implemented:

1. Responsive Navbar Layout & Breakpoints:

**Desktop View (hidden md:flex): Arranged the main marketing navigation anchors alongside the Web3 actions and utility modules (ThemeToggle) horizontally.

**Mobile View (md:hidden): Replaced default text links with a responsive hamburger button that dynamically toggles between standard Menu and X states with a 90-degree rotating transition.

3. Web3 Wallet & Profile Dropdown Engine:

**Wallet Connection Toggle: Embedded a rounded-full pill button utilizing state conditional variations (variant={isConnected ? "outline" : "default"}). When connected, it masks a mock public stellar key address (GBXW...4Y2T) alongside an emerald pulsing status indicator dot.

**Animated User Flyout Menu: Added a custom floating dropdown card accessible on avatar interaction. The card manages explicit system routes (/profile, /settings) and includes a destructive action block to simulate wallet disconnection cleanly.

**Transition Choreography: Handled animation injections directly through Tailwind's native hardware-accelerated utility flags (animate-in fade-in slide-in-from-top-1 duration-150), guaranteeing a premium native feel without external framer library payloads.

4. Code Optimization & Cleanup:

**State Synchronization: Wrote a central memory clearing function (closeMenus) that shuts both the desktop profile dropdown and mobile action drawers simultaneously whenever any link is selected.

**Token Uniformity: Styled all backdrops and borders with existing framework variables (bg-background/80, border-border/40, backdrop-blur-xl) for full dark/light theme flexibility.

Acceptance Criteria Checklist:
[x] Wallet Connection Status: Verified that connecting a wallet replaces the call-to-action button with a live wallet address string and an emerald pulse indicator.
[x] User Dropdown Menu: Validated that profile, settings, and logout options render beautifully within an absolute-positioned floating container.
[x] Mobile Hamburger Menu: Verified that links stack vertically and display cleanly on mobile screens.
[x] Animated Transitions: Confirmed that menus fade, slide, and rotate smoothly upon user engagement.
[x] Consistent Styling: Verified pixel-perfect cross-device continuity across light and dark modes.

[drips-wave]

@Nacho1499 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[Nacho1499]