refactor: header used in "dashboard/*" should be a shared component

[MuKuL-DiXiT]

Current Behavior

The navbar code appears to be duplicated across multiple sections of the project.
dashboard, dashboard/messages, dashboard/collaboration, etc
This makes changes harder to maintain and increases the chance of inconsistencies (e.g., tooltip behavior, icon updates).

Proposed Improvement

Extract the navbar into a separate, reusable React component (e.g., components/Navbar.jsx) and import it wherever needed.

Why This Is Valuable

Reduces code duplication
Simplifies future updates
Prevents inconsistencies across pages
Improves project structure and maintainability

Additional Context

I will ensure the navbar behaves consistently across views.

@Saahi30 I'd like to work on this if its approved.

[SirjanSingh]

working on this for Hackathon (team name EtherX)

[Vatsal-Patel-09]

@MuKuL-DiXiT hey ! is anyone working on this issue or it is already fixed ?

[MuKuL-DiXiT]

@MuKuL-DiXiT hey ! is anyone working on this issue or it is already fixed ?

maintainers may be busy at the moment, there hasn't been any communication from their side, this issue has not been approved yet.

[Praveshvermaa]

Hi maintainers 👋
I noticed there has already been some work and commits referencing this issue.

Could you please confirm whether this issue is fully resolved, or if there are any remaining improvements or follow-up tasks needed (testing, cleanup, consistency checks, etc.)?

If there’s still work to be done, I’d be happy to take it up. Thanks!