fix: adjust table scaling

components/MyPages/Blocks/Points/CurrentPointsBalance/currentPointsBalance.module.css

@@ -1,7 +1,7 @@
 .card {
   background-color: var(--Base-Fill-Normal);
   border-radius: 16px;
-  color: var(Theme/Primary/Light/On Surface/Text);
+  color: var(--Theme-Primary-Light-On-Surface-Text);
   display: flex;
   flex-direction: column;
   align-items: center;

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

@@ -10,7 +10,7 @@ async function CurrentPointsBalance() {
       <h2>{`${_("Total points")}*`}</h2>
       <p
         className={styles.points}
-      >{`${_("Points")}: ${user.membership.currentPoints}`}</p>
+      >{`${_("Points")}: ${user.membership?.currentPoints || "N/A"}`}</p>
       <p className={styles.disclaimer}>
         {`*${_("Points may take up to 10 days to be displayed.")}`}
       </p>