🚧 wip migrate to next-i18n

src/components/Settings/OpacitySelector.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 import { Text, Slider, Stack } from '@mantine/core';
+import { useTranslation } from 'next-i18next';
 import { useConfig } from '../../tools/state';
-import { t } from 'i18next';
 
 export function OpacitySelector() {
   const { config, setConfig } = useConfig();
+  const { t } = useTranslation('settings/customization/shade-selector');
 
   const MARKS = [
     { value: 10, label: '10' },
@@ -31,7 +32,7 @@ export function OpacitySelector() {
 
   return (
     <Stack spacing="xs">
-      <Text>{t('settings.tabs.customizations.settings.opacitySelector.label')}</Text>
+      <Text>{t('label')}</Text>
       <Slider
         defaultValue={config.settings.appOpacity || 100}
         step={10}