Migrate design library from Bootstrap/CoreUI to Material UI

[devin-ai-integration]

Summary

This PR migrates the entire design library from Bootstrap/CoreUI to Material UI (MUI). The migration includes replacing all CoreUI React components with MUI equivalents, updating the icon system from @coreui/icons to @mui/icons-material, and switching the chart library from @coreui/react-chartjs to recharts.

Key changes include a new MUI ThemeProvider with light/dark mode support, rewritten sidebar navigation using MUI List components, and updated layout components (DefaultLayout, AppHeader, AppSidebar, AppFooter). All view components across dashboard, charts, widgets, pages, base components, forms, notifications, buttons, theme, and icons have been migrated.

Dependencies removed: @coreui/chartjs, @coreui/coreui, @coreui/icons, @coreui/icons-react, @coreui/react, @coreui/react-chartjs, @coreui/utils, @popperjs/core, simplebar-react

Dependencies added: @mui/material, @mui/icons-material, @emotion/react, @emotion/styled, recharts

Review & Testing Checklist for Human

• Run the app locally (npm install && npm start) and verify it loads without errors - the SCSS imports were removed so styling is now entirely MUI-based
• Test theme switching - verify light/dark mode toggle works correctly via the header dropdown
• Test sidebar navigation - verify all menu items, nested groups, and external links work; the navigation data structure was completely rewritten
• Verify chart rendering - charts now use recharts instead of Chart.js; check Dashboard and Charts pages render correctly
• Test form components - validation, inputs, selects, checkboxes, and radios have all been migrated to MUI TextField/FormControl components

Recommended test plan: Navigate through all routes in the sidebar, interact with forms on the Forms pages, open modals on the Notifications page, and toggle the theme to verify the migration is functionally complete.

Notes

• Chart data in MainChart.js and Charts.js was changed from random generation to static values to fix React hooks purity lint errors
• The Flags icon page is now a placeholder recommending use of an external flag icon library
• Some CoreUI Pro features (Calendar, Smart Table, etc.) remain as external links since they were never implemented locally

Link to Devin run: https://partner-workshops.devinenterprise.com/sessions/5e8d355f5b34437b93f45aec6d103d7b

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring