feat: add new cards grid block

lib/graphql/Query/LoyaltyPage.graphql

@@ -1,4 +1,6 @@
 #import "../Fragments/Image.graphql"
+#import "../Fragments/Blocks/Card.graphql"
+#import "../Fragments/Blocks/Refs/Card.graphql"
 #import "../Fragments/PageLink/AccountPageLink.graphql"
 #import "../Fragments/PageLink/ContentPageLink.graphql"
 #import "../Fragments/PageLink/LoyaltyPageLink.graphql"
@@ -11,8 +13,8 @@
 query GetLoyaltyPage($locale: String!, $uid: String!) {
   loyalty_page(uid: $uid, locale: $locale) {
     blocks {
-      __typename
       ... on LoyaltyPageBlocksShortcuts {
+        __typename
         shortcuts {
           title
           preamble
@@ -22,10 +24,9 @@ query GetLoyaltyPage($locale: String!, $uid: String!) {
             linkConnection {
               edges {
                 node {
-                  __typename
-                  ...AccountPageLink
                   ...LoyaltyPageLink
                   ...ContentPageLink
+                  ...AccountPageLink
                 }
               }
               totalCount
@@ -34,6 +35,7 @@ query GetLoyaltyPage($locale: String!, $uid: String!) {
         }
       }
       ... on LoyaltyPageBlocksDynamicContent {
+        __typename
         dynamic_content {
           title
           subtitle
@@ -52,30 +54,8 @@ query GetLoyaltyPage($locale: String!, $uid: String!) {
           }
         }
       }
-      ... on LoyaltyPageBlocksCardGrid {
-        card_grid {
-          title
-          subtitle
-          cards {
-            referenceConnection {
-              edges {
-                node {
-                  __typename
-                  ...LoyaltyPageLink
-                  ...ContentPageLink
-                  ...AccountPageLink
-                }
-              }
-              totalCount
-            }
-            title
-            subtitle
-            open_in_new_tab
-            cta_text
-          }
-        }
-      }
       ... on LoyaltyPageBlocksContent {
+        __typename
         content {
           content {
             json
@@ -83,7 +63,6 @@ query GetLoyaltyPage($locale: String!, $uid: String!) {
               edges {
                 node {
                   __typename
-                  ...Image
                   ...LoyaltyPageLink
                   ...ContentPageLink
                 }
@@ -93,6 +72,22 @@ query GetLoyaltyPage($locale: String!, $uid: String!) {
           }
         }
       }
+      ... on LoyaltyPageBlocksCardsGrid {
+        __typename
+        cards_grid {
+          title
+          preamble
+          layout
+          theme
+          cardConnection(limit: 10) {
+            edges {
+              node {
+                ...CardBlock
+              }
+            }
+          }
+        }
+      }
     }
     title
     heading
@@ -185,23 +180,6 @@ query GetLoyaltyPageRefs($locale: String!, $uid: String!) {
           }
         }
       }
-      ... on LoyaltyPageBlocksCardGrid {
-        __typename
-        card_grid {
-          cards {
-            referenceConnection {
-              edges {
-                node {
-                  __typename
-                  ...AccountPageRef
-                  ...ContentPageRef
-                  ...LoyaltyPageRef
-                }
-              }
-            }
-          }
-        }
-      }
       ... on LoyaltyPageBlocksContent {
         __typename
         content {
@@ -228,6 +206,18 @@ query GetLoyaltyPageRefs($locale: String!, $uid: String!) {
           }
         }
       }
+      ... on LoyaltyPageBlocksCardsGrid {
+        __typename
+        cards_grid {
+          cardConnection(limit: 10) {
+            edges {
+              node {
+                ...CardBlockRef
+              }
+            }
+          }
+        }
+      }
     }
     sidebar {
       ... on LoyaltyPageSidebarContent {