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/components/SidebarNav.tsx

@@ -8,6 +8,7 @@ import { ChevronDown, ChevronRight } from "lucide-react";
 import { useUserContext } from "@app/hooks/useUserContext";
 import { Badge } from "@app/components/ui/badge";
 import { useLicenseStatusContext } from "@app/hooks/useLicenseStatusContext";
+import { useTranslations } from "next-intl";
 
 export interface SidebarNavItem {
     href: string;
@@ -65,6 +66,8 @@ export function SidebarNav({
 
     const { user } = useUserContext();
 
+    const t = useTranslations();
+
     function hydrateHref(val: string): string {
         return val
             .replace("{orgId}", orgId)
@@ -144,7 +147,7 @@ export function SidebarNav({
                                         variant="outlinePrimary"
                                         className="ml-2"
                                     >
-                                        Professional
+                                        {t('licenseBadge')}
                                     </Badge>
                                 )}
                             </Link>