Implement multilingual support: Integrate i18next for language translation across components, update configuration for multilingual descriptions and keywords, and enhance user interface elements with dynamic language switching. Add new dependencies for i18next and related libraries in package.json and package-lock.json.

src/pages/PresseverleihPage.js

@@ -2,8 +2,11 @@ import React from "react";
 import Container from "@mui/material/Container";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
+import { useTranslation } from 'react-i18next';
 
 const PresseverleihPage = () => {
+  const { t } = useTranslation();
+  
   return (
     <Container maxWidth="lg" sx={{ pt: 4, pb: 2, maxWidth: '1200px !important' }}>
       <Typography
@@ -17,7 +20,7 @@ const PresseverleihPage = () => {
           textShadow: "3px 3px 10px rgba(0, 0, 0, 0.4)"
         }}
       >
-        Ölpresse ausleihen
+        {t('pages.oilPress.title')}
       </Typography>
       
       <Box
@@ -36,7 +39,7 @@ const PresseverleihPage = () => {
             fontStyle: "italic"
           }}
         >
-          Inhalt kommt bald...
+          {t('pages.oilPress.comingSoon')}
         </Typography>
       </Box>
     </Container>

src/pages/ThcTestPage.js

@@ -2,8 +2,11 @@ import React from "react";
 import Container from "@mui/material/Container";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
+import { useTranslation } from 'react-i18next';
 
 const ThcTestPage = () => {
+  const { t } = useTranslation();
+  
   return (
     <Container maxWidth="lg" sx={{ pt: 4, pb: 2, maxWidth: '1200px !important' }}>
       <Typography
@@ -17,7 +20,7 @@ const ThcTestPage = () => {
           textShadow: "3px 3px 10px rgba(0, 0, 0, 0.4)"
         }}
       >
-        THC Test
+        {t('pages.thcTest.title')}
       </Typography>
       
       <Box
@@ -36,7 +39,7 @@ const ThcTestPage = () => {
             fontStyle: "italic"
           }}
         >
-          Inhalt kommt bald...
+          {t('pages.thcTest.comingSoon')}
         </Typography>
       </Box>
     </Container>