refactor: MainArticle to tailwind

Author: wackerow

src/components/MainArticle.tsx

@@ -1,9 +1,16 @@
-import { Box, type BoxProps } from "@chakra-ui/react"
+import { cn } from "@/lib/utils/cn"
 
 import { MAIN_CONTENT_ID } from "@/lib/constants"
 
-const MainArticle = (props: BoxProps) => (
-  <Box as="article" id={MAIN_CONTENT_ID} scrollMarginTop={24} {...props} />
+const MainArticle = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <article
+    id={MAIN_CONTENT_ID}
+    className={cn("scroll-mt-24", className)}
+    {...props}
+  />
 )
 
 export default MainArticle