Make active reading mode default settings editable in reader

src/modules/reader/components/settings/layout/profiles/ReaderSettingProfileSettings.tsx

@@ -9,6 +9,7 @@
 import Stack from '@mui/material/Stack';
 import ListSubheader from '@mui/material/ListSubheader';
 import { ComponentProps, useMemo } from 'react';
+import Typography from '@mui/material/Typography';
 import { ReaderLayoutSettings } from '@/modules/reader/components/settings/layout/ReaderLayoutSettings.tsx';
 import { useDefaultReaderSettingsWithDefaultFlag } from '@/modules/reader/services/ReaderSettingsMetadata.ts';
 import { ReadingMode } from '@/modules/reader/types/Reader.types.ts';
@@ -17,8 +18,12 @@ export const ReaderSettingProfileSettings = ({
     profile,
     title,
     updateSetting,
+    isSeriesMode,
     ...props
-}: Pick<ComponentProps<typeof ReaderLayoutSettings>, 'updateSetting'> & { profile: ReadingMode; title: string }) => {
+}: Pick<ComponentProps<typeof ReaderLayoutSettings>, 'updateSetting' | 'isSeriesMode'> & {
+    profile: ReadingMode;
+    title: string;
+}) => {
     const { settings } = useDefaultReaderSettingsWithDefaultFlag(profile);
 
     const adjustedSettings = useMemo(
@@ -34,10 +39,14 @@ export const ReaderSettingProfileSettings = ({
 
     return (
         <Stack sx={{ gap: 2 }}>
-            <ListSubheader component="div" id={`${profile}-settings`}>
-                {title}
-            </ListSubheader>
-            <Stack sx={{ px: 2 }}>
+            {!isSeriesMode ? (
+                <ListSubheader component="div" id={`${profile}-settings`}>
+                    {title}
+                </ListSubheader>
+            ) : (
+                <Typography>{title}</Typography>
+            )}
+            <Stack sx={{ px: Number(!isSeriesMode) * 2 }}>
                 <ReaderLayoutSettings
                     {...props}
                     setShowPreview={() => {}}