diff --git a/resources/ts/back/Components/AssociatedDocumentList.tsx b/resources/ts/back/Components/AssociatedDocumentList.tsx
index 7e80383f..f2e3a163 100644
--- a/resources/ts/back/Components/AssociatedDocumentList.tsx
+++ b/resources/ts/back/Components/AssociatedDocumentList.tsx
@@ -6,6 +6,7 @@ import { AppEnv, DocumentModel, Resource, TranslationField } from "../types/glob
 import { Row } from "@tanstack/react-table";
 import { usePage } from "@inertiajs/react";
 import { Views } from "@/lib/utils";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 interface Props {
     documents: Resource
@@ -25,9 +26,9 @@ const AssociatedDocumentList = (props: Props) => {
                 />
             ),
             cell: ({ row }: { row: Row<DocumentModel> }) => {
-                return (row.getValue("name") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("name") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("name")
+                )
             },
         },
         {
diff --git a/resources/ts/back/Components/AssociatedNewsList.tsx b/resources/ts/back/Components/AssociatedNewsList.tsx
index 8da55d4c..cfd762a3 100644
--- a/resources/ts/back/Components/AssociatedNewsList.tsx
+++ b/resources/ts/back/Components/AssociatedNewsList.tsx
@@ -9,6 +9,7 @@ import { Views } from "@/lib/utils";
 import { useFormatedDate } from "@/hooks/use-formated-value";
 import { Badge } from "@/components/ui/badge";
 import NewsStatusBadge from "./NewsStatusBadge";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 interface Props {
     news: Resource
@@ -29,9 +30,9 @@ const AssociatedNewsList = (props: Props) => {
                 />
             ),
             cell: ({ row }: { row: Row<NewsModel> }) => {
-                return (row.getValue("title") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("title") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("title")
+                )
             },
         },
         {
diff --git a/resources/ts/back/Pages/CompanyActivities/Index.tsx b/resources/ts/back/Pages/CompanyActivities/Index.tsx
index 4c74be3c..5c51a1dc 100644
--- a/resources/ts/back/Pages/CompanyActivities/Index.tsx
+++ b/resources/ts/back/Pages/CompanyActivities/Index.tsx
@@ -24,6 +24,7 @@ import {
 } from "@/back/types/global";
 import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Index({
     companyActivityModels,
@@ -61,9 +62,9 @@ export default function Index({
                 />
             ),
             cell: ({ row }: { row: Row<CompanyActivityModel> }) => {
-                return (row.getValue("name") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("name") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("name")
+                )
             },
         },
         {
@@ -98,9 +99,8 @@ export default function Index({
             cell: ({ row }: { row: Row<CompanyActivityModel> }) => (
                 <Badge
                     variant="outline"
-                    className={`border-0 ${
-                        row.getValue("published") ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"
-                    }`}
+                    className={`border-0 ${row.getValue("published") ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"
+                        }`}
                 >
                     {row.getValue("published") ? (
                         <CheckIcon size={15} className="mr-1" />
@@ -114,7 +114,7 @@ export default function Index({
     ];
 
     const transModel = useTrans(`models.classes.${str(modelName).singular().value()}`, { choice: 2 });
-    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel }})
+    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel } })
     const transTitle = str(isArchiveRoute ? transArchiveTitle : transModel).ucFirst().value();
 
     const beforeNode = () => {
diff --git a/resources/ts/back/Pages/CompanyActivities/Show.tsx b/resources/ts/back/Pages/CompanyActivities/Show.tsx
index 5a7a0665..e53c8f82 100644
--- a/resources/ts/back/Pages/CompanyActivities/Show.tsx
+++ b/resources/ts/back/Pages/CompanyActivities/Show.tsx
@@ -20,11 +20,11 @@ import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
 import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
 import { ArrowLeftIcon, CheckIcon, XIcon } from "lucide-react";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Show({ data, modelName }: { data: SingleResource, modelName: string }) {
-    const { auth, appEnv } = usePage().props as unknown as {
+    const { auth } = usePage().props as unknown as {
         auth: AuthProp;
-        appEnv: AppEnv;
     };
     const { viewAny } = auth.policies.companyActivities;
     const companyActivityModel = data.data as CompanyActivityModel;
@@ -41,9 +41,11 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
         {
             accessorKey: "name",
             header: str(useTrans("validation.attributes.name")).ucFirst().value(),
-            cell: ({ value }: { value: TranslationField }) => value[appEnv.locale]
-                ? value[appEnv.locale]
-                : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>),
+            cell: ({ value }: { value: TranslationField }) => {
+                return renderTranslationCell(
+                    value
+                )
+            }
         },
         {
             accessorKey: "color",
@@ -63,9 +65,8 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
             cell: ({ value }: { value: boolean }) => (
                 <Badge
                     variant="outline"
-                    className={`border-0 ${
-                        value ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"
-                    }`}
+                    className={`border-0 ${value ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"
+                        }`}
                 >
                     {value ? (
                         <CheckIcon size={15} className="mr-1" />
@@ -107,7 +108,7 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
     return (
         <AuthenticatedLayout
             title={useTrans("crud.helpers.visualization_model", {
-                params: { model: useTrans("models.classes.company-activity", { choice: 1 })},
+                params: { model: useTrans("models.classes.company-activity", { choice: 1 }) },
             })}
             beforeNode={beforeNode()}
         >
diff --git a/resources/ts/back/Pages/CompanySectors/Index.tsx b/resources/ts/back/Pages/CompanySectors/Index.tsx
index 7411a2c3..2faed543 100644
--- a/resources/ts/back/Pages/CompanySectors/Index.tsx
+++ b/resources/ts/back/Pages/CompanySectors/Index.tsx
@@ -23,6 +23,7 @@ import {
 } from "@/back/types/global";
 import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Index({
     companySectorModels,
@@ -60,9 +61,9 @@ export default function Index({
                 />
             ),
             cell: ({ row }: { row: Row<CompanySectorModel> }) => {
-                return (row.getValue("name") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("name") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("name")
+                )
             },
         },
         {
@@ -76,9 +77,8 @@ export default function Index({
             cell: ({ row }: { row: Row<CompanySectorModel> }) => (
                 <Badge
                     variant="outline"
-                    className={`border-0 ${
-                        row.getValue("published") ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"
-                    }`}
+                    className={`border-0 ${row.getValue("published") ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"
+                        }`}
                 >
                     {row.getValue("published") ? (
                         <CheckIcon size={15} className="mr-1" />
@@ -92,7 +92,7 @@ export default function Index({
     ];
 
     const transModel = useTrans(`models.classes.${str(modelName).singular().value()}`, { choice: 2 });
-    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel }})
+    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel } })
     const transTitle = str(isArchiveRoute ? transArchiveTitle : transModel).ucFirst().value();
 
     const beforeNode = () => {
diff --git a/resources/ts/back/Pages/CompanySectors/Show.tsx b/resources/ts/back/Pages/CompanySectors/Show.tsx
index 26a718e1..5e4afdf5 100644
--- a/resources/ts/back/Pages/CompanySectors/Show.tsx
+++ b/resources/ts/back/Pages/CompanySectors/Show.tsx
@@ -12,7 +12,6 @@ import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithT
 import { Views } from "@/lib/utils";
 import { useFormatedDate } from "@/hooks/use-formated-value";
 import {
-    AppEnv,
     AuthProp,
     CompanySectorModel,
     SingleResource,
@@ -20,11 +19,11 @@ import {
 } from "@/back/types/global";
 import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Show({ data, modelName }: { data: SingleResource, modelName: string }) {
-    const { auth, appEnv } = usePage().props as unknown as {
+    const { auth } = usePage().props as unknown as {
         auth: AuthProp;
-        appEnv: AppEnv;
     };
     const { viewAny } = auth.policies.companySectors;
     const companySectorModel = data.data as CompanySectorModel;
@@ -41,9 +40,11 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
         {
             accessorKey: "name",
             header: str(useTrans("validation.attributes.name")).ucFirst().value(),
-            cell: ({ value }: { value: TranslationField }) =>  value[appEnv.locale]
-            ? value[appEnv.locale]
-            : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>),
+            cell: ({ value }: { value: TranslationField }) => {
+                return renderTranslationCell(
+                    value
+                )
+            }
         },
         {
             accessorKey: "published",
@@ -51,9 +52,8 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
             cell: ({ value }: { value: boolean }) => (
                 <Badge
                     variant="outline"
-                    className={`border-0 ${
-                        value ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"
-                    }`}
+                    className={`border-0 ${value ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"
+                        }`}
                 >
                     {value ? (
                         <CheckIcon size={15} className="mr-1" />
diff --git a/resources/ts/back/Pages/DocumentCategory/Index.tsx b/resources/ts/back/Pages/DocumentCategory/Index.tsx
index 9ba9f7ec..b31f091a 100644
--- a/resources/ts/back/Pages/DocumentCategory/Index.tsx
+++ b/resources/ts/back/Pages/DocumentCategory/Index.tsx
@@ -22,6 +22,7 @@ import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
 import { Row } from "@tanstack/react-table";
 import { Plus } from "lucide-react";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Index({
     documentCategoryModel,
@@ -54,9 +55,9 @@ export default function Index({
                 />
             ),
             cell: ({ row }: { row: Row<DocumentCategoryModel> }) => {
-                return (row.getValue("name") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("name") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("name")
+                )
             },
         },
         {
diff --git a/resources/ts/back/Pages/DocumentCategory/Show.tsx b/resources/ts/back/Pages/DocumentCategory/Show.tsx
index ebcf6122..3acc0264 100644
--- a/resources/ts/back/Pages/DocumentCategory/Show.tsx
+++ b/resources/ts/back/Pages/DocumentCategory/Show.tsx
@@ -22,6 +22,7 @@ import useTrans from "@/hooks/use-translations";
 import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
 import { ArrowLeft } from "lucide-react";
 import AssociatedDocumentList from "@/back/Components/AssociatedDocumentList";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 
 export default function Show({ data, modelName, documents }: { data: SingleResource, modelName: string, documents: Resource }) {
@@ -43,9 +44,11 @@ export default function Show({ data, modelName, documents }: { data: SingleResou
         {
             accessorKey: "name",
             header: str(useTrans("validation.attributes.name")).ucFirst().value(),
-            cell: ({ value }: { value: TranslationField }) => value[appEnv.locale]
-                ? value[appEnv.locale]
-                : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>),
+            cell: ({ value }: { value: TranslationField }) => {
+                return renderTranslationCell(
+                    value
+                )
+            }
         },
         {
             accessorKey: "slug",
diff --git a/resources/ts/back/Pages/DocumentTag/Index.tsx b/resources/ts/back/Pages/DocumentTag/Index.tsx
index b485f9ab..5ea8c8f9 100644
--- a/resources/ts/back/Pages/DocumentTag/Index.tsx
+++ b/resources/ts/back/Pages/DocumentTag/Index.tsx
@@ -22,6 +22,7 @@ import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
 import { Row } from "@tanstack/react-table";
 import { Plus } from "lucide-react";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Index({
     documentTagModel,
@@ -54,9 +55,9 @@ export default function Index({
                 />
             ),
             cell: ({ row }: { row: Row<DocumentTagModel> }) => {
-                return (row.getValue("name") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("name") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("name")
+                )
             },
         },
         {
diff --git a/resources/ts/back/Pages/DocumentTag/Show.tsx b/resources/ts/back/Pages/DocumentTag/Show.tsx
index 0f6c05d7..27a01377 100644
--- a/resources/ts/back/Pages/DocumentTag/Show.tsx
+++ b/resources/ts/back/Pages/DocumentTag/Show.tsx
@@ -22,6 +22,7 @@ import useTrans from "@/hooks/use-translations";
 import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
 import { ArrowLeft } from "lucide-react";
 import AssociatedDocumentList from "@/back/Components/AssociatedDocumentList";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Show({ data, modelName, documents }: { data: SingleResource, modelName: string, documents: Resource }) {
     const { auth, appEnv } = usePage().props as unknown as {
@@ -42,9 +43,11 @@ export default function Show({ data, modelName, documents }: { data: SingleResou
         {
             accessorKey: "name",
             header: str(useTrans("validation.attributes.name")).ucFirst().value(),
-            cell: ({ value }: { value: TranslationField }) => value[appEnv.locale]
-                ? value[appEnv.locale]
-                : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>),
+            cell: ({ value }: { value: TranslationField }) => {
+                return renderTranslationCell(
+                    value
+                )
+            }
         },
         {
             accessorKey: "slug",
diff --git a/resources/ts/back/Pages/DynamicPages/Index.tsx b/resources/ts/back/Pages/DynamicPages/Index.tsx
index 2d63e833..7dd2dca8 100644
--- a/resources/ts/back/Pages/DynamicPages/Index.tsx
+++ b/resources/ts/back/Pages/DynamicPages/Index.tsx
@@ -41,6 +41,8 @@ import {
 import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
 import DynamicStatusBadge from "@/back/Components/DynamicPages/DynamicStatusBadge";
+import { ReactNode } from "react";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Index({
     dynamicPageModels,
@@ -68,6 +70,7 @@ export default function Index({
         Views.DUPLICATION,
         Views.ARCHIVATION,
     ];
+
     const columns = [
         {
             accessorKey: "title",
@@ -78,10 +81,11 @@ export default function Index({
                 />
             ),
             cell: ({ row }: { row: Row<DynamicPageModel> }) => {
-                return (row.getValue("title") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("title") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("title") as TranslationField
+                );
             }
+
         },
         {
             accessorKey: "parent_page",
@@ -139,10 +143,10 @@ export default function Index({
             accessorKey: "config",
             header: ({ column }: { column: { id: string } }) => (
                 <DataTableFilterButton
-                label={str(useTrans(`validation.custom.${column.id}`))
-                    .ucFirst()
-                    .value()}
-                field={column.id}
+                    label={str(useTrans(`validation.custom.${column.id}`))
+                        .ucFirst()
+                        .value()}
+                    field={column.id}
                 />
             ),
             cell: ({ row }: { row: Row<DynamicPageModel> }) => {
@@ -181,9 +185,9 @@ export default function Index({
                     return value;
                 }
                 return (
-                <p className="text-muted-foreground italic m-0">
-                    {useTrans("back.table_not_known")}
-                </p>
+                    <p className="text-muted-foreground italic m-0">
+                        {useTrans("back.table_not_known")}
+                    </p>
                 );
             },
         },
@@ -191,10 +195,10 @@ export default function Index({
             accessorKey: "status",
             header: ({ column }: { column: { id: string } }) => (
                 <DataTableFilterButton
-                label={str(useTrans(`validation.custom.${column.id}`))
-                    .ucFirst()
-                    .value()}
-                field={column.id}
+                    label={str(useTrans(`validation.custom.${column.id}`))
+                        .ucFirst()
+                        .value()}
+                    field={column.id}
                 />
             ),
             cell: ({ row }: { row: Row<DynamicPageModel> }) => (
@@ -230,7 +234,7 @@ export default function Index({
     ];
 
     const transModel = useTrans(`models.classes.${str(modelName).singular().value()}`, { choice: 2 });
-    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel }})
+    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel } })
     const transTitle = str(isArchiveRoute ? transArchiveTitle : transModel).ucFirst().value();
 
     const beforeNode = () => {
diff --git a/resources/ts/back/Pages/DynamicPages/Show.tsx b/resources/ts/back/Pages/DynamicPages/Show.tsx
index 09da2777..215bc350 100644
--- a/resources/ts/back/Pages/DynamicPages/Show.tsx
+++ b/resources/ts/back/Pages/DynamicPages/Show.tsx
@@ -23,6 +23,7 @@ import {
 import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
 import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Show({ data, modelName }: { data: SingleResource, modelName: string }) {
     const { auth, appEnv } = usePage().props as unknown as {
@@ -41,7 +42,9 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
             accessorKey: "title",
             header: str(useTrans("validation.attributes.title")).ucFirst().value(),
             cell: ({ value }: { value: TranslationField }) => (
-                <p>{value[appEnv.locale]}</p>
+                renderTranslationCell(
+                    value
+                )
             ),
         },
         {
@@ -128,7 +131,7 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
                     variant="outline"
                     className={`border-0 ${value ? "bg-green-200 dark:bg-green-900" : "bg-red-200 dark:bg-red-900"}`}
                 >
-                    { value ? <CheckIcon size={15} className="mr-1" /> : <XIcon size={15} className="mr-1" /> }
+                    {value ? <CheckIcon size={15} className="mr-1" /> : <XIcon size={15} className="mr-1" />}
                     {str(useTrans(value ? "back.yes" : "back.no")).ucFirst().value()}
                 </Badge>
             ),
diff --git a/resources/ts/back/Pages/News/Index.tsx b/resources/ts/back/Pages/News/Index.tsx
index 74a6e29f..82ce6a26 100644
--- a/resources/ts/back/Pages/News/Index.tsx
+++ b/resources/ts/back/Pages/News/Index.tsx
@@ -25,6 +25,7 @@ import useTrans from "@/hooks/use-translations";
 import { Row } from "@tanstack/react-table";
 import { AlertCircle, Archive, ArrowLeft, Plus } from "lucide-react";
 import NewsStatusBadge from "@/back/Components/NewsStatusBadge";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Index({
     newsModels,
@@ -62,9 +63,9 @@ export default function Index({
                 />
             ),
             cell: ({ row }: { row: Row<NewsModel> }) => {
-                return (row.getValue("title") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("title") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("title")
+                )
             },
         },
         {
diff --git a/resources/ts/back/Pages/News/Show.tsx b/resources/ts/back/Pages/News/Show.tsx
index 825e1e1f..9908e626 100644
--- a/resources/ts/back/Pages/News/Show.tsx
+++ b/resources/ts/back/Pages/News/Show.tsx
@@ -24,6 +24,7 @@ import { ArrowLeft } from "lucide-react";
 import NewsStatusBadge from "@/back/Components/NewsStatusBadge";
 import NewsCategoriesBadge from "@/back/Components/NewsCategoriesBadge";
 import useLocale from "@/store/use-locale-store";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Show({ data, modelName }: { data: SingleResource, modelName: string }) {
     const { auth, appEnv } = usePage().props as unknown as {
@@ -58,9 +59,11 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
         {
             accessorKey: "title",
             header: str(useTrans("validation.attributes.title")).ucFirst().value(),
-            cell: ({ value }: { value: TranslationField }) => value[appEnv.locale]
-                ? value[appEnv.locale]
-                : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>),
+            cell: ({ value }: { value: TranslationField }) => {
+                return renderTranslationCell(
+                    value
+                )
+            }
         },
         {
             accessorKey: "slug",
@@ -87,7 +90,7 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
         },
         {
             accessorKey: "categories",
-            header: str(useTrans("validation.custom.category", {choice:2})).ucFirst().value(),
+            header: str(useTrans("validation.custom.category", { choice: 2 })).ucFirst().value(),
             cell: ({ value }: { value?: NewsCategoryModel[] }) => {
                 if (!value || value.length === 0) return null;
                 return (
diff --git a/resources/ts/back/Pages/NewsCategory/Index.tsx b/resources/ts/back/Pages/NewsCategory/Index.tsx
index ef95070b..3c37b563 100644
--- a/resources/ts/back/Pages/NewsCategory/Index.tsx
+++ b/resources/ts/back/Pages/NewsCategory/Index.tsx
@@ -25,6 +25,7 @@ import {
 } from "@/back/types/global";
 import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Index({
     newsCategoryModels,
@@ -62,9 +63,9 @@ export default function Index({
                 />
             ),
             cell: ({ row }: { row: Row<NewsCategoryModel> }) => {
-                return (row.getValue("name") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("name") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("name")
+                )
             },
         },
         {
@@ -115,7 +116,7 @@ export default function Index({
         },
     ];
     const transModel = useTrans(`models.classes.${str(modelName).singular().value()}`, { choice: 2 });
-    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel }})
+    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel } })
     const transTitle = str(isArchiveRoute ? transArchiveTitle : transModel).ucFirst().value();
 
     const beforeNode = () => {
diff --git a/resources/ts/back/Pages/NewsCategory/Show.tsx b/resources/ts/back/Pages/NewsCategory/Show.tsx
index 25c50269..7b00454c 100644
--- a/resources/ts/back/Pages/NewsCategory/Show.tsx
+++ b/resources/ts/back/Pages/NewsCategory/Show.tsx
@@ -23,6 +23,7 @@ import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithT
 import { ArrowLeft } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import AssociatedNewsList from "@/back/Components/AssociatedNewsList";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 
 export default function Show({ data, modelName, news }: { data: SingleResource, modelName: string, news: Resource }) {
@@ -44,9 +45,11 @@ export default function Show({ data, modelName, news }: { data: SingleResource,
         {
             accessorKey: "name",
             header: str(useTrans("validation.attributes.name")).ucFirst().value(),
-            cell: ({ value }: { value: TranslationField }) => value[appEnv.locale]
-                ? value[appEnv.locale]
-                : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>),
+            cell: ({ value }: { value: TranslationField }) => {
+                return renderTranslationCell(
+                    value
+                )
+            }
         },
         {
             accessorKey: "slug",
diff --git a/resources/ts/back/Pages/PageConfigs/Index.tsx b/resources/ts/back/Pages/PageConfigs/Index.tsx
index 794a5afb..220b3ebf 100644
--- a/resources/ts/back/Pages/PageConfigs/Index.tsx
+++ b/resources/ts/back/Pages/PageConfigs/Index.tsx
@@ -24,6 +24,7 @@ import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
 import { Row } from "@tanstack/react-table";
 import { AlertCircleIcon, ArchiveIcon, ArrowLeftIcon, PlusIcon } from "lucide-react";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Index({
     pageConfigModels,
@@ -61,9 +62,9 @@ export default function Index({
                 />
             ),
             cell: ({ row }: { row: Row<PageConfigModel> }) => {
-                return (row.getValue("label") as TranslationField)[appEnv.locale] ? (
-                    (row.getValue("label") as TranslationField)[appEnv.locale]
-                ) : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>);
+                return renderTranslationCell(
+                    row.getValue("label") as TranslationField
+                )
             },
         },
         {
@@ -97,7 +98,7 @@ export default function Index({
     ];
 
     const transModel = useTrans(`models.classes.${str(modelName).singular().value()}`, { choice: 2 });
-    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel }})
+    const transArchiveTitle = useTrans("crud.helpers.archives_model", { params: { model: transModel } })
     const transTitle = str(isArchiveRoute ? transArchiveTitle : transModel).ucFirst().value();
 
     const beforeNode = () => {
diff --git a/resources/ts/back/Pages/PageConfigs/Show.tsx b/resources/ts/back/Pages/PageConfigs/Show.tsx
index b24f5c32..26d6b282 100644
--- a/resources/ts/back/Pages/PageConfigs/Show.tsx
+++ b/resources/ts/back/Pages/PageConfigs/Show.tsx
@@ -22,6 +22,7 @@ import str from "@/hooks/use-string";
 import useTrans from "@/hooks/use-translations";
 import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
 import { ArrowLeftIcon } from "lucide-react";
+import { renderTranslationCell } from "@/lib/translationCellFallback";
 
 export default function Show({ data, modelName }: { data: SingleResource, modelName: string }) {
     const { auth, appEnv } = usePage().props as unknown as {
@@ -43,9 +44,11 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
         {
             accessorKey: "label",
             header: str(useTrans("validation.custom.label")).ucFirst().value(),
-            cell: ({ value }: { value: TranslationField }) => value[appEnv.locale]
-                ? value[appEnv.locale]
-                : (<p className="text-muted-foreground italic m-0">{useTrans('back.table_not_known')}</p>),
+            cell: ({ value }: { value: TranslationField }) => {
+                return renderTranslationCell(
+                    value
+                )
+            }
         },
         {
             accessorKey: "view",
@@ -80,7 +83,7 @@ export default function Show({ data, modelName }: { data: SingleResource, modelN
             ),
         },
     ];
-    
+
     const beforeNode = () => {
         return viewAny && (
             <div className="flex justify-end items-center gap-x-1.5">
diff --git a/resources/ts/lib/translationCellFallback.tsx b/resources/ts/lib/translationCellFallback.tsx
new file mode 100644
index 00000000..02a2b072
--- /dev/null
+++ b/resources/ts/lib/translationCellFallback.tsx
@@ -0,0 +1,73 @@
+import { AppEnv, TranslationField } from "@/back/types/global";
+import useTrans from "@/hooks/use-translations";
+import { usePage } from "@inertiajs/react";
+import { ReactNode } from "react";
+
+/**
+ * Resolves the best translation value for the current locale.
+ *
+ * Priority:
+ * 1. Value for the current app locale
+ * 2. First non-empty available translation (fallback)
+ *
+ * @param value - Translation field containing localized values
+ * @returns An object with the resolved value and optional fallback locale,
+ *          or null if no translation is available
+ */
+const getTranslationValue = (
+    value?: TranslationField
+):
+    | { value: string; locale?: string }
+    | null => {
+
+
+    const { appEnv } = usePage().props as unknown as {
+        appEnv: AppEnv;
+    };
+    if (!value) return null;
+
+    const local = value[appEnv.locale];
+    if (local) return { value: local };
+
+    const fallback = Object.entries(value).find(([, v]) => v?.trim());
+    if (!fallback) return null;
+
+    return { value: fallback[1], locale: fallback[0] };
+};
+
+/**
+ * Renders a table cell displaying a translated value.
+ *
+ * - Displays the value directly if it matches the current locale
+ * - Displays "locale: value" when a fallback translation is used
+ * - Displays a "not known" message when no translation is available
+ *
+ * @param value - Translation field containing localized values
+ * @returns A ReactNode ready to be rendered inside a table cell
+ */
+export const renderTranslationCell = (
+    value?: TranslationField
+): ReactNode => {
+    const result = getTranslationValue(value);
+
+    if (!result) {
+        return (
+            <p className="text-muted-foreground italic m-0">
+                {useTrans("back.table_not_known")}
+            </p>
+        );
+    }
+
+    if (!result.locale) {
+        return result.value;
+    }
+
+    return (
+        <span className="italic text-xs">
+            <span className="text-muted-foreground mr-1">
+                {result.locale}:
+            </span>
+            {result.value}
+        </span>
+    );
+};
diff --git a/routes/breadcrumbs-back.php b/routes/breadcrumbs-back.php
index bdcdbf2f..1c1afb03 100644
--- a/routes/breadcrumbs-back.php
+++ b/routes/breadcrumbs-back.php
@@ -322,13 +322,13 @@ Breadcrumbs::for('back.document-categories.create', function (Generator $trail)
 Breadcrumbs::for('back.document-categories.edit', function (Generator $trail) {
     $trail->parent('back.document-categories.index');
     $trail->push(Str::ucfirst(trans('crud.actions.edit')), route('back.document-categories.edit', [
-        'document_tag' => request()->document_tag
+        'document_category' => request()->document_category
     ]));
 });
 Breadcrumbs::for('back.document-categories.show', function (Generator $trail) {
     $trail->parent('back.document-categories.index');
     $trail->push(Str::ucfirst(trans('crud.actions.visualize')), route('back.document-categories.show', [
-        'document_tag' => request()->document_tag
+        'document_category' => request()->document_category
     ]));
 });
 
@@ -347,12 +347,12 @@ Breadcrumbs::for('back.document-tags.create', function (Generator $trail) {
 Breadcrumbs::for('back.document-tags.edit', function (Generator $trail) {
     $trail->parent('back.document-tags.index');
     $trail->push(Str::ucfirst(trans('crud.actions.edit')), route('back.document-tags.edit', [
-        'document_exercice' => request()->document_exercice
+        'document_tag' => request()->document_tag
     ]));
 });
 Breadcrumbs::for('back.document-tags.show', function (Generator $trail) {
     $trail->parent('back.document-tags.index');
     $trail->push(Str::ucfirst(trans('crud.actions.visualize')), route('back.document-tags.show', [
-        'document_exercice' => request()->document_exercice
+        'document_tag' => request()->document_tag
     ]));
-});
\ No newline at end of file
+});