Update mui dependencies

src/screens/DownloadQueue.tsx

@@ -76,7 +76,12 @@ const DownloadChapterItem = ({
                             <Typography variant="h6" component="h3">
                                 {item.manga.title}
                             </Typography>
-                            <Typography variant="caption" display="block">
+                            <Typography
+                                variant="caption"
+                                sx={{
+                                    display: 'block',
+                                }}
+                            >
                                 {item.chapter.name}
                             </Typography>
                         </Stack>

src/screens/Extensions.tsx

@@ -263,7 +263,14 @@ export function Extensions({ tabsMenuHeight }: { tabsMenuHeight: number }) {
             <>
                 {toasts}
                 {FileInputComponent}
-                <Stack sx={{ paddingTop: '20px' }} alignItems="center" justifyContent="center" rowGap="10px">
+                <Stack
+                    sx={{
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        rowGap: '10px',
+                        paddingTop: '20px',
+                    }}
+                >
                     <Typography>{t('extension.label.add_repository_info')}</Typography>
                     <Button component={Link} variant="contained" to="/settings/browseSettings">
                         {t('settings.title')}

src/screens/Manga.tsx

@@ -70,7 +70,12 @@ export const Manga: React.FC = () => {
 
     useEffect(() => {
         setAction(
-            <Stack direction="row" alignItems="center">
+            <Stack
+                direction="row"
+                sx={{
+                    alignItems: 'center',
+                }}
+            >
                 {error && !isValidating && !refreshing && (
                     <Tooltip
                         title={

src/screens/settings/About.tsx

@@ -149,7 +149,11 @@ const VersionInfo = ({
     };
 
     return (
-        <Stack alignItems="start">
+        <Stack
+            sx={{
+                alignItems: 'start',
+            }}
+        >
             <Typography component="span" variant="body2">
                 {version}
             </Typography>

src/screens/settings/Backup.tsx

@@ -341,7 +341,13 @@ export function Backup() {
                     )}
                 </DialogContent>
                 <DialogActions>
-                    <Stack sx={{ width: '100%' }} direction="row" justifyContent="space-between">
+                    <Stack
+                        direction="row"
+                        sx={{
+                            justifyContent: 'space-between',
+                            width: '100%',
+                        }}
+                    >
                         {!!validationResult?.missingSources.length && (
                             <Button
                                 onClick={closeInvalidBackupDialog}

src/screens/settings/DownloadSettings.tsx

@@ -206,7 +206,7 @@ export const DownloadSettings = () => {
                         updateSetting('autoDownloadNewChaptersLimit', autoDownloadNewChaptersLimit)
                     }
                 />
-                <ListItem disabled={!downloadSettings?.autoDownloadNewChapters}>
+                <ListItem>
                     <ListItemText primary={t('download.settings.auto_download.label.ignore_with_unread_chapters')} />
                     <Switch
                         edge="end"
@@ -215,7 +215,7 @@ export const DownloadSettings = () => {
                         disabled={!downloadSettings?.autoDownloadNewChapters}
                     />
                 </ListItem>
-                <ListItem disabled={!downloadSettings?.autoDownloadNewChapters}>
+                <ListItem>
                     <ListItemText primary={t('download.settings.auto_download.label.ignore_re_uploads')} />
                     <Switch
                         edge="end"