feat: Adjust user image size and enhance layout for user information in General Settings

Author: medyo

src/features/settings/components/GeneralSettings/generalSettings.css

@@ -104,23 +104,22 @@ Select styles
   border-bottom: 1px solid var(--card-content-divider);
 }
 .userContent .userImage {
-  width: 60px;
-  height: 60px;
+  width: 50px;
+  height: 50px;
   border-radius: 100%;
 }
 .userContent .userInfos {
   flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
   width: auto;
   margin-left: 10px;
 }
 .userContent .userName {
-  font-size: larger;
   font-weight: 600;
 }
-.userContent .userEmail {
-  font-size: medium;
-  margin-top: 6px;
-}
-.userContent .logoutBtn {
-  margin-left: auto;
+.userContent .sub {
+  font-size: 0.9em;
+  opacity: 0.9;
 }