[FRONTEND] Fix mobile compatiability on availability page & close mobile navbar on navigate

Is your feature request related to a problem? Please describe.

Client identified issues:

Because users are unable to see the input fully on mobile they are forced to use manual input - which incidentally does not work.

Can easily fix by changing from fixed width to max width

Also need to close mobile menu on navigate.

BEFORE MERGING

[ ] Storybooks created where possible
[ ] Tested with nock if data fetching
[ ] Tests written for critical interactions
[ ] PR Reviewed (For non-trivial changes)
[ ] Changes tested after rebasing on master or merging in master (hint: git fetch origin master:master, then git rebase master or git merge master)
[ ] All required PR checks passing

UoaWDCC / uasc-web