add translation keys (#246)

* Fix i18n tsc issue

"t" can return null by default.
This was already disabled in the config, but it had no effect on tsc.

* Fix translation in "DefaultNavBar"

key was missing and since this is a constant the translation wouldn't update in case the language got changed after first load.

* Enable typing for i18n translation keys

* Add translation keys

src/components/navbar/DefaultNavBar.tsx

@@ -31,56 +31,54 @@ import { createPortal } from 'react-dom';
 import useBackTo from 'util/useBackTo';
 import DesktopSideBar from 'components/navbar/navigation/DesktopSideBar';
 import MobileBottomBar from 'components/navbar/navigation/MobileBottomBar';
-// import { useTranslation } from 'react-i18next';
-import { t } from 'i18next';
 import { NavbarItem } from 'typings';
 
 const navbarItems: Array<NavbarItem> = [
     {
         path: '/library',
-        title: t('DefaultNavBar.navbarItems.Library'),
+        title: 'library.title',
         SelectedIconComponent: CollectionsBookmarkIcon,
         IconComponent: CollectionsOutlinedBookmarkIcon,
         show: 'both',
     },
     {
         path: '/updates',
-        title: 'Updates',
+        title: 'updates.title',
         SelectedIconComponent: NewReleasesIcon,
         IconComponent: NewReleasesOutlinedIcon,
         show: 'both',
     },
     {
         path: '/extensions',
-        title: 'Extensions',
+        title: 'extension.title',
         SelectedIconComponent: ExtensionIcon,
         IconComponent: ExtensionOutlinedIcon,
         show: 'desktop',
     },
     {
         path: '/sources',
-        title: 'Sources',
+        title: 'source.title',
         SelectedIconComponent: ExploreIcon,
         IconComponent: ExploreOutlinedIcon,
         show: 'desktop',
     },
     {
         path: '/browse',
-        title: 'Browse',
+        title: 'global.label.browse',
         SelectedIconComponent: ExploreIcon,
         IconComponent: ExploreOutlinedIcon,
         show: 'mobile',
     },
     {
         path: '/downloads',
-        title: 'Downloads',
+        title: 'download.title',
         SelectedIconComponent: GetAppIcon,
         IconComponent: GetAppOutlinedIcon,
         show: 'both',
     },
     {
         path: '/settings',
-        title: 'Settings',
+        title: 'settings.title',
         SelectedIconComponent: SettingsIcon,
         IconComponent: SettingsIcon,
         show: 'both',
@@ -88,7 +86,6 @@ const navbarItems: Array<NavbarItem> = [
 ];
 
 export default function DefaultNavBar() {
-    // const { t } = useTranslation();
     const { title, action, override } = useContext(NavBarContext);
     const backTo = useBackTo();