feat module 6, 7 : display product description on top after product name

src/components/ProductDetails/ProductDetails.jsx

@@ -398,6 +398,42 @@ const ProductDetails = () => {
           </Box>
           */}
 
+          {product?.descriptionHtml && (
+            <Box
+              sx={{
+                color: "text.secondary",
+                fontSize: {
+                  xs: "0.875rem",
+                  md: "1rem"
+                },
+                lineHeight: 1.45,
+                "& > div": {
+                  overflow: "visible"
+                },
+                "& p": {
+                  mt: 0,
+                  mb: "1em"
+                },
+                "& ul": {
+                  mt: 0,
+                  mb: "1.25em",
+                  pl: 2.5
+                },
+                "& li": {
+                  mb: 0.5
+                },
+                "& strong, & b": {
+                  fontWeight: 700
+                },
+                "& *:first-child": {
+                  marginTop: "0 !important"
+                }
+              }}
+            >
+              <div dangerouslySetInnerHTML={{ __html: product?.descriptionHtml }}></div>
+            </Box>
+          )}
+
           <Typography
             variant="body2"
             sx={{