docs: redesign cards (#8671)

* docs: redesign cards

* fix build error

www/apps/resources/app/recipes/pos/page.mdx

@@ -35,8 +35,7 @@ Medusa's modular architecture removes any restrictions you may have while making
   href="!api!/admin"
   title="Admin REST APIs"
   text="Check out available Admin REST APIs in Medusa."
-  startIcon={<AcademicCapSolid />}
-  showLinkIcon={false}
+  icon={AcademicCapSolid}
 />
 
 ---
@@ -58,15 +57,13 @@ To search through product variants by their barcode, create a custom API Route a
       href: "/commerce-modules/product",
       title: "Product Module",
       text: "Learn about the Product Module.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
     {
       href: "!docs!/basics/api-routes",
       title: "Create API Route",
       text: "Learn how to create an API Route.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
   ]}
 />
@@ -128,22 +125,19 @@ This also opens the door for other business opportunities, such as an endless ai
       href: "/commerce-modules/inventory",
       title: "Inventory Module",
       text: "Learn about the Inventory Module.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
     {
       href: "/commerce-modules/stock-location",
       title: "Stock Location Module",
       text: "Learn about the Stock Location Module.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
     {
       href: "/commerce-modules/sales-channel",
       title: "Sales Channel Module",
       text: "Learn about the Sales Channel Module.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
   ]}
 />
@@ -164,22 +158,19 @@ You can also create custom modules to provide features for a better customer exp
       href: "/commerce-modules/customer",
       title: "Customer Module",
       text: "Learn about the Customer Module.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
     {
       href: "/commerce-modules/promotion",
       title: "Promotion Module",
       text: "Learn about the Promotion Module.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
     {
       href: "!docs!/basics/modules-and-services",
       title: "Create a Module",
       text: "Learn how to create a module.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
   ]}
 />
@@ -200,15 +191,13 @@ Then, merchants can view all orders coming from different sales channels using t
       href: "/references/payment/provider",
       title: "Create a Payment Module Provider",
       text: "Learn how to create a payment module provider.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
     {
       href: "!api!/admin",
       title: "Admin REST APIs",
       text: "Check out available Admin REST APIs.",
-      startIcon: <AcademicCapSolid />,
-      showLinkIcon: false,
+      icon: AcademicCapSolid,
     },
   ]}
 />