feat module 1,2,4 : new product display based on menu

src/components/ProductSelected/ProductSelected.jsx

@@ -11,6 +11,7 @@ import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
 import defaultImage from "../../assets/images/default.png"
 import atomeLogo from "../../assets/images/atome.webp"
+import { isProductInVisibleMenu } from "../../config/menuCollections";
 
 const ProductSelected = () => {
 
@@ -23,7 +24,9 @@ const ProductSelected = () => {
 
     if (products.length > 0) {
 
-      let selectedProducts = products.filter(({ selected }) => selected) || []
+      let selectedProducts = products.filter((product) => (
+        product.selected && isProductInVisibleMenu(product, products)
+      )) || []
 
       //sort
       selectedProducts = selectedProducts.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));