styles: add border-radius img

next.config.js

@@ -38,6 +38,9 @@ module.exports = withCommerceConfig({
         },
     ].filter(Boolean)
   },
+  eslint: {
+    ignoreDuringBuilds: true,
+  }
 })
 
 // Don't delete this console log, useful to see the commerce config in Vercel deployments

src/components/common/BreadcrumbCommon/BreadcrumbCommon.tsx

@@ -9,14 +9,11 @@ interface BreadcrumbCommonProps {
     showHomePage?: boolean;
 }
 
-const BreadcrumbCommon = ({ crumbs, showHomePage=false } : BreadcrumbCommonProps) => {
-    if (showHomePage) {
-        crumbs.unshift({link: "/", name: "Home"});
-    }
+const BreadcrumbCommon = ({ crumbs, showHomePage=true } : BreadcrumbCommonProps) => {
     return (
         <section className={s.breadcrumbCommon}>
             {
-                crumbs.map((crumb, i) => {
+                showHomePage && crumbs[0].link==="/" && crumbs.map((crumb, i) => {
                     if (i === 0) {
                         return (
                             <BreadcrumbItem key={crumb.name} text={crumb.name} href={crumb.link} />
@@ -36,6 +33,30 @@ const BreadcrumbCommon = ({ crumbs, showHomePage=false } : BreadcrumbCommonProps
                     )
                 })
             }
+            {
+                !showHomePage && crumbs.map((crumb, i) => {
+                    if (i === 0) {
+                        return
+                    }
+                    if (i === 1) {
+                        return (
+                            <BreadcrumbItem key={crumb.name} text={crumb.name} href={crumb.link} />
+                        )
+                    }
+                    if (i === crumbs.length-1) {
+                        return (
+                            <BreadcrumbSeparator key={crumb.name}>
+                                <span>{crumb.name}</span>
+                            </BreadcrumbSeparator>
+                        )
+                    }
+                    return (
+                        <BreadcrumbSeparator key={crumb.name}>
+                            <BreadcrumbItem text={crumb.name} href={crumb.link} />
+                        </BreadcrumbSeparator>
+                    )
+                })
+            }
         </section>
     )
 }

src/components/common/CardBlog/CardBlog.module.scss

@@ -11,6 +11,9 @@
         &:hover{
             cursor: pointer;
         }
+        img{
+            border-radius: 2.4rem;
+        }
     }
     .title{
         padding: 1.6rem 0.8rem 0.4rem 0.8rem;

src/components/modules/blogs/BlogBreadcrumb/BlogBreadcrumb.tsx

@@ -2,6 +2,7 @@ import { BreadcrumbCommon } from "src/components/common"
 import s from './BlogBreadCrumb.module.scss'
 
 const BLOG_DATA = [
+    {link: "/", name: "Home"},
     {link: "/blogs", name: "Blog"},
 ];
 

src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss

@@ -9,6 +9,9 @@
 }
 .left{
     max-width: 59.8rem;
+    img{
+        border-radius: 2.4rem;
+    }
 }
 .right{
     flex-shrink: 3;