feat: Wrap product carousel title in a React Router Link and add a ChevronRight icon.

src/components/ProductCarousel.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Link } from "react-router-dom";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import IconButton from "@mui/material/IconButton";
@@ -46,7 +47,7 @@ class ProductCarousel extends React.Component {
 
   componentDidUpdate(prevProps) {
     console.log("ProductCarousel componentDidUpdate", prevProps.languageContext?.currentLanguage, this.props.languageContext?.currentLanguage);
-    if(prevProps.languageContext?.currentLanguage !== this.props.languageContext?.currentLanguage) {
+    if (prevProps.languageContext?.currentLanguage !== this.props.languageContext?.currentLanguage) {
       this.setState({ products: [] }, () => {
         this.loadProducts(this.props.languageContext?.currentLanguage || this.props.i18n.language);
       });
@@ -277,25 +278,41 @@ class ProductCarousel extends React.Component {
     const { t, title } = this.props;
     const { products } = this.state;
 
-    if(!products || products.length === 0) {
+    if (!products || products.length === 0) {
       return null;
     }
 
     return (
       <Box sx={{ mt: 3 }}>
+        <Box
+          component={Link}
+          to="/Kategorie/neu"
+          sx={{
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            textDecoration: "none",
+            color: "primary.main",
+            mb: 2,
+            transition: "all 0.3s ease",
+            "&:hover": {
+              transform: "translateX(5px)",
+              color: "primary.dark"
+            }
+          }}
+        >
           <Typography
             variant="h4"
-          component="h2"
+            component="span"
             sx={{
-            mb: 2,
               fontFamily: "SwashingtonCP",
-            color: "primary.main",
-            textAlign: "center",
               textShadow: "3px 3px 10px rgba(0, 0, 0, 0.4)"
             }}
           >
             {title || t('product.new')}
           </Typography>
+          <ChevronRight sx={{ fontSize: "2.5rem", ml: 1 }} />
+        </Box>
 
         <div
           className="product-carousel-wrapper"