Translating Edit and New base page

gui/rpk-gui/src/pages/firm/base-page/Edit.tsx

@@ -4,7 +4,7 @@ import { useParams, Navigate } from "react-router";
 import { Button, CircularProgress } from "@mui/material";
 import Stack from "@mui/material/Stack";
 import SaveIcon from '@mui/icons-material/Save';
-import { useForm } from "@refinedev/core";
+import { useForm, useTranslation } from "@refinedev/core";
 import { DeleteButton } from "@refinedev/mui";
 import { FirmContext } from "../../../contexts/FirmContext";
 import { CrudForm } from "../../../lib/crud/components/crud-form";
@@ -19,6 +19,7 @@ type EditProps = {
 const Edit = <T,>(props: EditProps) => {
   const { schemaName, resource, uiSchema } = props;
   const { currentFirm } = useContext(FirmContext);
+  const { translate: t } = useTranslation();
   const resourceBasePath = `firm/${currentFirm.instance}/${currentFirm.firm}`
   const { record_id } = useParams();
 
@@ -55,7 +56,7 @@ const Edit = <T,>(props: EditProps) => {
             justifyContent: "space-between",
             alignItems: "center",
           }}>
-          <Button type='submit' variant="contained" size="large"><SaveIcon />Save</Button>
+          <Button type='submit' variant="contained" size="large"><SaveIcon />{t("buttons.save")}</Button>
           <DeleteButton variant="contained" size="large" color="error" recordItemId={record_id}/>
         </Stack>
       </CrudForm>