feat: use avatar component in hamburger dropdown

components/Current/Header/MainMenu/index.tsx

@@ -76,8 +76,11 @@ export function MainMenu({
             <ul className={styles.linkRow}>
               {!!user ? (
                 <>
-                  <li>
-                    <div className={styles.loggedInLogo} />
+                  <li className={styles.avatarWrapper}>
+                    <Avatar
+                      firstName={user.firstName}
+                      lastName={user.lastName}
+                    />
                   </li>
                   <li className={styles.mobileLinkRow}>
                     <Link

components/Current/Header/MainMenu/mainMenu.module.css

@@ -180,13 +180,8 @@
   padding: 15px 15px 15px 5px;
 }
 
-.loggedInLogo {
-  height: 35px;
-  width: 35px;
-  border-radius: 50px;
-  background-color: #000;
+.avatarWrapper {
   margin-right: 4px;
-  margin-left: -4px;
 }
 
 .mobileLinkButton {