chore: update breadcrumb translation of work item detail page (#6653)

Author: prateekshourya29

packages/i18n/src/locales/en/translations.json

@@ -492,6 +492,7 @@
     "epic": "Epic",
     "epics": "Epics",
     "work_item": "Work item",
+    "work_items": "Work items",
     "sub_work_item": "Sub-work item",
     "add": "Add",
     "warning": "Warning",

packages/i18n/src/locales/es/translations.json

@@ -662,6 +662,7 @@
     "epic": "Epic",
     "epics": "Epics",
     "work_item": "Elemento de trabajo",
+    "work_items": "Elementos de trabajo",
     "sub_work_item": "Sub-elemento de trabajo",
     "add": "Agregar",
     "warning": "Advertencia",

packages/i18n/src/locales/fr/translations.json

@@ -662,6 +662,7 @@
     "epic": "Epic",
     "epics": "Epics",
     "work_item": "Élément de travail",
+    "work_items": "Éléments de travail",
     "sub_work_item": "Sous-élément de travail",
     "add": "Ajouter",
     "warning": "Avertissement",

packages/i18n/src/locales/ja/translations.json

@@ -662,6 +662,7 @@
     "epic": "エピック",
     "epics": "エピック",
     "work_item": "作業項目",
+    "work_items": "作業項目",
     "sub_work_item": "サブ作業項目",
     "add": "追加",
     "warning": "警告",

packages/i18n/src/locales/zh-CN/translations.json

@@ -662,6 +662,7 @@
     "epic": "史诗",
     "epics": "史诗",
     "work_item": "工作项",
+    "work_items": "工作项",
     "sub_work_item": "子工作项",
     "add": "添加",
     "warning": "警告",

web/app/[workspaceSlug]/(projects)/browse/[workItem]/header.tsx

@@ -3,7 +3,8 @@
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { Briefcase } from "lucide-react";
-// ui
+// plane imports
+import { useTranslation } from "@plane/i18n";
 import { Breadcrumbs, LayersIcon, Header, Logo } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common";
@@ -16,6 +17,8 @@ export const ProjectIssueDetailsHeader = observer(() => {
   // router
   const router = useAppRouter();
   const { workspaceSlug, workItem } = useParams();
+  // plane hooks
+  const { t } = useTranslation();
   // store hooks
   const { getProjectById, loader } = useProject();
   const {
@@ -61,7 +64,7 @@ export const ProjectIssueDetailsHeader = observer(() => {
               link={
                 <BreadcrumbLink
                   href={`/${workspaceSlug}/projects/${projectId}/issues`}
-                  label="Issues"
+                  label={t("common.work_items")}
                   icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />}
                 />
               }