added translation to 404

01-frontend/src/pages/NoPage.tsx

@@ -1,8 +1,11 @@
 import { Box, Typography, Button } from "@mui/material";
 import { useNavigate } from "react-router-dom";
 import "./pages.css";
+import {useTranslation} from "react-i18next";
 
 export default function NoPage() {
+
+    const { t } = useTranslation();
     const navigate = useNavigate();
 
     const handleGoHome = () => {
@@ -15,10 +18,10 @@ export default function NoPage() {
                 404
             </Typography>
             <Typography variant="h5" className="no-page-subtitle">
-                Oops! The page you're looking for doesn't exist.
+                {t('pageDoesNotExist')}
             </Typography>
             <Typography variant="body1" className="no-page-description">
-                It seems you may have taken a wrong turn. Let's get you back on track.
+                {t('wrongTurn')}
             </Typography>
             <Button
                 variant="contained"
@@ -27,7 +30,7 @@ export default function NoPage() {
                 className="no-page-button"
                 onClick={handleGoHome}
             >
-                Go Back to Home
+                {t('backToHome')}
             </Button>
         </Box>
     );