feat(WEB-167): update my pages layout to MVP wireframes

components/MyPages/Blocks/Overview/Stats/TotalPoints/index.tsx

@@ -0,0 +1,16 @@
+import Divider from "@/components/TempDesignSystem/Divider"
+import Title from "../Title"
+
+import styles from "./totalPoints.module.css"
+
+import type { TotalPointsProps } from "@/types/components/myPages/totalPoints"
+
+export default function TotalPoints({ user }: TotalPointsProps) {
+  return (
+    <div>
+      <Title>Total Points</Title>
+      <Divider className={styles.divider} variant="dotted" />
+      <p className={styles.points}>{user.points}</p>
+    </div>
+  )
+}

components/MyPages/Blocks/Overview/Stats/TotalPoints/totalPoints.module.css

@@ -0,0 +1,20 @@
+.divider {
+  margin-bottom: 1rem;
+  margin-top: 0.3rem;
+}
+
+.points {
+  color: var(--some-black-color, #111);
+  /* font-family: var(--ff-brandon-text); */
+  font-size: 3.7rem;
+  font-weight: 900;
+  letter-spacing: -3%;
+  line-height: 3.7rem;
+  margin: 0;
+}
+
+@media screen and (min-width: 950px) {
+  .divider {
+    margin-bottom: 1.2rem;
+  }
+}