Merged in feat/LOY-315-Membership-Status-Card (pull request #2712)

Feat(LOY-315): Membership Overview Card

* fix(LOY-315): new divider variants

* feat(LOY-315): Add MembershipOverviewCard

* refactor(LOY-315): abstract sasbooststatus

* fix(LOY-315): correct space vars

* fix(LOY-315): date formatting fixes


Approved-by: Erik Tiekstra

apps/scandic-web/components/Blocks/DynamicContent/Overview/overview.module.css

@@ -1,5 +1,5 @@
 .divider {
-  margin-top: var(--Spacing-x2);
+  margin-top: var(--Space-x2);
 }
 
 .teamMemberCardButton {
@@ -12,17 +12,9 @@
   }
 }
 
-@media screen and (max-width: 767px) {
-  .container {
-    /* Full-width override styling */
-    left: 50%;
-    margin-left: -50vw;
-    margin-right: -50vw;
-    padding: 0 var(--Spacing-x2);
-    position: relative;
-    right: 50%;
-    width: 100dvw;
-  }
+.membershipCardsContainer {
+  display: grid;
+  gap: var(--Space-x2);
 }
 
 @media screen and (min-width: 768px) {
@@ -30,3 +22,9 @@
     display: none;
   }
 }
+
+@media screen and (min-width: 1367px) {
+  .membershipCardsContainer {
+    grid-template-columns: 1fr 1fr;
+  }
+}