Merge pull request #13784 from ethereum/main-article-tw

refactor: MainArticle for tailwind

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

src/pages/developers/learning-tools.tsx

@@ -424,7 +424,7 @@ const LearningToolsPage = () => {
           "page-developers-learning-tools:page-learning-tools-meta-desc"
         )}
       />
-      <MainArticle w="full">
+      <MainArticle className="w-full">
         <Box w="full">
           <Header>
             <H1>