fix: update button actions and icons in UserMenu for better UX

Author: tomast1337

web/src/modules/shared/components/layout/UserMenu.tsx

@@ -135,18 +135,25 @@ export const UserMenu = ({ userData }: { userData: LoggedUserData }) => {
                           },
                         })}
                       />
-                      <button onClick={() => setIsEditingUsername(false)}>
+                      <button
+                        className='ml-1'
+                        disabled={isSubmitting}
+                        type='submit'
+                      >
                         <FontAwesomeIcon
-                          icon={faClose}
+                          icon={faCheck}
                           size='lg'
-                          className='text-zinc-400 hover:text-red-500'
+                          className='text-zinc-400 hover:text-green-500'
                         />
                       </button>
-                      <button disabled={isSubmitting} type='submit'>
+                      <button
+                        className='ml-1'
+                        onClick={() => setIsEditingUsername(false)}
+                      >
                         <FontAwesomeIcon
-                          icon={faCheck}
+                          icon={faClose}
                           size='lg'
-                          className='text-zinc-400 hover:text-green-500'
+                          className='text-zinc-400 hover:text-red-500'
                         />
                       </button>
                     </form>