[Feature]: Responsive Navbar with Wallet Status

[SudiptaPaul-31]

🔍 Problem Statement

Issue: Responsive Navbar with Wallet Status

Description
Enhance the application’s navbar to include wallet connection status, a user dropdown menu, and a mobile hamburger menu. Add smooth animated transitions for improved user experience.

Acceptance Criteria

• Display wallet connection status in the navbar
• User dropdown with profile/settings/logout options
• Mobile hamburger menu for responsive navigation
• Animated transitions for menu open/close states
• Consistent styling across desktop and mobile views

📈 Expected Impact

High — Would significantly improve user experience

[Nacho1499]

@Nacho1499 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello maintainer. am Nacho. a frontend developer.
I would like to work on issue #90: “Responsive Navbar with Wallet Status”.

This issue aligns well with my frontend development experience, especially building responsive navigation systems and interactive UI components with smooth user experience and clean state handling.

Why I am a good fit for this issue:

• I have experience building responsive navbars with mobile-first design patterns.
• I understand how to manage wallet connection state and reflect it cleanly in the UI.
• I can implement dropdown menus with profile/settings/logout actions in a structured way.
• I’m comfortable adding animated transitions for better UX without affecting performance.
• I focus on clean, reusable components and consistent styling across breakpoints.

My implementation approach would include:

• Adding wallet connection status indicator in the navbar
• Creating a user dropdown menu with profile, settings, and logout options
• Implementing a mobile hamburger menu with responsive behavior
• Adding smooth open/close animations for menus
• Ensuring consistent layout and styling across desktop and mobile views
• Maintaining clean separation of UI and state logic for scalability

I will also ensure the implementation integrates smoothly with the existing architecture and maintains good UX standards across all devices.

I would be excited to contribute this feature to the project. Thank you for considering my application.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Nacho1499 to this issue.