feat(carousel): add ProductCarousel component and integrate into SharedCarousel

- Introduce a new ProductCarousel component for displaying products in a scrollable format.
- Implement auto-scrolling functionality and manual navigation controls.
- Integrate ProductCarousel into SharedCarousel for the 'neu' category, enhancing the user interface and product visibility.
- Update Product component rendering within the carousel to ensure proper display of product details.

src/components/SharedCarousel.js

@@ -5,6 +5,7 @@ import IconButton from "@mui/material/IconButton";
 import ChevronLeft from "@mui/icons-material/ChevronLeft";
 import ChevronRight from "@mui/icons-material/ChevronRight";
 import CategoryBox from "./CategoryBox.js";
+import ProductCarousel from "./ProductCarousel.js";
 import { withTranslation } from 'react-i18next';
 import { withLanguage } from '../i18n/withTranslation.js';
 
@@ -398,6 +399,9 @@ class SharedCarousel extends React.Component {
             {this.renderVirtualScrollbar()}
           </div>
         </div>
+
+        {/* Product Carousel for "neu" category */}
+        <ProductCarousel categoryId="neu" />
       </Box>
     );
   }