refactor: break out Section container

components/MyPages/Blocks/Points/EarnAndBurn/index.tsx

@@ -1,11 +1,10 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import Header from "@/components/SectionHeader"
+import SectionContainer from "@/components/Section/Container"
+import Header from "@/components/Section/Header"
 
 import ClientEarnAndBurn from "./Client"
 
-import styles from "./earnAndBurn.module.css"
-
 import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
 
 export default async function EarnAndBurn({
@@ -20,9 +19,9 @@ export default async function EarnAndBurn({
     return null
   }
   return (
-    <div className={styles.container}>
+    <SectionContainer>
       <Header title={title} link={link} subtitle={subtitle} />
       <ClientEarnAndBurn initialData={initialTransactions} lang={lang} />
-    </div>
+    </SectionContainer>
   )
 }