chore: adjust PasswordField order

src/components/PasswordField.tsx

@@ -29,14 +29,6 @@ export const PasswordField = (
         <FormControl>
             <FormLabel htmlFor="password">Password</FormLabel>
             <InputGroup>
-                <InputRightElement>
-                    <IconButton
-                        variant="text"
-                        aria-label={isOpen ? "Mask password" : "Reveal password"}
-                        icon={isOpen ? <HiEyeOff /> : <HiEye />}
-                        onClick={onClickReveal}
-                    />
-                </InputRightElement>
                 <Input
                     id="password"
                     ref={inputRef}
@@ -46,6 +38,14 @@ export const PasswordField = (
                     required
                     {...props}
                 />
+                <InputRightElement>
+                    <IconButton
+                        variant="text"
+                        aria-label={isOpen ? "Mask password" : "Reveal password"}
+                        icon={isOpen ? <HiEyeOff /> : <HiEye />}
+                        onClick={onClickReveal}
+                    />
+                </InputRightElement>
             </InputGroup>
         </FormControl>
     );