feat: Update logout button size and adjust user info layout for better responsiveness

Author: medyo

src/features/settings/components/GeneralSettings/GeneralSettings.tsx

@@ -34,7 +34,7 @@ const UserInfo = ({ user }: UserInfoProps) => {
         <div className="userName">{user.name}</div>
         <div className="providerId">Logged using {providerId}</div>
       </div>
-      <Button className="logoutBtn" onClick={logout}>
+      <Button onClick={logout} size="small">
         Logout
       </Button>
     </div>

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

@@ -109,6 +109,7 @@ Select styles
   border-radius: 100%;
 }
 .userContent .userInfos {
+  flex: 1;
   width: auto;
   margin-left: 10px;
 }