🚧 wip extract to translations file

src/components/ColorSchemeToggle/ColorSchemeSwitch.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { createStyles, Switch, Group, useMantineColorScheme, Kbd } from '@mantine/core';
 import { IconSun as Sun, IconMoonStars as MoonStars } from '@tabler/icons';
 import { useConfig } from '../../tools/state';
+import { t } from 'i18next';
 
 const useStyles = createStyles((theme) => ({
   root: {
@@ -41,7 +42,9 @@ export function ColorSchemeSwitch() {
         <MoonStars className={cx(classes.icon, classes.iconDark)} size={18} />
         <Switch checked={colorScheme === 'dark'} onChange={() => toggleColorScheme()} size="md" />
       </div>
-      Switch to {colorScheme === 'dark' ? 'light' : 'dark'} mode
+      {t('settings.tabs.common.settings.colorScheme.label', {
+        scheme: colorScheme === 'dark' ? 'light' : 'dark',
+      })}
       <Group spacing={2}>
         <Kbd>Ctrl</Kbd>+<Kbd>J</Kbd>
       </Group>