added channels products

src/pages/ProductDetail/index.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { useParams, useNavigate } from "react-router-dom";
+import { useParams, useNavigate, Link } from "react-router-dom";
 import styles from "./ProductPage.module.scss";
 import { IoMdHeartEmpty, IoMdHeart } from "react-icons/io";
 import { FaShoppingCart } from "react-icons/fa";
@@ -366,12 +366,14 @@ const ProductPage = ({
             )}
 
             {product.channel?.[0]?.name && (
-              <div className={styles.metaItem}>
+              
+                <Link to={`/channel/${product.channel[0].id}`} state={{ clearFilters: true }} className={styles.metaItem}>
                 <span className={styles.metaLabel}>{t("order.channel")}</span>
                 <span className={styles.metaValue}>
                   {product.channel[0].name}
                 </span>
-              </div>
+                </Link>
+              
             )}
 
             {product.properties?.length > 0 && (