Fix formatting and styling of profile picture display, as well as display email when logged in as well

src/components/personal.rs

@@ -42,6 +42,7 @@ pub fn Profile() -> impl IntoView {
                         <h1>Not Logged In</h1>
                     }>
                     <h1>{move || user.get().map(|user| user.map(|user| user.username).unwrap_or_default())}</h1>
+					<h2>{move || user.get().map(|user| user.map(|user| user.email).unwrap_or_default())}</h2>
                 </Show>
             </div>
             <div class="profile-icon" on:click=open_dropdown>

style/personal.scss

@@ -25,7 +25,8 @@
       }
       h2 {
         font-size: 1rem;
-        margin: 0;
+        margin-top: auto;
+		margin-bottom: 0;
       }
     }
 
@@ -36,8 +37,14 @@
       font-size: 2rem;
       border-radius: 50%;
       transition: all 0.3s;
-      height: max-content;
+      height: 2rem;
+	  width: 2rem;
       margin-left: auto;
+	  img {
+		width: 100%;
+		height: 100%;
+		border-radius: 50%;
+	  }
     }
 
     .profile-icon:hover {