Merge branch 'main' into add-system-catalog-docs-1

Author: TomShawn

src/components/bootcamp/MainContent/CardLine.tsx

@@ -1,15 +1,18 @@
 import Card from "../Card";
 interface IProps {
-  link: {
-    text: string;
-    href: string;
-  };
-  content?: string;
-  title?: string;
-  style?: React.CSSProperties;
+  cardLine: {
+    link: {
+      text: string;
+      href: string;
+    };
+    content?: string;
+    title?: string;
+    style?: React.CSSProperties;
+  }[];
+  itemWidth?: number;
 }
-export default function CardLine({ cardLine }: { cardLine: IProps[] }) {
+export default function CardLine({ cardLine, itemWidth }: IProps) {
   return cardLine.map((card, i) => {
-    return <Card key={i} {...card}></Card>;
+    return <Card key={i} {...card} style={{ width: itemWidth }}></Card>;
   });
 }

src/components/bootcamp/MainContent/index.tsx

@@ -45,11 +45,11 @@ export default function MainContent({
           marginBottom: 32,
         }}
       >
-        <CardLine cardLine={DATA_101.cardLine1} />
+        <CardLine cardLine={DATA_101.cardLine1} itemWidth={221} />
       </div>
 
       <div className={styles.cardLine}>
-        <CardLine cardLine={DATA_101.cardLine2} />
+        <CardLine cardLine={DATA_101.cardLine2} itemWidth={305.33} />
       </div>
 
       {/* 102 before */}
@@ -72,7 +72,7 @@ export default function MainContent({
       </div>
       <div className="sub-text">{DATA_103.subText}</div>
       <div className={styles.cardLine} style={{ marginTop: 32 }}>
-        <CardLine cardLine={DATA_103.cardLine} />
+        <CardLine cardLine={DATA_103.cardLine} itemWidth={474} />
       </div>
 
       {/* 104 before */}
@@ -84,7 +84,7 @@ export default function MainContent({
         {DATA_104.title}
       </div>
       <div className={styles.cardLine}>
-        <CardLine cardLine={DATA_104.cardLine} />
+        <CardLine cardLine={DATA_104.cardLine} itemWidth={474} />
       </div>
 
       {/* Get the Source */}

src/components/common/Breadcrumbs/index.tsx

@@ -25,7 +25,7 @@ function getDefaultPath(): Path[] {
     };
   });
   for (let i = 0; i < path.length - 1; i++) {
-    path[i].href = `/${path[i].name}`;
+    path[i].href = `/${path[i].name.toLocaleLowerCase()}`;
   }
   return path;
 }