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/MyPages/DigitalTeamMemberCard/index.tsx

@@ -8,10 +8,12 @@ import type { User } from "@scandic-hotels/trpc/types/user"
 
 interface DigitalTeamMemberCardProps {
   user: User
+  children: React.ReactElement
 }
 
 export default async function DigitalTeamMemberCard({
   user,
+  children,
 }: DigitalTeamMemberCardProps) {
   if (!env.ENABLE_DTMC) {
     return null
@@ -21,5 +23,9 @@ export default async function DigitalTeamMemberCard({
   if (!hasEmploymentData) {
     return null
   }
-  return <DigitalTeamMemberCardClient user={user} />
+  return (
+    <DigitalTeamMemberCardClient user={user}>
+      {children}
+    </DigitalTeamMemberCardClient>
+  )
 }