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";
@@ -283,19 +284,35 @@ class ProductCarousel extends React.Component {
 
     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"