Merged in feat/membership-information (pull request #233)

Feat(WEB-307) Display correct membership information

* fix: fix typo

* chore: update fetch of user membership

* chore: update components to use api data

* chore: remove lang as static value

* fix: adapt to dev updates

* fix: adapt to code from dev

* fix: break out MembershipLevel into its a React component

* fix: add enum to zod validation

* refactor: rename tier to level

* refactor: remove unnecessary casts

* refactor: change toString() to hideEmpty=false

* refactor: remove toString()

* refactor: remove hideEmpty from title and subtitle

* fix: update currentLevel with data

* fix: fix from rebase


Approved-by: Michael Zetterberg

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

@@ -12,7 +12,6 @@ async function CurrentPointsBalance({
   title,
   subtitle,
   link,
-  lang,
 }: AccountPageComponentProps) {
   const user = await serverClient().user.get()
   const { formatMessage } = await getIntl()
@@ -23,11 +22,10 @@ async function CurrentPointsBalance({
   return (
     <div>
       <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?.currentPoints || "N/A"}`}
+          {`${formatMessage({ id: "Points" })}: ${membership ? membership.currentPoints : "N/A"}`}
         </p>
         <p className={styles.disclaimer}>
           {`*${formatMessage({ id: "Points may take up to 10 days to be displayed." })}`}