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/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx

@@ -37,7 +37,7 @@ export default function LoyaltyLevels() {
       <div className={styles.cardContainer}>
         {levels.map((level: Level) => (
           <LevelCard
-            key={level.tier}
+            key={level.level}
             formatMessage={formatMessage}
             lang={lang}
             level={level}
@@ -60,7 +60,7 @@ function LevelCard({ formatMessage, lang, level }: LevelCardProps) {
     : pointsString
 
   let Level = null
-  switch (level.tier) {
+  switch (level.level) {
     case 1:
       Level = NewFriend
       break
@@ -86,7 +86,7 @@ function LevelCard({ formatMessage, lang, level }: LevelCardProps) {
   return (
     <article className={styles.card}>
       <Title className={styles.tierHeading} level="h4">
-        {level.tier}
+        {level.level}
       </Title>
       {Level ? <Level color="primaryLightOnSurfaceAccent" /> : null}
       <div className={styles.textContainer}>