Delete global reader settings on reset

When resetting a whole settings tab, the whole metadata can be deleted from the server

src/modules/reader/components/settings/general/ReaderGeneralSettings.tsx

@@ -25,6 +25,7 @@ export const ReaderGeneralSettings = ({
     overlayMode,
     settings,
     updateSetting,
+    onDefault,
 }: Pick<IReaderSettings, 'overlayMode'> & ReaderSettingsTypeProps) => {
     const { t } = useTranslation();
 
@@ -48,6 +49,7 @@ export const ReaderGeneralSettings = ({
                 progressBarType={settings.progressBarType}
                 progressBarSize={settings.progressBarSize}
                 setProgressBarSize={(...args) => updateSetting('progressBarSize', ...args)}
+                onDefault={() => onDefault?.('progressBarSize')}
             />
             <ReaderSettingProgressBarPosition
                 overlayMode={overlayMode}

src/modules/reader/components/settings/general/ReaderSettingProgressBarSize.tsx

@@ -16,8 +16,10 @@ export const ReaderSettingProgressBarSize = ({
     progressBarType,
     progressBarSize,
     setProgressBarSize,
+    onDefault,
 }: Pick<IReaderSettings, 'progressBarType' | 'progressBarSize' | 'overlayMode'> & {
     setProgressBarSize: (size: number, commit: boolean) => void;
+    onDefault: () => void;
 }) => {
     const { t } = useTranslation();
     const isChangeable = overlayMode === ReaderOverlayMode.DESKTOP && progressBarType === ProgressBarType.STANDARD;
@@ -30,7 +32,7 @@ export const ReaderSettingProgressBarSize = ({
         <SliderInput
             label={t('reader.settings.progress_bar.size')}
             value={t('global.value', { value: progressBarSize, unit: t('global.unit.px') })}
-            onDefault={() => setProgressBarSize(DEFAULT_READER_SETTINGS.progressBarSize, true)}
+            onDefault={onDefault}
             slotProps={{
                 slider: {
                     defaultValue: DEFAULT_READER_SETTINGS.progressBarSize,