Bug: Make app navigation responsive

[KyleTryon]

Is there an existing issue for this?

• I have searched the existing issues

Current behavior

Steps to reproduce

use chrome dev tools to show different devices and screen sizes.

Expected behavior

1. Ensure the nav bar extends the full length of the page
2. When small enough, the menu should no longer expand and should stay in the closed state. This functionality can easily be added now with the latest PR change: https://github.com/TechSquidTV/Shoutify/pull/23/files

Shoutify app version

No response

Node.js version

No response

In which operating systems have you tested?

• macOS
• Windows
• Linux

Other

The nav component can be found here: https://github.com/TechSquidTV/Shoutify/blob/main/src/components/nav/AppNav.tsx
The nav is loaded as part of the page layout: https://github.com/TechSquidTV/Shoutify/blob/main/src/layouts/AppLayout.tsx

• I suspect the layout isn't full-height.

[takanome-dev]

@KyleTryon can you assign me this?

[KyleTryon]

@KyleTryon can you assign me this?

Assigned.