Description:

We want to update our project to use Material UI (MUI) for a more consistent and modern look. This issue covers replacing our custom UI components and styles with MUI equivalents.

Tasks:

1. Install Material UI
2. Replace Custom Components:
   • Swap out custom UI components (like CheckBox) with MUI componets (CheckBox, Button, etc)
3. Update Layouts:
   • Use MUI layout components (Box, Grid, Container)
4. Refactor Styles
5. Add Theme Support
   • Wrap the add in MUI's ThemeProvider (see MUI docs)
   • Set up a basic theme (light/dark mode)
6. Test Everything
   • Make sure the app looks good and works as expected
   • Check for any broken styles or layout issues