fix: localize custom theme settings (#2299)

src/i18n/locales/en.json

@@ -1214,6 +1214,12 @@
         "skipPlaylistPage": "Skip playlist page",
         "startMinimized_description": "Start the application in system tray",
         "startMinimized": "Start minimized",
+        "customThemeErrors_description": "These theme files could not be loaded.",
+        "customThemeErrors": "Errors",
+        "customThemeWarnings_description": "These themes loaded, but some values were invalid and were ignored.",
+        "customThemeWarnings": "Warnings",
+        "customThemes_description": "Drop .json theme files into this folder to add custom themes. They're picked up automatically whenever you add, edit, or remove a file.",
+        "customThemes": "Custom Themes",
         "theme_description": "Sets the theme to use for the application",
         "theme": "Theme",
         "themeDark_description": "Sets the dark theme to use for the application",

src/renderer/features/settings/components/general/theme-settings.tsx

@@ -129,8 +129,10 @@ const CustomThemesManager = memo(() => {
                         </Button>
                     </Group>
                 }
-                description="Drop .json theme files into this folder to add custom themes. They're picked up automatically whenever you add, edit, or remove a file."
+                description={t('setting.customThemes', {
-                title="Custom Themes"
+                    context: 'description',
+                })}
+                title={t('setting.customThemes')}
             />
             {erroredThemes.length > 0 && (
                 <SettingsOptions
@@ -148,9 +150,11 @@ const CustomThemesManager = memo(() => {
                             ))}
                         </Stack>
                     }
-                    description="These theme files could not be loaded."
+                    description={t('setting.customThemeErrors', {
+                        context: 'description',
+                    })}
                     indent
-                    title="Errors"
+                    title={t('setting.customThemeErrors')}
                 />
             )}
             {warnedThemes.length > 0 && (
@@ -173,9 +177,11 @@ const CustomThemesManager = memo(() => {
                             ))}
                         </Stack>
                     }
-                    description="These themes loaded, but some values were invalid and were ignored."
+                    description={t('setting.customThemeWarnings', {
+                        context: 'description',
+                    })}
                     indent
-                    title="Warnings"
+                    title={t('setting.customThemeWarnings')}
                 />
             )}
         </>