chore: Upgrade to mui 7 (#878)

Author: marcustyphoon

package.json

@@ -55,8 +55,8 @@
     "@discretize/typeface-menomonia": "^0.1.3",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.10",
-    "@mui/material": "^6.4.10",
+    "@mui/icons-material": "^7.0.1",
+    "@mui/material": "^7.0.1",
     "@reduxjs/toolkit": "^2.6.1",
     "axios": "^1.8.4",
     "comlink": "^4.4.2",

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
-import { Box, Grid2 as Grid, Typography } from '@mui/material';
+import { Box, Grid, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useSelector } from 'react-redux';
 import { getProfession } from '../state/slices/controlsSlice';

src/components/GearOptimizer.tsx

@@ -5,7 +5,7 @@ import {
   AccordionDetails,
   AccordionSummary,
   Divider,
-  Grid2 as Grid,
+  Grid,
   Typography,
 } from '@mui/material';
 import React from 'react';

src/components/baseComponents/Section.tsx

@@ -3,7 +3,7 @@ import {
   Accordion,
   AccordionDetails,
   AccordionSummary,
-  Grid2 as Grid,
+  Grid,
   TextField,
   Typography,
 } from '@mui/material';

src/components/sections/affixes/CustomAffix.tsx

@@ -1,6 +1,6 @@
 import { Boon, CommonEffect, Condition, Item, Skill, Trait } from '@discretize/gw2-ui-new';
 import { firstUppercase } from '@discretize/react-discretize-components';
-import { Box, FormControl, FormGroup, FormLabel, Grid2 as Grid, Typography } from '@mui/material';
+import { Box, FormControl, FormGroup, FormLabel, Grid, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 import { makeStyles } from 'tss-react/mui';

src/components/sections/buffs/Buffs.jsx

@@ -3,7 +3,7 @@ import {
   Accordion,
   AccordionDetails,
   AccordionSummary,
-  Grid2 as Grid,
+  Grid,
   TextField,
   Typography,
 } from '@mui/material';

src/components/sections/extramodifiers/ExtraModifiers.tsx

@@ -1,4 +1,4 @@
-import { Grid2 as Grid } from '@mui/material';
+import { Grid } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 import { changeForcedSlot, getForcedSlots } from '../../../state/slices/forcedSlots';

src/components/sections/forcedslots/ForcedSlots.tsx

@@ -1,15 +1,7 @@
 import { Attribute, Item } from '@discretize/gw2-ui-new';
 import { HelperIcon } from '@discretize/react-discretize-components';
 import AddIcon from '@mui/icons-material/Add';
-import {
-  Button,
-  FormControl,
-  Grid2 as Grid,
-  Input,
-  InputLabel,
-  MenuItem,
-  Select,
-} from '@mui/material';
+import { Button, FormControl, Grid, Input, InputLabel, MenuItem, Select } from '@mui/material';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';

src/components/sections/infusions/Infusions.tsx

@@ -4,7 +4,7 @@ import {
   FormControl,
   FormControlLabel,
   FormLabel,
-  Grid2 as Grid,
+  Grid,
   Input,
   InputLabel,
   Radio,