refactor: infer types from zod validation

components/Loyalty/Blocks/DynamicContent/index.tsx

@@ -7,13 +7,13 @@ import OverviewTable from "./OverviewTable"
 
 import styles from "./dynamicContent.module.css"
 
-import { DynamicContentProps } from "@/types/components/loyalty/blocks"
-import {
-  LoyaltyComponent,
-  LoyaltyComponentEnum,
-} from "@/types/requests/loyaltyPage"
+import type {
+  DynamicComponentProps,
+  DynamicContentProps,
+} from "@/types/components/loyalty/blocks"
+import { LoyaltyComponentEnum } from "@/types/requests/loyaltyPage"
 
-function DynamicComponentBlock({ component }: { component: LoyaltyComponent }) {
+function DynamicComponentBlock({ component }: DynamicComponentProps) {
   switch (component) {
     case LoyaltyComponentEnum.how_it_works:
       return <HowItWorks />
@@ -30,9 +30,6 @@ function DynamicComponentBlock({ component }: { component: LoyaltyComponent }) {
 export default function DynamicContent({
   dynamicContent,
 }: DynamicContentProps) {
-  const link = dynamicContent.link.pageConnection.edges.length
-    ? dynamicContent.link.pageConnection.edges[0].node.url
-    : null
   return (
     <section className={styles.container}>
       <header>
@@ -48,11 +45,11 @@ export default function DynamicContent({
               {dynamicContent.title}
             </Title>
           )}
-          {link && (
-            <Link className={styles.link} href={link}>
+          {dynamicContent.link ? (
+            <Link className={styles.link} href={dynamicContent.link.href}>
               {dynamicContent.link.text}
             </Link>
-          )}
+          ) : null}
         </div>
         {dynamicContent.subtitle && (
           <Title