Merged in LOY-188-employee-benefit-call-to-actions (pull request #1954)

feat(LOY-188): dynamic content support in content pages headers & use in DTMC employee benefits page

* feat(LOY-188): add dynamic content handling for DTMC employee benefits page header

* fix(LOY-188): change section to div in EmployeeBenefitsCallToActions component

* refactor(LOY-188): switch to ButtonLink

* refactor(LOY-188): replace enum with as const objects in DynamicContentEnum

* chore(LOY-188): change ComponentValue type exports to internal scope in DynamicContentEnum

* fix(EmployeeBenefitsCallToActions): replace div with fragment

* chore(LOY-188): update translations


Approved-by: Christian Andolf

apps/scandic-web/components/Headers/DynamicContent/index.tsx

@@ -0,0 +1,27 @@
+import { Suspense } from "react"
+
+import EmployeeBenefitsCallToActions from "@/components/DigitalTeamMemberCard/EmployeeBenefits/CallToActions"
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+import type { HeaderDynamicContentProps } from "@/types/components/headers/dynamicContent"
+import { DynamicContentEnum } from "@/types/enums/dynamicContent"
+
+export default function HeaderDynamicContent(props: HeaderDynamicContentProps) {
+  return (
+    <Suspense fallback={<LoadingSpinner />}>
+      <HeaderDynamicContentComponent {...props} />
+    </Suspense>
+  )
+}
+
+function HeaderDynamicContentComponent(props: HeaderDynamicContentProps) {
+  const { component } = props
+
+  switch (component) {
+    case DynamicContentEnum.Headers.components
+      .dtmc_employee_benefits_call_to_actions:
+      return <EmployeeBenefitsCallToActions />
+    default:
+      return null
+  }
+}