refac: i18n (#244)

frontend/src/components/CookiesTextField.tsx

@@ -11,6 +11,9 @@ import { useSubscription } from '../hooks/observable'
 import { useToast } from '../hooks/toast'
 import { ffetch } from '../lib/httpClient'
 import { useAtomValue } from 'jotai'
+import { useI18n } from '../hooks/useI18n'
+
+const { i18n } = useI18n()
 
 const validateCookie = (cookie: string) => pipe(
   cookie,
@@ -164,7 +167,7 @@ const CookiesTextField: React.FC = () => {
         defaultValue={savedCookies}
         onChange={(e) => cookies$.next(e.currentTarget.value)}
       />
-      <Button onClick={deleteCookies}>Delete cookies</Button>
+      <Button onClick={deleteCookies}>{i18n.t('deleteCookies')}</Button>
     </>
   )
 }

frontend/src/components/HomeSpeedDial.tsx

@@ -34,7 +34,7 @@ const HomeSpeedDial: React.FC<Props> = ({ onDownloadOpen, onEditorOpen }) => {
     >
       <SpeedDialAction
         icon={listView ? <ViewAgendaIcon /> : <FormatListBulleted />}
-        tooltipTitle={listView ? 'Card view' : 'Table view'}
+        tooltipTitle={listView ? 'Card view' : i18n.t('tableView')}
         onClick={() => setListView(state => !state)}
       />
       <SpeedDialAction

frontend/src/components/livestream/NoLivestreams.tsx

@@ -31,7 +31,7 @@ export default function NoLivestreams() {
         </SvgIcon>
       </Title>
       <Title fontWeight={'500'} fontSize={36} color={'gray'}>
-        No livestreams monitored
+        {i18n.t('livestreamNoMonitoring')}
       </Title>
     </FlexContainer>
   )