refactor: break out Section container

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

@@ -1,6 +1,7 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import Header from "@/components/SectionHeader"
+import SectionContainer from "@/components/Section/Container"
+import Header from "@/components/Section/Header"
 import { getIntl } from "@/i18n"
 import { getMembership } from "@/utils/user"
 
@@ -20,18 +21,18 @@ async function CurrentPointsBalance({
   }
   const membership = getMembership(user.memberships)
   return (
-    <div>
+    <SectionContainer>
       <Header title={title} link={link} subtitle={subtitle} />
       <div className={styles.card}>
         <h2>{`${formatMessage({ id: "Total Points" })}*`}</h2>
         <p className={styles.points}>
           {`${formatMessage({ id: "Points" })}: ${membership ? membership.currentPoints : "N/A"}`}
         </p>
-        <p className={styles.disclaimer}>
+        <p>
           {`*${formatMessage({ id: "Points may take up to 10 days to be displayed." })}`}
         </p>
       </div>
-    </div>
+    </SectionContainer>
   )
 }