refactor: UI cohesiveness/consistency
- Implemented Profile page with forms for changing the account name,
email, password and a logout button that invalidates the session and
logs the user out
- Removed the scrollbar for the larger screens and accounted for different
browser types, both for the outer page's and inside the "phone shell"
scrollbar
- Made the bottom nav be fixed to the bottom across all the device screens
cohesively and consistently
- Made the content inside the "phone shell" scrollable but the page is
not scrollable
- Made the phone outer background same as the "phone shell"'s one, so the
larger phones such as my iPhone show single colour and feel like a phone
app, but still the larger screens such as laptop's and PC's remain black
to feel like a "phone shell"
- Fixed all the non-profile pages to have the same determinate look
without flex competing with the UI and also to don't have those pages
return main but rather divs which are part of the parent main
