more translation

frontend/public/locales/en-GB/translation.json

@@ -1740,6 +1740,15 @@
     "allTools": "ALL TOOLS",
     "quickAccess": "QUICK ACCESS"
   },
+  "quickAccess": {
+    "read": "Read",
+    "sign": "Sign",
+    "automate": "Automate",
+    "files": "Files",
+    "activity": "Activity",
+    "config": "Config",
+    "allTools": "All Tools"
+  },
   "fileUpload": {
     "selectFile": "Select a file",
     "selectFiles": "Select files",

frontend/src/components/shared/AllToolsNavButton.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ActionIcon } from '@mantine/core';
+import { useTranslation } from 'react-i18next';
 import { Tooltip } from './Tooltip';
 import AppsIcon from '@mui/icons-material/AppsRounded';
 import { useToolWorkflow } from '../../contexts/ToolWorkflowContext';
@@ -10,6 +11,7 @@ interface AllToolsNavButtonProps {
 }
 
 const AllToolsNavButton: React.FC<AllToolsNavButtonProps> = ({ activeButton, setActiveButton }) => {
+  const { t } = useTranslation();
   const { handleReaderToggle, handleBackToTools, selectedToolKey, leftPanelView } = useToolWorkflow();
 
   const handleClick = () => {
@@ -30,7 +32,7 @@ const AllToolsNavButton: React.FC<AllToolsNavButtonProps> = ({ activeButton, set
 
   return (
     
-    <Tooltip content={'All tools'} position="right" arrow containerStyle={{ marginTop: "-1rem" }} maxWidth={200}>
+    <Tooltip content={t("quickAccess.allTools", "All Tools")} position="right" arrow containerStyle={{ marginTop: "-1rem" }} maxWidth={200}>
       <div className="flex flex-col items-center gap-1 mt-4 mb-2">
         <ActionIcon
           size={'lg'}
@@ -47,7 +49,7 @@ const AllToolsNavButton: React.FC<AllToolsNavButtonProps> = ({ activeButton, set
           {iconNode}
         </ActionIcon>
         <span className={`all-tools-text ${isActive ? 'active' : 'inactive'}`}>
-          All Tools
+          {t("quickAccess.allTools", "All Tools")}
         </span>
       </div>
     </Tooltip>

frontend/src/components/shared/QuickAccessBar.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useRef, forwardRef, useEffect } from "react";
 import { ActionIcon, Stack, Divider } from "@mantine/core";
+import { useTranslation } from 'react-i18next';
 import MenuBookIcon from "@mui/icons-material/MenuBookRounded";
 import SettingsIcon from "@mui/icons-material/SettingsRounded";
 import FolderIcon from "@mui/icons-material/FolderRounded";
@@ -20,6 +21,7 @@ import {
 
 const QuickAccessBar = forwardRef<HTMLDivElement>(({
 }, ref) => {
+  const { t } = useTranslation();
   const { isRainbowMode } = useRainbowThemeContext();
   const { openFilesModal, isFilesModalOpen } = useFilesModalContext();
   const { handleReaderToggle, selectedTool, selectedToolKey, leftPanelView } = useToolWorkflow();
@@ -55,7 +57,7 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
   const buttonConfigs: ButtonConfig[] = [
     {
       id: 'read',
-      name: 'Read',
+      name: t("quickAccess.read", "Read"),
       icon: <MenuBookIcon sx={{ fontSize: "1.5rem" }} />,
       size: 'lg',
       isRound: false,
@@ -67,7 +69,7 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
     },
     {
       id: 'sign',
-      name: 'Sign',
+      name: t("quickAccess.sign", "Sign"),
       icon:
         <span className="material-symbols-rounded font-size-20">
           signature
@@ -79,7 +81,7 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
     },
     {
       id: 'automate',
-      name: 'Automate',
+      name: t("quickAccess.automate", "Automate"),
       icon:
         <span className="material-symbols-rounded font-size-20">
           automation
@@ -91,7 +93,7 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
     },
     {
       id: 'files',
-      name: 'Files',
+      name: t("quickAccess.files", "Files"),
       icon: <FolderIcon sx={{ fontSize: "1.25rem" }} />,
       isRound: true,
       size: 'lg',
@@ -100,7 +102,7 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
     },
     {
       id: 'activity',
-      name: 'Activity',
+      name: t("quickAccess.activity", "Activity"),
       icon:
         <span className="material-symbols-rounded font-size-20">
           vital_signs
@@ -112,7 +114,7 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
     },
     {
       id: 'config',
-      name: 'Config',
+      name: t("quickAccess.config", "Config"),
       icon: <SettingsIcon sx={{ fontSize: "1rem" }} />,
       size: 'lg',
       type: 'modal',