feat(Translation): enhance product dialogs and update translation model

- Added new translation files for product dialogs to support additional languages.
- Refactored various components to utilize translation functions for error messages, labels, and placeholders, enhancing localization support.

src/components/PhotoUpload.js

@@ -10,6 +10,7 @@ import {
 } from '@mui/material';
 import Delete from '@mui/icons-material/Delete';
 import CloudUpload from '@mui/icons-material/CloudUpload';
+import { withI18n } from '../i18n/withTranslation.js';
 
 class PhotoUpload extends Component {
   constructor(props) {
@@ -30,7 +31,7 @@ class PhotoUpload extends Component {
     // Validate file count
     if (this.state.files.length + selectedFiles.length > maxFiles) {
       this.setState({ 
-        error: `Maximal ${maxFiles} Dateien erlaubt` 
+        error: this.props.t("productDialogs.photoUploadErrorMaxFiles", { max: maxFiles })
       });
       return;
     }
@@ -43,14 +44,14 @@ class PhotoUpload extends Component {
     for (const file of selectedFiles) {
       if (!validTypes.includes(file.type)) {
         this.setState({ 
-          error: 'Nur Bilddateien (JPEG, PNG, GIF, WebP) sind erlaubt' 
+          error: this.props.t("productDialogs.photoUploadErrorFileType")
         });
         continue;
       }
 
       if (file.size > maxSize) {
         this.setState({ 
-          error: `Datei zu groß. Maximum: ${Math.round(maxSize / (1024 * 1024))}MB` 
+          error: this.props.t("productDialogs.photoUploadErrorFileSize", { maxSize: Math.round(maxSize / (1024 * 1024)) })
         });
         continue;
       }
@@ -167,12 +168,12 @@ class PhotoUpload extends Component {
 
   render() {
     const { files, previews, error } = this.state;
-    const { disabled, label } = this.props;
+    const { disabled, label, t } = this.props;
 
     return (
       <Box>
         <Typography variant="body2" sx={{ mb: 1, fontWeight: 500 }}>
-          {label || 'Fotos anhängen (optional)'}
+          {label || t("productDialogs.photoUploadLabelDefault")}
         </Typography>
         
         <input
@@ -192,7 +193,7 @@ class PhotoUpload extends Component {
           disabled={disabled}
           sx={{ mb: 2 }}
         >
-          Fotos auswählen
+          {t("productDialogs.photoUploadSelect")}
         </Button>
 
         {error && (
@@ -228,7 +229,7 @@ class PhotoUpload extends Component {
                     size="small"
                     onClick={() => this.handleRemoveFile(index)}
                     disabled={disabled}
-                    aria-label="Bild entfernen"
+                    aria-label={t("productDialogs.photoUploadRemove")}
                     sx={{
                       position: 'absolute',
                       top: 4,
@@ -269,10 +270,10 @@ class PhotoUpload extends Component {
 
         {files.length > 0 && (
           <Typography variant="caption" color="text.secondary" sx={{ mt: 1, display: 'block' }}>
-            {files.length} Datei(en) ausgewählt
+            {t("productDialogs.photoUploadSelectedFiles", { count: files.length })}
             {previews.length > 0 && previews.some(p => p.originalSize && p.compressedSize) && (
               <span style={{ marginLeft: '8px' }}>
-                (komprimiert für Upload)
+                {t("productDialogs.photoUploadCompressed")}
               </span>
             )}
           </Typography>
@@ -282,4 +283,4 @@ class PhotoUpload extends Component {
   }
 }
 
-export default PhotoUpload; 
+export default withI18n()(PhotoUpload);