docs: redesign cards (#8671)

* docs: redesign cards

* fix build error

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

@@ -40,22 +40,19 @@ For example, you can support importing orders into Medusa through a custom API R
     href: "!api!/store#carts",
     title: "Store REST APIs",
     text: "Learn how to use the Store REST APIs to create an order.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   },
   {
     href: "!docs!/basics/api-routes",
     title: "Create API Route",
     text: "Learn how to create a custom API Route.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   },
   {
     href: "!docs!/basics/scheduled-jobs",
     title: "Create Scheduled Jobs",
     text: "Learn how to create a scheduled job.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   }
 ]} />
 
@@ -82,15 +79,13 @@ Emitting of event `order.fulfillment_created` isn't implemented yet.
     href: "/references/fulfillment/provider",
     title: "Create a Fulfillment Module Provider",
     text: "Learn how to create a fulfillment provider in Medusa.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   },
   {
     href: "!docs!/basics/events-and-subscribers",
     title: "Create a Subscriber",
     text: "Learn about create a subscriber",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   }
 ]} />
 
@@ -113,15 +108,13 @@ Emitting of event `order.payment_captured` isn't implemented yet.
     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: "!docs!/basics/events-and-subscribers",
     title: "Create a Subscriber",
     text: "Learn about create a subscriber",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   }
 ]} />
 
@@ -138,15 +131,13 @@ When an order is placed, the item's quantity is reserved from the stock location
     href: "/commerce-modules/inventory",
     title: "Inventory Module",
     text: "Learn about the Inventory Module's concepts and features.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   },
   {
     href: "/commerce-modules/stock-location",
     title: "Stock Location Module",
     text: "Learn about the Stock Location Module's concepts and features.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   }
 ]} />
 
@@ -154,8 +145,7 @@ When an order is placed, the item's quantity is reserved from the stock location
   href="/commerce-modules/sales-channel"
   title="Sales Channel Module"
   text="Learn about the Sales Channel Module's concepts and features."
-  startIcon={<AcademicCapSolid />}
-  showLinkIcon={false}
+  icon={AcademicCapSolid}
   className="mt-1"
 />
 
@@ -186,14 +176,12 @@ Emitting of event `order.return_requested` isn't implemented yet.
     href: "/commerce-modules/order/order-change",
     title: "Order Changes",
     text: "Learn about how to use order changes.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   },
   {
     href: "!docs!/basics/events-and-subscribers",
     title: "Create a Subscriber",
     text: "Learn about create a subscriber",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   }
 ]} />