Merged in feat/LOY-354-L7-Progress-Card (pull request #2786)

Feat/LOY-354 L7 Progress Card

* feat(LOY-354): Add Trophy icon

* fix(LOY-354): include new tierPoints value

* feat(LOY-354): L7 Progress Level Card support

* refactor(LOY-354): Refactoring of component structure

* fix(LOY-354): Remove intl prop drilling

* fix(LOY-354): cleanup progress section code


Approved-by: Erik Tiekstra

apps/scandic-web/components/MyPages/LevelProgressCard/InnerCard/SuccessCard/index.tsx

@@ -0,0 +1,45 @@
+import TrophyIcon from "@scandic-hotels/design-system/Icons/TrophyIcon"
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
+import { getIntl } from "@/i18n"
+
+import styles from "./successCard.module.css"
+
+export interface SuccessCardProps {
+  pointsEarned?: number | null
+}
+
+export default async function SuccessCard({ pointsEarned }: SuccessCardProps) {
+  const intl = await getIntl()
+  return (
+    <div className={styles.card}>
+      <TrophyIcon className={styles.icon} width={79} height={118} />
+      <div className={styles.content}>
+        <Typography variant="Title/Subtitle/md">
+          <h3 className={styles.title}>
+            {intl.formatMessage({
+              defaultMessage: "Hello Best Friend!",
+            })}
+          </h3>
+        </Typography>
+        {pointsEarned && (
+          <Typography variant="Body/Paragraph/mdRegular">
+            <p>
+              {intl.formatMessage(
+                {
+                  defaultMessage:
+                    "You've earned {pointAmount} points this member year.",
+                },
+                {
+                  pointAmount: (
+                    <strong>{intl.formatNumber(pointsEarned)}</strong>
+                  ),
+                }
+              )}
+            </p>
+          </Typography>
+        )}
+      </div>
+    </div>
+  )
+}