Refactor Header Component for Application-wide Use

[danielcdz]

📘 Description

The Header currently differs between the Landing page and the Marketplace page. To ensure consistency and reusability across the application, both headers need to be unified into a single, reusable component. The unified header will include the logo, search bar, wallet connection button, and dark mode toggle button while removing unnecessary elements.

🔢 Steps

1. Move the current HeaderComponent (located on the Marketplace page) to a new file named header.tsx inside the components/ui directory.
2. Rename the component to Header.
3. Remove the hamburger menu and replace it with the logo.
4. Remove the Home button and all related logic.
5. Move the existing dark mode toggle button into the header.

✅ Acceptance Criteria

• The unified header should be used across the entire application, including both the landing page and the marketplace.
• The header should include the logo, search bar, wallet connection button, and dark mode toggle button.
• The header must be responsive, ensuring it adapts well to different screen sizes.

🌎 References

Not applicable.

📜 Additional Notes

⚠ Do not apply until the ODHack begins.
⚠ Read our guidelines before applying.