default image and polish

Author: ch0rizo

lego-webapp/components/ProfileCard/ProfileCard.module.css

@@ -15,7 +15,6 @@
   font-weight: bold;
   font-family: monospace;
   text-transform: uppercase;
-  padding-top: var(--spacing-md);
 }
 
 .info p {

lego-webapp/components/ProfileCard/index.tsx

@@ -52,16 +52,16 @@ export const ProfileCard = ({
           <p>BRUKERNAVN:</p>
           <h3>{username}</h3>
         </div>
-        <div className={styles.groupLogo}>
-          {primaryMembership && (
+        {primaryMembership && (
+          <div className={styles.groupLogo}>
             <CircularPicture
               src={primaryMembership.abakusGroup.logo!}
               alt={primaryMembership.abakusGroup.name}
               size={40}
               className={styles.groupLogo}
             />
-          )}
-        </div>
+          </div>
+        )}
       </Flex>
     </Flex>
   );

lego-webapp/pages/users/@username/+Page.tsx

@@ -202,7 +202,7 @@ const UserProfile = () => {
                 <Icon iconNode={<QrCode />} size={19} />
                 Vis ABA-ID
               </Button>
-              <Modal>
+              <Modal title="ABA-ID">
                 <ProfileCard
                   firstName={firstName}
                   lastName={lastName}