docs: redesign cards (#8671)

* docs: redesign cards

* fix build error

www/apps/book/app/not-found.mdx

@@ -22,26 +22,22 @@ If you think this is a mistake, please [report this issue on GitHub](https://git
     {
       title: "Get Started Docs",
       href: "/",
-      showLinkIcon: false,
-      startIcon: <BookOpen />
+      icon: BookOpen
     },
     {
       title: "Learning Resources",
       href: "!resources!",
-      showLinkIcon: false,
-      startIcon: <AcademicCapSolid />
+      icon: AcademicCapSolid
     },
     {
       title: "Admin API reference",
       href: "!api!/admin",
-      showLinkIcon: false,
-      startIcon: <ComputerDesktopSolid />
+      icon: ComputerDesktopSolid
     },
     {
       title: "Store API reference",
       href: "!api!/store",
-      showLinkIcon: false,
-      startIcon: <BuildingStorefront />
+      icon: BuildingStorefront
     }
   ]}
 />

www/apps/book/app/page.mdx

@@ -57,43 +57,37 @@ Medusa is for ambitious businesses and developers that are limited by traditiona
     title: "Use Case: D2C",
     text: "How Matt Sleeps built a unique D2C experience with Medusa",
     href: "https://medusajs.com/blog/matt-sleeps/",
-    startIcon: <FlyingBox />,
-    isExternal: true
+    icon: FlyingBox,
   },
   {
     title: "Use Case: OMS",
     text: "How Makro Pro Built an OMS with Medusa",
     href: "https://medusajs.com/blog/makro-pro/",
-    startIcon: <CheckCircleSolid />,
-    isExternal: true
+    icon: CheckCircleSolid,
   },
   {
     title: "Use Case: Marketplace",
     text: "How Foraged built a custom marketplace with Medusa",
     href: "https://medusajs.com/blog/foraged/",
-    startIcon: <BuildingStorefront />,
-    isExternal: true
+    icon: BuildingStorefront,
   },
   {
     title: "Use Case: POS",
     text: "How Tekla built a global webshop and a POS system with Medusa",
     href: "https://medusajs.com/blog/tekla-pos/",
-    startIcon: <ComputerDesktop />,
-    isExternal: true
+    icon: ComputerDesktop,
   },
   {
     title: "Use Case: B2B",
     text: "How Visionary built B2B commerce with Medusa",
     href: "https://medusajs.com/blog/visionary/",
-    startIcon: <BuildingsSolid />,
-    isExternal: true
+    icon: BuildingsSolid,
   },
   {
     title: "Use Case: Platform",
     text: "How Catalog built a B2B platform for SMBs with Medusa",
     href: "https://medusajs.com/blog/catalog/",
-    startIcon: <BuildingsSolid />,
-    isExternal: true
+    icon: BuildingsSolid,
   }
 ]} itemsPerRow={2} />