Update mui dependencies

src/components/navbar/DefaultNavBar.tsx

@@ -164,7 +164,15 @@ export function DefaultNavBar() {
                                 {getOptionForDirection(<ArrowBack />, <ArrowForwardIcon />)}
                             </IconButton>
                         )}
-                        <Typography variant="h5" component="h1" sx={{ flexGrow: 1 }} noWrap textOverflow="ellipsis">
+                        <Typography
+                            variant="h5"
+                            component="h1"
+                            noWrap
+                            sx={{
+                                textOverflow: 'ellipsis',
+                                flexGrow: 1,
+                            }}
+                        >
                             {title}
                         </Typography>
                         {action}

src/components/navbar/ReaderNavBar.tsx

@@ -226,9 +226,12 @@ export function ReaderNavBar(props: IProps) {
                         <Typography
                             variant="h6"
                             component="h1"
-                            textOverflow="ellipsis"
-                            overflow="hidden"
-                            sx={{ py: 1, flexGrow: 1 }}
+                            sx={{
+                                textOverflow: 'ellipsis',
+                                overflow: 'hidden',
+                                py: 1,
+                                flexGrow: 1,
+                            }}
                         >
                             {chapter.name}
                         </Typography>

src/components/navbar/action/CategorySelect.tsx

@@ -223,7 +223,14 @@ export function CategorySelect(props: CategorySelectProps) {
                             onChange={(e) => setDoNotShowAddToLibraryDialogAgain(e.target.checked)}
                         />
                     )}
-                    <Stack sx={{ width: '100%' }} direction="row" justifyContent="space-between" alignItems="end">
+                    <Stack
+                        direction="row"
+                        sx={{
+                            justifyContent: 'space-between',
+                            alignItems: 'end',
+                            width: '100%',
+                        }}
+                    >
                         <Button component={Link} to="/settings/categories">
                             {t(allCategories.length ? 'global.button.edit' : 'global.button.create')}
                         </Button>