fix(LOY-283): remove title from dtmc modal

adjust padding and remove box-shadow according to design documents

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

@@ -122,7 +122,7 @@ function InnerModal({
                 </header>
               )}
 
-              <section className={contentClassNames}>{children}</section>
+              <div className={contentClassNames}>{children}</div>
             </>
           )}
         </Dialog>

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

@@ -57,12 +57,6 @@ export default function DigitalTeamMemberCardClient({
         </span>
       </Button>
       <Modal onToggle={onToggle} isOpen={isOpen} className={styles.modal}>
-        <Typography variant="Title/xs">
-          <h2 className={styles.title}>
-            {intl.formatMessage({ defaultMessage: "Scandic Family" })}
-          </h2>
-        </Typography>
-
         <DigitalTeamMemberCardContent user={user} />
 
         <Typography variant="Body/Paragraph/mdRegular">

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

@@ -23,6 +23,7 @@
   position: relative;
   perspective: 1000px;
   transform-style: preserve-3d;
+  margin-top: var(--Space-x2);
 }
 
 .shimmer {
@@ -45,9 +46,7 @@
   max-width: 100%;
   color: var(--Text-Brand-OnPrimary-3-Accent);
   background-color: var(--Surface-Brand-Primary-1-OnSurface-Default);
-  box-shadow:
-    0 2px 1px rgb(255 255 255 / 11%) inset,
-    0 4px 44px rgb(0 0 0 / 25%);
+  box-shadow: 0 2px 1px rgb(255 255 255 / 11%) inset;
   transition: transform 0.3s ease-out;
   will-change: transform;
   user-select: none;