What would you like to be added:
In src/pages/Index.tsx, replace the deprecated Grid import from @mui/material/Grid with the new Grid2 component from @mui/material/Unstable_Grid2, and update all usages accordingly (remove item props).

Why is this needed:
The Grid API in MUI v5 is marked as deprecated and currently triggers warnings. We need to migrate to Grid2—just like our other components—to eliminate these warnings and stay on the supported path.

Additional Information:

• Official MUI v5 Grid2 docs: https://v5.mui.com/material-ui/react-grid2/
• Our project is built on MUI v5, so we should adopt Grid2 now. In MUI v7, GridLegacy is fully deprecated and the Grid import itself will become the unified Grid2 API. So we can plan a larger migration to v7 in the future. See the migration guide: https://mui.com/material-ui/react-grid/#migrate