fix(i18n): prepare for Lokalise

app/[lang]/(live)/(protected)/my-pages/profile/@membershipCards/page.tsx

@@ -30,12 +30,43 @@ export default async function MembershipCardSlot({
         membershipCards.map((card, idx) => (
           <div className={styles.card} key={idx}>
             <Subtitle className={styles.subTitle}>
-              Name: {card.membershipType}
+              {intl.formatMessage(
+                { id: "Name: {cardMembershipType}" },
+                {
+                  cardMembershipType: card.membershipType,
+                }
+              )}
             </Subtitle>
-            <span> Current Points: {card.currentPoints} </span>
-            <span> Member Since: {card.memberSince}</span>
-            <span> Number: {card.membershipNumber}</span>
-            <span>Expiration Date: {card.expirationDate.split("T")[0]}</span>
+            <span>
+              {intl.formatMessage(
+                { id: "Current Points {points, number}" },
+                { points: card.currentPoints }
+              )}
+            </span>
+            <span>
+              {intl.formatMessage(
+                { id: "Member Since: {value}" },
+                {
+                  value: card.memberSince,
+                }
+              )}
+            </span>
+            <span>
+              {intl.formatMessage(
+                { id: "Number: {membershipNumber}" },
+                {
+                  membershipNumber: card.membershipNumber,
+                }
+              )}
+            </span>
+            <span>
+              {intl.formatMessage(
+                { id: "Expiration Date: {expirationDate}" },
+                {
+                  expirationDate: card.expirationDate.split("T")[0],
+                }
+              )}
+            </span>
           </div>
         ))}
       <Link href="#" variant="icon">