Fixed the home directory transations

frontend/pages/home/[id].tsx

@@ -13,10 +13,12 @@ import {
   faUserPlus
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useTranslation } from "next-i18next";
 
 import onboardingCheck from '~/components/utilities/checks/OnboardingCheck';
 
 import registerUserAction from '../api/userActions/registerUserAction';
+import { getTranslatedServerSideProps } from '~/components/utilities/withTranslateProps';
 
 type ItemProps = {
   text: string;
@@ -37,6 +39,8 @@ const learningItem = ({
   userAction,
   link
 }: ItemProps): JSX.Element => {
+  const { t } = useTranslation();
+
   if (link) {
     return (
       <Link href={link}>
@@ -139,6 +143,8 @@ export default function Home() {
   const [hasUserPushedSecrets, setHasUserPushedSecrets] = useState(false);
   const [usersInOrg, setUsersInOrg] = useState(false);
 
+  const { t } = useTranslation();
+
   useEffect(() => {
     onboardingCheck({
       setHasUserClickedIntro,
@@ -226,3 +232,5 @@ export default function Home() {
 }
 
 Home.requireAuth = true;
+
+export const getServerSideProps = getTranslatedServerSideProps(["home"]);