Update navbar 1307

[plang-psm]

Fixes #1307

What changes did you make and why did you make them ?

• Changed the 'project/:projectId' route to 'projects/:projectId' to match the '/projects' page and to maintain active styling on the tabs.
• Commented out the previous .scss file as it is no longer needed.
• Add an improved cropped version of the HfLA svg in the svg folder.
• Imported Source Code Pro into the index.scss.
• Removed the below due to 'unused' console errors:

import '../sass/Navbar.scss';

import { authLevelRedirect } from '../utils/authUtils';

let loginRedirect = '/admin';
if (auth?.user) {
loginRedirect = authLevelRedirect(auth.user);
}

• Applied MUI styling to the navbar to match the new figma design in Update-navbar #1307.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[plang-psm]

@MattPereira @spiteless
Styling has been updated and should resemble the Figma design. Let me know if you find any errors. 🫡

[plang-psm]

@MattPereira

The requested changes have been completed.

[plang-psm]

@MattPereira

Good catch! Just updated for mobile and moved the margins on the box inside the sx for formatting.

[MattPereira]

Well done @plang-psm 🎉

The new navbar is soooo much more concise and readable! 🚀

And great job with the JSX comments that help us understand which user access level gets which navbar links. Love the way you used arrows