fix(LOY-196): replace employee number with dummy value

add support for className to modal

apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx

@@ -36,6 +36,7 @@ export default function DigitalTeamMemberCardClient({
           </Typography>
         </Button>
       }
+      className={styles.modal}
     >
       <Typography variant="Title/xs">
         <h2 className={styles.title}>
@@ -60,7 +61,8 @@ export default function DigitalTeamMemberCardClient({
             <div className={styles.employeeNumber}>
               <Typography variant="Title/sm">
                 {/* TODO: Should display employee number */}
-                <div>{user.membershipNumber}</div>
+                {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+                <div>123 456</div>
               </Typography>
               <svg
                 width="42"

apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css

@@ -105,3 +105,9 @@
 .footer {
   text-align: center;
 }
+
+@media screen and (min-width: 768px) {
+  .modal {
+    max-width: 375px;
+  }
+}