feat module 6, 7 : remove size chart from essentials products

src/components/ProductDetails/ProductDetails.jsx

@@ -395,6 +395,7 @@ const ProductDetails = () => {
   const sizeChartMetafield = product?.metafields?.size_chart
   const sizeChartImageUrl = sizeChartMetafield?.reference?.image?.url || sizeChartMetafield?.reference?.url || ""
   const sizeChartImageAlt = sizeChartMetafield?.reference?.image?.altText || `${product?.title || "Product"} size chart`
+  const isEssentialProduct = (product?.productType || "").trim().toUpperCase() === "BEAUTY"
 
   // Renders Shopify product metafield custom.material inside the Material row.
   const materialPanel = (
@@ -715,27 +716,29 @@ const ProductDetails = () => {
 
           })}
 
-          <Box
-            component="a"
-            href={sizeChartImageUrl || "#"}
-            onClick={(event) => {
-              event.preventDefault()
-              if (sizeChartImageUrl) setSizeChartOpen(true)
-            }}
-            sx={{
-              display: "inline-flex",
-              alignItems: "center",
-              color: "inherit",
-              textDecoration: "underline",
-              textTransform: "uppercase",
-              fontSize: "0.875rem",
-              mb: 1,
-              cursor: sizeChartImageUrl ? "pointer" : "default"
-            }}
-          >
-            <StraightenIcon sx={{ mr: 0.75, fontSize: 20 }} />
-            Size Chart
-          </Box>
+          {!isEssentialProduct && (
+            <Box
+              component="a"
+              href={sizeChartImageUrl || "#"}
+              onClick={(event) => {
+                event.preventDefault()
+                if (sizeChartImageUrl) setSizeChartOpen(true)
+              }}
+              sx={{
+                display: "inline-flex",
+                alignItems: "center",
+                color: "inherit",
+                textDecoration: "underline",
+                textTransform: "uppercase",
+                fontSize: "0.875rem",
+                mb: 1,
+                cursor: sizeChartImageUrl ? "pointer" : "default"
+              }}
+            >
+              <StraightenIcon sx={{ mr: 0.75, fontSize: 20 }} />
+              Size Chart
+            </Box>
+          )}
         </Box>