Feat/update mui resize

[Creylay]

Summary

Upgrade to MUI v7 to enable column resizing in Data Grid and align the codebase with the new package layout & APIs.

Key dependencies:

• @mui/material, @mui/system, @mui/icons-material, @mui/utils: 7.x
• @mui/x-data-grid: 7.x (enables column resize)
• @mui/lab: 7.0.0-beta.x (only for LoadingButton and TabContext/TabPanel/TabList)
• react-is: 18.3.1 (locked via Yarn resolutions for React 18)

Type of change

• Front end new feature.
• Refactoring.
• Bug fix.

Changes

Data Grid

• Enabled manual column resizing - Users can now drag column separators to adjust widths
• Implemented initial auto width based on headerName length (respects minWidth/maxWidth)
• Fixed header styling - Removed gray background, made headers transparent for consistency
• Hidden resize separators by default - Only show on hover like previous behavior
• Updated column definitions to MUI X v7 API:
  • Use valueGetter(value, row) instead of valueFormatter(params)
  • Dates use proper date handling with valueGetter returning valid Date objects
• Removed deep imports and legacy aliases
• Replaced deprecated APIs (e.g., StyledEngineProvider import path)
• Grid layout migrated to new Grid: item + xs|sm|md → size={{ xs, sm, md }}

@mui/lab usage

• Kept only where needed: LoadingButton, TabContext/TabPanel/TabList

React Router

• Opted into v7 future flags to silence warnings and smooth forward-compatibility:

  <BrowserRouter future={{ v7_relativeSplatPath: true, v7_startTransition: true }} />

How to Test

Install & run

yarn install
# Ensure package.json has:
# "resolutions": { "react-is": "18.3.1" }
yarn start

Screenshots

Before

After

[Copilot]

Pull Request Overview

This PR upgrades the codebase to MUI v7 to enable column resizing in DataGrid components and modernizes the package structure and APIs throughout the application.

• Upgrades MUI packages to v7 and aligns with new API patterns including slotProps, valueGetter, and Grid size prop
• Enables manual column resizing in DataGrid with improved styling and hover interactions
• Migrates from deprecated InputProps/PaperProps to slotProps pattern across components

Reviewed Changes

Copilot reviewed 111 out of 112 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
DashAI/front/src/styles/theme.js	Adds MuiDataGrid theme overrides for column resizing and header styling
DashAI/front/package.json	Updates MUI dependencies to v7 and locks react-is version
DashAI/front/src/App.jsx	Adds React Router v7 future flags for forward compatibility
Multiple component files	Migrates Grid item prop to size object, Dialog PaperProps to slotProps, and InputProps to slotProps
DashAI/front/src/components/explorations/ExplorationRunner.jsx	Updates LoadingButton import from @mui/lab to @mui/material

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}