Issue #88 - Improve navbar styling and mobile device responsiveness

[kylelhk]

Change Summary

1. Horizontal navbar – changed the colors and effects of background and game name
2. Sidebar – changed background color and opacity
3. Font style – changed the style of nav links and preambles (in Login, Home, and Gallery pages) to "Komika Axis"; kept that of game name as “Sedgwick Ave” as it looks nicer for the game name):

Komika Axis:

Sedgwick Ave:

4. Added nav link, html and css files, and route for About page
5. Optimised responsiveness across different devices using css media queries
6. Conducted manual testing across different dimensions (web, iPhone 14 Pro Max, and iPad Pro) on the above-mentioned features.

Web:

iPhone 14 Pro Max:

iPad Pro:

Change Form

• [x] The pull request title includes issue number and description.
• [x] The work done is summarised above.
• [x] The code is commented and well formatted.
• [x] Testing has been performed and documented above.

Other Information

N/A