Migrate to lingui

Switch to "lingui" for better DX.
Tried to persist existing languages as much as possible.

Removed "vite-plugin-node-polyfills" because it's incompatible with "lingui"

src/features/theme/components/CreateThemeButton.tsx

@@ -6,17 +6,17 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { useTranslation } from 'react-i18next';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
 import AddCircleIcon from '@mui/icons-material/AddCircle';
 import { AwaitableComponent } from 'awaitable-component';
+import { useLingui } from '@lingui/react/macro';
 import { CustomTooltip } from '@/base/components/CustomTooltip.tsx';
 import { ThemeCreationDialog } from '@/features/theme/components/CreateThemeDialog.tsx';
 import { TypographyMaxLines } from '@/base/components/texts/TypographyMaxLines.tsx';
 
 export const CreateThemeButton = () => {
-    const { t } = useTranslation();
+    const { t } = useLingui();
 
     return (
         <Stack sx={{ alignItems: 'center', gap: 1, minWidth: '150px', maxWidth: '150px' }}>
@@ -33,10 +33,8 @@ export const CreateThemeButton = () => {
             >
                 <AddCircleIcon fontSize="large" />
             </Button>
-            <CustomTooltip title={t('settings.appearance.theme.create.title')} placement="top">
-                <TypographyMaxLines sx={{ maxWidth: '100%' }}>
-                    {t('settings.appearance.theme.create.title')}
-                </TypographyMaxLines>
+            <CustomTooltip title={t`Create theme`} placement="top">
+                <TypographyMaxLines sx={{ maxWidth: '100%' }}>{t`Create theme`}</TypographyMaxLines>
             </CustomTooltip>
         </Stack>
     );