I18n components (#27)

* New translation keys in en-US locale

* New translation keys in de-DE locale

* New translation keys in fr-FR locale

* New translation keys in it-IT locale

* New translation keys in pl-PL locale

* New translation keys in pt-PT locale

* New translation keys in tr-TR locale

* Move into function

* Replace string matching to boolean check

* Add FIXIT in UsersTable

* Use localization for size units

* Missed and restored translation keys

* fixup! New translation keys in tr-TR locale

* Add translation keys in components

src/app/[orgId]/settings/sites/page.tsx

@@ -24,16 +24,18 @@ export default async function SitesPage(props: SitesPageProps) {
         sites = res.data.data.sites;
     } catch (e) {}
 
+    const t = await getTranslations();
+
     function formatSize(mb: number, type: string): string {
         if (type === "local") {
             return "-"; // because we are not able to track the data use in a local site right now
         }
         if (mb >= 1024 * 1024) {
-            return `${(mb / (1024 * 1024)).toFixed(2)} TB`;
+            return t('terabytes', {count: (mb / (1024 * 1024)).toFixed(2)});
         } else if (mb >= 1024) {
-            return `${(mb / 1024).toFixed(2)} GB`;
+            return t('gigabytes', {count: (mb / 1024).toFixed(2)});
         } else {
-            return `${mb.toFixed(2)} MB`;
+            return t('megabytes', {count: mb.toFixed(2)});
         }
     }
 
@@ -50,8 +52,6 @@ export default async function SitesPage(props: SitesPageProps) {
         };
     });
 
-    const t = await getTranslations();
-
     return (
         <>
             {/* <SitesSplashCard /> */}