Fix the Login Page Styling Using Material-UI

### Dependency
- [ ] Issue to be reviewed / worked on once:
- [ ] #1596 is completed (link to finalized screens will be provided on this issue), AND
- [x] After all MUI component updates have been completed: #1611
- _note that MUI may resolve this issue entirely_

### Overview
The Admin page has been distorted due to the updated nav bar being styled with Material UI. Please implement the updated Figma design using MUI to ensure styling is up to date.

### Action Items
- [ ] Apply Material UI styling to match the Figma design below.

Distorted Page

### Resources/Instructions
- Ignore the Projects Page. That will be another issue to complete at a later date.
[Figma Link to old and current design](https://www.figma.com/file/pIxFTL62Nx2XyQdZy1fR6f/VRMS-v.4?node-id=1101-1246&t=nO93SxRxju94h7T4-4)