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/access/roles/CreateRoleForm.tsx

@@ -39,11 +39,6 @@ type CreateRoleFormProps = {
     afterCreate?: (res: CreateRoleResponse) => Promise<void>;
 };
 
-const formSchema = z.object({
-    name: z.string({ message: "Name is required" }).max(32),
-    description: z.string().max(255).optional()
-});
-
 export default function CreateRoleForm({
     open,
     setOpen,
@@ -52,6 +47,11 @@ export default function CreateRoleForm({
     const { org } = useOrgContext();
     const t = useTranslations();
 
+    const formSchema = z.object({
+        name: z.string({ message: t('nameRequired') }).max(32),
+        description: z.string().max(255).optional()
+    });
+
     const [loading, setLoading] = useState(false);
 
     const api = createApiClient(useEnvContext());

src/app/[orgId]/settings/access/roles/DeleteRoleForm.tsx

@@ -47,10 +47,6 @@ type CreateRoleFormProps = {
     afterDelete?: () => void;
 };
 
-const formSchema = z.object({
-    newRoleId: z.string({ message: "New role is required" })
-});
-
 export default function DeleteRoleForm({
     open,
     roleToDelete,
@@ -65,6 +61,10 @@ export default function DeleteRoleForm({
 
     const api = createApiClient(useEnvContext());
 
+    const formSchema = z.object({
+        newRoleId: z.string({ message: t('accessRoleErrorNewRequired') })
+    });
+
     useEffect(() => {
         async function fetchRoles() {
             const res = await api

src/app/[orgId]/settings/access/roles/RolesDataTable.tsx

@@ -24,7 +24,7 @@ export function RolesDataTable<TData, TValue>({
         <DataTable
             columns={columns}
             data={data}
-            title="Roles"
+            title={t('roles')}
             searchPlaceholder={t('accessRolesSearch')}
             searchColumn="name"
             onAdd={createRole}