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/ProfessionalContentOverlay.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { cn } from "@app/lib/cn";
+import { useTranslations } from "next-intl";
 
 type ProfessionalContentOverlayProps = {
     children: React.ReactNode;
@@ -11,6 +12,8 @@ export function ProfessionalContentOverlay({
     children,
     isProfessional = false
 }: ProfessionalContentOverlayProps) {
+    const t = useTranslations();
+
     return (
         <div
             className={cn(
@@ -22,11 +25,10 @@ export function ProfessionalContentOverlay({
                 <div className="absolute inset-0 flex items-center justify-center bg-background/80 z-50">
                     <div className="text-center p-6 bg-primary/10 rounded-lg">
                         <h3 className="text-lg font-semibold mb-2">
-                            Professional Edition Required
+                            {t('licenseTierProfessionalRequired')}
                         </h3>
                         <p className="text-muted-foreground">
-                            This feature is only available in the Professional
-                            Edition.
+                            {t('licenseTierProfessionalRequiredDescription')}
                         </p>
                     </div>
                 </div>