Update mui dependencies

src/components/settings/DateSetting.tsx

@@ -100,7 +100,14 @@ export const DateSetting = ({
                     </LocalizationProvider>
                 </DialogContent>
                 <DialogActions>
-                    <Stack sx={{ width: '100%' }} direction="row" justifyContent="space-between" alignItems="end">
+                    <Stack
+                        direction="row"
+                        sx={{
+                            justifyContent: 'space-between',
+                            alignItems: 'end',
+                            width: '100%',
+                        }}
+                    >
                         <Stack>
                             {defaultValue !== undefined && (
                                 <Button

src/components/settings/MutableListSetting.tsx

@@ -167,7 +167,12 @@ export const MutableListSetting = ({
                                 </Typography>
                             )}
                             {dialogDisclaimer && (
-                                <Stack direction="row" alignItems="center">
+                                <Stack
+                                    direction="row"
+                                    sx={{
+                                        alignItems: 'center',
+                                    }}
+                                >
                                     <InfoIcon color="warning" />
                                     <Typography
                                         variant="body1"
@@ -200,7 +205,13 @@ export const MutableListSetting = ({
                     </List>
                 </DialogContent>
                 <DialogActions>
-                    <Stack sx={{ width: '100%' }} direction="row" justifyContent="space-between">
+                    <Stack
+                        direction="row"
+                        sx={{
+                            justifyContent: 'space-between',
+                            width: '100%',
+                        }}
+                    >
                         <Button onClick={() => setIsAddItemDialogOpen(true)}>
                             {addItemButtonTitle ?? t('global.button.add')}
                         </Button>

src/components/settings/NumberSetting.tsx

@@ -139,7 +139,12 @@ export const NumberSetting = ({
                                 </Typography>
                             )}
                             {dialogDisclaimer && (
-                                <Stack direction="row" alignItems="center">
+                                <Stack
+                                    direction="row"
+                                    sx={{
+                                        alignItems: 'center',
+                                    }}
+                                >
                                     <InfoIcon color="warning" />
                                     <Typography
                                         variant="body1"
@@ -160,10 +165,6 @@ export const NumberSetting = ({
                             width: '100%',
                             margin: 'auto',
                         }}
-                        InputProps={{
-                            inputProps: { min: minValue, max: maxValue, step: stepSize },
-                            endAdornment: <InputAdornment position="end">{valueUnit}</InputAdornment>,
-                        }}
                         autoFocus
                         value={dialogValue}
                         type="number"
@@ -171,6 +172,12 @@ export const NumberSetting = ({
                             const newValue = Number(e.target.value);
                             updateValue(newValue, false);
                         }}
+                        slotProps={{
+                            input: {
+                                inputProps: { min: minValue, max: maxValue, step: stepSize },
+                                endAdornment: <InputAdornment position="end">{valueUnit}</InputAdornment>,
+                            },
+                        }}
                     />
                     {showSlider ? (
                         <Slider

src/components/settings/SelectSetting.tsx

@@ -105,7 +105,12 @@ export const SelectSetting = <SettingValue extends string | number>({
                                 </Typography>
                             )}
                             {dialogValueDisplayInfo.disclaimer && (
-                                <Stack direction="row" alignItems="center">
+                                <Stack
+                                    direction="row"
+                                    sx={{
+                                        alignItems: 'center',
+                                    }}
+                                >
                                     <InfoIcon color="warning" />
                                     <Typography
                                         variant="body1"

src/components/settings/webUI/WebUIUpdateIntervalSetting.tsx

@@ -56,7 +56,7 @@ export const WebUIUpdateIntervalSetting = ({
 
     return (
         <List>
-            <ListItem disabled={disabled}>
+            <ListItem>
                 <ListItemText primary={t('settings.webui.auto_update.label.title')} />
                 <Switch
                     disabled={disabled}