docs: redesign cards (#8671)

* docs: redesign cards

* fix build error

www/apps/resources/app/recipes/multi-region-store/page.mdx

@@ -38,8 +38,7 @@ During checkout, the taxes are calculated based on the customer's region, tax co
     href: "#",
     title: "Manage Taxes in Medusa Admin",
     text: "Manage taxes in Medusa Admin.",
-    startIcon: <UsersSolid />,
-    showLinkIcon: false,
+    icon: UsersSolid,
     badge: {
       variant: "blue",
       children: "Guide Soon"
@@ -49,8 +48,7 @@ During checkout, the taxes are calculated based on the customer's region, tax co
     href: "!api!/admin#tax-regions_posttaxregions",
     title: "Manage Taxes Using Admin APIs",
     text: "Manage tax settings using the Admin APIs.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   },
 ]} />
 
@@ -58,8 +56,7 @@ During checkout, the taxes are calculated based on the customer's region, tax co
   href="/references/tax/provider"
   title="Create Tax Provider"
   text="Learn how to create a tax provider."
-  startIcon={<AcademicCapSolid />}
-  showLinkIcon={false}
+  icon={AcademicCapSolid}
   className="mt-1"
 />
 
@@ -77,8 +74,7 @@ Medusa provides official module providers for payment and fulfillment. You can a
     href: "#",
     title: "Manage Providers in Medusa Admin",
     text: "Learn how to manage providers in Medusa Admin.",
-    startIcon: <UsersSolid />,
-    showLinkIcon: false,
+    icon: UsersSolid,
     badge: {
       variant: "blue",
       children: "Guide Soon"
@@ -88,8 +84,7 @@ Medusa provides official module providers for payment and fulfillment. You can a
     href: "/integrations",
     title: "Integrations",
     text: "Check out available integrations, including payment module providers.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false
+    icon: AcademicCapSolid,
   },
 ]} />
 
@@ -106,8 +101,7 @@ Using the tax-inclusive feature, merchants can specify prices including taxes pe
     href: "#",
     title: "Setting Product Prices in Medusa Admin",
     text: "Learn how to set a product prices in Medusa Admin.",
-    startIcon: <UsersSolid />,
-    showLinkIcon: false,
+    icon: UsersSolid,
     badge: {
       variant: "blue",
       children: "Guide Soon"
@@ -117,8 +111,7 @@ Using the tax-inclusive feature, merchants can specify prices including taxes pe
     href: "/storefront-development/products/price",
     title: "Display Product Price in Storefront",
     text: "Learn how to display the correct product price in a storefront.",
-    startIcon: <AcademicCapSolid />,
-    showLinkIcon: false,
+    icon: AcademicCapSolid,
   },
 ]} />
 
@@ -137,8 +130,7 @@ A multi-regional setup lets merchants manage their inventory through Medusa acro
     href: "#",
     title: "Manage Stock Locations",
     text: "Learn how to manage stock locations in the Medusa Admin.",
-    startIcon: <UsersSolid />,
-    showLinkIcon: false,
+    icon: UsersSolid,
     badge: {
       variant: "blue",
       children: "Guide Soon"
@@ -148,8 +140,7 @@ A multi-regional setup lets merchants manage their inventory through Medusa acro
     href: "#",
     title: "Manage Inventory",
     text: "Learn how to manage inventory in the Medusa Admin.",
-    startIcon: <UsersSolid />,
-    showLinkIcon: false,
+    icon: UsersSolid,
     badge: {
       variant: "blue",
       children: "Guide Soon"
@@ -169,6 +160,5 @@ To integrate a third-party system, create a custom module whose main service con
   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}
 />