docs: redesign cards (#8671)

* docs: redesign cards

* fix build error

www/apps/resources/app/recipes/integrate-ecommerce-stack/page.mdx

@@ -31,8 +31,7 @@ Then, resolve the module's main service in other resources, such as API routes o
   href="!docs!/basics/modules-and-services"
   title="Create a Module"
   text="Learn how to create a module in Medusa."
-  startIcon={<AcademicCapSolid />}
-  showLinkIcon={false}
+  icon={AcademicCapSolid}
 />
 
 <Details summaryContent="Example: Create a module integrating an ERP system">
@@ -154,8 +153,7 @@ Workflows guarantee data consistency through their compensation feature. You can
   href="!docs!/basics/workflows"
   title="Workflows"
   text="Learn more about Workflows and how to create them."
-  startIcon={<AcademicCapSolid />}
-  showLinkIcon={false}
+  icon={AcademicCapSolid}
 />
 
 <Details summaryContent="Example: Create products across systems with workflows">
@@ -300,8 +298,7 @@ For example, suppose an administrator changes the product data in the ERP system
   href="!docs!/basics/api-routes"
   title="Create an API Route"
   text="Learn how to create an API Route in Medusa."
-  startIcon={<AcademicCapSolid />}
-  showLinkIcon={false}
+  icon={AcademicCapSolid}
 />
 
 <Details summaryContent="Example: Create a webhook listener for ERP changes">