Merged in feat/LOY-203-connected-state-employee-benefits (pull request #2496)

feat(LOY-203): Enable Opening Team Member Card from Employee Benefits Page When Connected

* feat(LOY-203): add support for opening team member card modal from employee benefits page when connected

* fix(LOY-203): add id_card to  material symbol icons

* fix(LOY-203): remove uneeded dtmc btb style


Approved-by: Erik Tiekstra
Approved-by: Linus Flood

apps/scandic-web/components/Modal/index.tsx

@@ -136,6 +136,7 @@ export default function Modal({
   trigger,
   isOpen,
   onToggle,
+  onOpenChange,
   title,
   subtitle,
   children,
@@ -185,11 +186,12 @@ export default function Modal({
 
   return (
     <DialogTrigger
-      onOpenChange={(isOpen) =>
+      onOpenChange={(isOpen) => {
         setAnimation(
           isOpen ? AnimationStateEnum.visible : AnimationStateEnum.hidden
         )
-      }
+        onOpenChange?.(isOpen)
+      }}
     >
       {trigger}
       <AnimatePresence>

apps/scandic-web/components/Modal/modal.ts

@@ -16,11 +16,17 @@ export type ModalProps = {
   hideHeader?: boolean
   className?: string
 } & (
-  | { trigger: JSX.Element; isOpen?: never; onToggle?: never }
+  | {
+      trigger: JSX.Element
+      isOpen?: never
+      onToggle?: never
+      onOpenChange?: (open: boolean) => void
+    }
   | {
       trigger?: never
       isOpen: boolean
       onToggle: (open: boolean) => void
+      onOpenChange?: never
     }
 )