chore(deps): bump MUI to v6

package.json

@@ -29,9 +29,9 @@
   "dependencies": {
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
-    "@mui/lab": "^5.0.0-alpha.173",
-    "@mui/material": "^5.16.5",
-    "@mui/styles": "^5.16.5",
+    "@mui/lab": "^6.0.0-beta.10",
+    "@mui/material": "^6.1.2",
+    "@mui/styles": "^6.1.2",
     "@tanstack/react-query": "^5.51.11",
     "@types/draft-js": "^0.11.4",
     "@types/draftjs-to-html": "^0.8.1",

src/components/Popups/CustomPopup.tsx

@@ -226,16 +226,9 @@ export const CustomPopupForm = ({
               {popupDuration.type !== 'infinite' && (
                 <TextField
                   style={{ width: '6rem' }}
-                  inputProps={{
-                    inputMode: 'numeric',
-                    pattern: '[0-9]*',
-                  }}
                   id="outlined-number"
                   type="number"
                   label={mapDuration[popupDuration.type]}
-                  InputLabelProps={{
-                    shrink: true,
-                  }}
                   value={popupDuration.duration}
                   onChange={e =>
                     setPopupDuration(prev => ({
@@ -243,6 +236,16 @@ export const CustomPopupForm = ({
                       duration: Number(e.target.value),
                     }))
                   }
+                  slotProps={{
+                    htmlInput: {
+                      inputMode: 'numeric',
+                      pattern: '[0-9]*',
+                    },
+
+                    inputLabel: {
+                      shrink: true,
+                    },
+                  }}
                 />
               )}
             </FormControl>
@@ -277,7 +280,6 @@ export const CustomPopupForm = ({
           />
         </div>
       </div>
-
       <div className="buttons">
         <Button variant="outlined" onClick={() => setCustomPopup(initialData)}>
           Annuler