Riobaian create navbar

[Rioba-Ian]

Description

Implements the Navbar component with styling for responsiveness for both mobile and desktop. I have also removed the default css App.css which was used to style the boiler plate content from Vite+React. In doing so, I added css defaults in index.css which can be applied to the app.

Fixes #6

Type of change

Please delete options that are not relevant.

• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Using chrome dev tools to change from various screen sizes of large desktops : 1920 to small screen sizes : 260px. I've added css breakpoints in Navbar.css to handle responsiveness on where the layout tends to break

• Chrome Dev tools

Test Configuration:

• Firmware version:
• Hardware:
• Toolchain:
• SDK:

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[nyandika]

Update the test case for the login and sign up buttons to fix the failing tests
Otherwise looks good

[nyandika]

Looks good