Add some additional translations

Author: alan412

src/App.tsx

@@ -234,7 +234,7 @@ const App: React.FC = (): React.JSX.Element => {
     const tabs: Tabs.TabItem[] = [
       {
         key: projectData.robot.modulePath,
-        title: 'Robot',
+        title: t('ROBOT'),
         type: TabType.ROBOT,
       },
     ];

src/i18n/locales/en/translation.json

@@ -34,6 +34,9 @@
     "SPANISH": "Spanish",
     "HELP": "Help",
     "ABOUT": "About",
+    "BLOCKS": "Blocks",
+    "CODE": "Code",
+    "COPY": "Copy",
     "BLOCKLY":{
         "OF_TYPE": "of type",
         "WITH": "with",

src/i18n/locales/es/translation.json

@@ -29,6 +29,9 @@
     "SPANISH": "Español",
     "HELP": "Ayuda",
     "ABOUT": "Acerca de",
+    "BLOCKS": "Bloques",
+    "CODE": "Código",
+    "COPY": "Copiar",
     "addTabDialog": {
         "title": "Agregar Pestaña",
         "newItemPlaceholder": "Agregar Módulo",

src/reactComponents/CodeDisplay.tsx

@@ -25,6 +25,7 @@ import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { dracula, oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
 import type { MessageInstance } from 'antd/es/message/interface';
+import { useTranslation } from 'react-i18next';
 
 /** Function type for setting string values. */
 type StringFunction = (input: string) => void;
@@ -64,6 +65,7 @@ export default function CodeDisplay(props: CodeDisplayProps): React.JSX.Element
   }
 
   const { token } = Antd.theme.useToken();
+  const { t } = useTranslation();
   const syntaxStyle = syntaxHighligherFromTheme(props.theme);
 
   /** Handles copying the generated code to clipboard. */
@@ -90,8 +92,8 @@ export default function CodeDisplay(props: CodeDisplayProps): React.JSX.Element
   /** Renders the header section with title and copy button. */
   const renderHeader = (): React.JSX.Element => (
     <Antd.Space>
-      <Antd.Typography.Title level={3}>Code</Antd.Typography.Title>
-      <Antd.Tooltip title="Copy">
+      <Antd.Typography.Title level={3}>{t("CODE")}</Antd.Typography.Title>
+      <Antd.Tooltip title={t("COPY")}>
         <Antd.Button
           icon={<CopyIcon />}
           size="small"

src/reactComponents/Header.tsx

@@ -97,7 +97,7 @@ export default function Header(props: HeaderProps): React.JSX.Element {
             fontWeight: TITLE_FONT_WEIGHT,
           }}
         >
-          Blocks
+          {t("BLOCKS")}
         </Antd.Typography>
         <Antd.Typography
           style={{