IO-1722 added translations

client/src/components/production-board-kanban-card/production-board-kanban-card-color-legend.component.jsx

@@ -1,7 +1,9 @@
 import { Col, List, Space, Typography } from "antd";
 import React from "react";
+import { useTranslation } from "react-i18next";
 
 const CardColorLegend = ({ bodyshop, cardSettings }) => {
+  const { t } = useTranslation();
   const data = bodyshop.ssbuckets.map((size) => ({
     label: size.label,
     color: size.color?.hex ?? "white",
@@ -9,7 +11,7 @@ const CardColorLegend = ({ bodyshop, cardSettings }) => {
 
   return (
     <Col>
-      <Typography>Legend:</Typography>
+      <Typography>{t("production.labels.legend")}</Typography>
       <List
         grid={{
           gutter: 16,