Fix: Redesigned Navbar (#136)

**Overview:**

This pull request addresses the redesign of the navigation bar (navbar)
to improve the user interface and user experience. The updated design
aims to provide a more intuitive and visually appealing navigation
experience for our users.

**Key Changes:**

**New Layout and Design:**

- Updated the navbar layout to a more modern and streamlined design.
- Improved the alignment and spacing for better visual balance.
- Enhanced the color scheme to align with the overall brand aesthetics.
- 

**Responsive Design:**

- Ensured the navbar is fully responsive and functions seamlessly across
different devices and screen sizes.
- Implemented a mobile-friendly menu with a collapsible design for
smaller screens.

**Accessibility Improvements:**

- Improved keyboard navigation and screen reader support.
- Added ARIA labels to enhance accessibility for users with
disabilities.

**Enhanced Functionality:**

- Updated the dropdown menus for better usability and interaction.
- Incorporated a search bar within the navbar for quick access to
site-wide search functionality.

**Code Refactoring:**

- Cleaned up and optimized the CSS and JavaScript for better
performance.
- Removed deprecated code.

**Packages**

- Added heroicons/react to provide more icons

Please review and let me know if you'll need more adjustments to the
navbar. Thanks

---------

Co-authored-by: HassanBahati <mukisabahati@gmail.com>

Author: GeoXhacker