migrate mdx hero to tw

Author: pettinarip

src/components/Hero/MdxHero/index.tsx

@@ -1,17 +1,14 @@
-import { Heading, Stack } from "@chakra-ui/react"
-
 import type { CommonHeroProps } from "@/lib/types"
 
 import Breadcrumbs from "@/components/Breadcrumbs"
+import { Stack } from "@/components/ui/flex"
 
 export type MdxHeroProps = Pick<CommonHeroProps, "breadcrumbs" | "title">
 
 const MdxHero = ({ breadcrumbs, title }: MdxHeroProps) => (
-  <Stack py="8" px="6" spacing="6" w="full">
+  <Stack className="w-full gap-6 px-6 py-8">
     <Breadcrumbs {...breadcrumbs} />
-    <Heading as="h1" size="2xl">
-      {title}
-    </Heading>
+    <h1>{title}</h1>
   </Stack>
 )