Merged in feat/SW-1383-content-card-start-page (pull request #1252)

feat(SW-1383): Implement ContentCard for the Start Page

* feat(SW-1383): Implement ContentCard

- Add ContentCard component
- Use within CarouselCards component

* fix(SW-1383): adjust carousel and content card styling

* refactor(SW-1383): optimize ContentCard component styling and props

* feat(SW-1383): move ContentCard image check out of component

* feat(SW-1383): Add optional link prop to ContentCard component

* refactor(SW-1383): Make ContentCard component linkable


Approved-by: Christian Andolf
Approved-by: Erik Tiekstra

server/routers/contentstack/schemas/blocks/carouselCards.ts

@@ -69,11 +69,13 @@ export const carouselCardsSchema = z.object({
           heading: data.heading,
           enableFilters: false,
           filterCategories: [],
-          cards: data.card_groups.flatMap((group) =>
-            group.cardConnection.edges.map((edge) =>
-              transformContentCard(edge.node)
+          cards: data.card_groups
+            .flatMap((group) =>
+              group.cardConnection.edges.map((edge) =>
+                transformContentCard(edge.node)
+              )
             )
-          ),
+            .filter((card): card is NonNullable<typeof card> => card !== null),
           defaultFilter: null,
           link: data.link
             ? { href: data.link.href, text: data.link.title }
@@ -102,10 +104,13 @@ export const carouselCardsSchema = z.object({
         enableFilters: true,
         filterCategories,
         cards: data.card_groups.flatMap((group) =>
-          group.cardConnection.edges.map((edge) => ({
-            ...transformContentCard(edge.node),
-            filterId: group.filter_category.filter_identifier,
-          }))
+          group.cardConnection.edges
+            .map((edge) => transformContentCard(edge.node))
+            .filter((card): card is NonNullable<typeof card> => card !== null)
+            .map((card) => ({
+              ...card,
+              filterId: group.filter_category.filter_identifier,
+            }))
         ),
         defaultFilter: data.default_filter,
         link: data.link