Add legal document translations: Introduced new legal sections for AGB, Impressum, Datenschutz, Widerrufsrecht, and Batteriegesetzhinweise. Updated components to utilize translation hooks for dynamic content rendering, ensuring accurate localization of legal terms and conditions.

src/pages/Datenschutz.js

@@ -1,58 +1,49 @@
 import React from 'react';
 import Typography from '@mui/material/Typography';
 import LegalPage from './LegalPage.js';
+import { useTranslation } from 'react-i18next';
 
 const Datenschutz = () => {
+  const { t } = useTranslation('legal-datenschutz');
+  
   const content = (
     <>
       <Typography variant="h6" gutterBottom>
-        Verantwortlich im Sinne der Datenschutzgesetzes:
+        {t ? t('responsibleParty.title') : 'Verantwortlich im Sinne der Datenschutzgesetzes:'}
       </Typography>
       <Typography variant="body1" paragraph>
-        Growheads<br />
-        Trachenberger Straße 14<br />
-        01129 Dresden
+        {t ? t('responsibleParty.company') : 'Growheads\nTrachenberger Straße 14\n01129 Dresden'}
       </Typography>
       
       <Typography variant="body1" paragraph>
-        Soweit nachstehend keine anderen Angaben gemacht werden, ist die Bereitstellung Ihrer personenbezogenen Daten weder gesetzlich oder vertraglich vorgeschrieben, noch für einen Vertragsabschluss erforderlich. Sie sind zur Bereitstellung der Daten nicht verpflichtet. Eine Nichtbereitstellung hat keine Folgen. Dies gilt nur soweit bei den nachfolgenden Verarbeitungsvorgängen keine anderweitige Angabe gemacht wird. "Personenbezogene Daten" sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person beziehen.
+        {t ? t('generalInfo') : 'Soweit nachstehend keine anderen Angaben gemacht werden, ist die Bereitstellung Ihrer personenbezogenen Daten weder gesetzlich oder vertraglich vorgeschrieben, noch für einen Vertragsabschluss erforderlich. Sie sind zur Bereitstellung der Daten nicht verpflichtet. Eine Nichtbereitstellung hat keine Folgen. Dies gilt nur soweit bei den nachfolgenden Verarbeitungsvorgängen keine anderweitige Angabe gemacht wird. "Personenbezogene Daten" sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person beziehen.'}
       </Typography>
       
+      {['informationDeletion', 'serverLogfiles', 'customerAccount'].map(section => (
+        <React.Fragment key={section}>
+          <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
+            {t ? t(`sections.${section}.title`) : `Section ${section} title`}
+          </Typography>
+          <Typography variant="body1" paragraph>
+            {t ? t(`sections.${section}.content`) : `Section ${section} content`}
+          </Typography>
+        </React.Fragment>
+      ))}
+      
       <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
-        Auskunft, Löschung, Sperrung
+        {t ? t('sections.googleSSO.title') : 'Anmeldung mit Google (Google Single Sign-On)'}
       </Typography>
       <Typography variant="body1" paragraph>
-        Zu jedem Zeitpunkt können Sie sich über die personenbezogenen Daten, deren Herkunft und Empfänger und den Nutzen der Datenverarbeitung informieren und unentgeltlich eine Korrektur, Sperrung oder Löschung dieser Daten verlangen. Bitte nutzen Sie dafür die im Footer der Seite oder im Impressum angegebenen Kontaktmöglichkeiten. Für weitere Fragen zum Thema stehen wir Ihnen ebenfalls jederzeit zur Verfügung. Bitte beachten Sie, das wir Rechnungsdaten, Bankdaten und Daten die zu einem Versanddienstleister gegangen sind nicht löschen dürfen und nicht werden. Daten die gelöscht werden können sind: Kundenkonto auf dem Webserver, so wie in der Warenwirtschaft und Emails, die nicht unmittelbar zu einer Bestellung gehören.
-      </Typography>
-      
-      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
-        Server-Logfiles
+        {t ? t('sections.googleSSO.content') : 'Google SSO content'}
       </Typography>
       <Typography variant="body1" paragraph>
-        Sie können unsere Webseiten besuchen, ohne Angaben zu Ihrer Person zu machen. Es werden bei jedem Zugriff auf unsere Website Nutzungsdaten durch Ihren Internetbrowser übermittelt und in Protokolldaten (Server-Logfiles) gespeichert. Zu diesen gespeicherten Daten gehören z.B. Name der aufgerufenen Seite, Datum und Uhrzeit des Abrufs, übertragene Datenmenge und der anfragende Provider. Diese Daten dienen ausschließlich der Gewährleistung eines störungsfreien Betriebs unserer Website und zur Verbesserung unseres Angebotes. Diese Daten sind nicht personenbezogen. Es erfolgt keine Zusammenführung dieser Daten mit anderen Datenquellen. Wenn uns konkrete Anhaltspunkte für eine rechtswidrige Nutzung bekannt werden behalten wir uns das Recht vor, diese Daten nachträglich zu überprüfen.
-      </Typography>
-      
-      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
-        Kundenkonto
+        <strong>Rechtsgrundlagen:</strong> {t ? t('sections.googleSSO.legalBasis') : 'Legal basis content'}
       </Typography>
       <Typography variant="body1" paragraph>
-        Bei der Eröffnung eines Kundenkontos erheben wir Ihre personenbezogenen Daten in dem dort angegeben Umfang. Die Datenverarbeitung dient dem Zweck, Ihr Einkaufserlebnis zu verbessern und die Bestellabwicklung zu vereinfachen. Die Verarbeitung erfolgt auf Grundlage des Art.&nbsp;6&nbsp;(1)&nbsp;lit.&nbsp;a&nbsp;DSGVO mit Ihrer Einwilligung. Sie können Ihre Einwilligung jederzeit durch Mitteilung an uns widerrufen, ohne dass die Rechtmäßigkeit der aufgrund der Einwilligung bis zum Widerruf erfolgten Verarbeitung berührt wird. Ihr Kundenkonto wird anschließend gelöscht.
-      </Typography>
-      
-      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
-        Anmeldung mit Google (Google Single Sign-On)
+        <strong>Freiwillige Nutzung:</strong> {t ? t('sections.googleSSO.voluntaryUse') : 'Voluntary use content'}
       </Typography>
       <Typography variant="body1" paragraph>
-        Wir bieten Ihnen die Möglichkeit, sich für Ihr Kundenkonto mit Ihrem Google-Konto anzumelden. Wenn Sie die Funktion "Mit Google anmelden" nutzen, erfolgt die Authentifizierung über den Dienst Google Single Sign-On. Dabei können Cookies von Google auf Ihrem Endgerät gespeichert werden, die für den Anmeldeprozess und die Authentifizierung erforderlich sind. Im Rahmen der Google-Anmeldung erhalten wir von Google bestimmte personenbezogene Daten zur Verifizierung Ihrer Identität. Insbesondere übermittelt Google an uns Ihren Namen, Ihre E-Mail-Adresse sowie – falls in Ihrem Google-Konto hinterlegt – Ihr Profilbild. Diese Informationen werden von Google bereitgestellt, sobald Sie sich mit Ihrem Google-Konto bei unserem Online-Shop anmelden. Google kann als Drittanbieter auf diese Daten zugreifen und sie verarbeiten; hierbei kann es auch zu einer Datenübermittlung in die USA kommen. Wir haben mit Google Standarddatenschutzklauseln nach Art. 46 Abs. 2 lit. c DSGVO abgeschlossen, um ein angemessenes Datenschutzniveau bei der Übermittlung Ihrer Daten sicherzustellen. Weitere Details zur Datenverarbeitung durch Google finden Sie in der Google-Datenschutzerklärung (unter <a href="https://policies.google.com/privacy?hl=de" target="_blank" rel="noopener noreferrer">policies.google.com/privacy?hl=de</a>).
-      </Typography>
-      <Typography variant="body1" paragraph>
-        <strong>Rechtsgrundlagen:</strong> Die Verarbeitung der Daten im Zusammenhang mit der Google-Anmeldung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO (Durchführung vorvertraglicher Maßnahmen und Vertragserfüllung, z. B. zur Erstellung und Nutzung Ihres Kundenkontos) sowie Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse unsererseits, Ihnen eine schnelle und komfortable Anmeldemöglichkeit bereitzustellen).
-      </Typography>
-      <Typography variant="body1" paragraph>
-        <strong>Freiwillige Nutzung:</strong> Die Nutzung der "Mit Google anmelden"-Funktion ist freiwillig. Sie können unseren Online-Shop und Ihr Kundenkonto selbstverständlich auch ohne Google SSO nutzen, indem Sie sich regulär mit E-Mail-Adresse und Passwort registrieren bzw. anmelden. Wenn Sie sich für die Google-Anmeldung entscheiden, können Sie diese Verbindung jederzeit wieder aufheben, indem Sie die Verknüpfung in Ihren Google-Konto-Einstellungen trennen.
-      </Typography>
-      <Typography variant="body1" paragraph>
-        <strong>Ihre Rechte:</strong> Bezüglich der über Google SSO verarbeiteten personenbezogenen Daten stehen Ihnen die gesetzlichen Betroffenenrechte zu. Insbesondere haben Sie das Recht, Auskunft über die zu Ihrer Person gespeicherten Daten zu erhalten (Art. 15 DSGVO), Berichtigung unrichtiger Daten (Art. 16 DSGVO) oder Löschung Ihrer Daten zu verlangen (Art. 17 DSGVO). Ferner haben Sie das Recht auf Einschränkung der Verarbeitung Ihrer Daten (Art. 18 DSGVO) und ein Recht auf Datenübertragbarkeit (Art. 20 DSGVO). Soweit wir die Verarbeitung auf unser berechtigtes Interesse stützen, können Sie Widerspruch gegen die Verarbeitung einlegen (Art. 21 DSGVO). Zudem können Sie sich jederzeit mit einer Beschwerde an die zuständige Datenschutzaufsichtsbehörde wenden. Ihre bereits bestehenden Rechte und Wahlmöglichkeiten aus der übrigen Datenschutzerklärung gelten selbstverständlich auch für die Nutzung von Google Anmelden.
+        <strong>Ihre Rechte:</strong> {t ? t('sections.googleSSO.yourRights') : 'Your rights content'}
       </Typography>
 
       <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
@@ -157,7 +148,7 @@ const Datenschutz = () => {
     </>
   );
 
-  return <LegalPage title="Datenschutzerklärung" content={content} />;
+  return <LegalPage title={t ? t('title') : 'Datenschutzerklärung'} content={content} />;
 };
 
 export default Datenschutz;