fix: use correct tab order in login form

frontend/src/components/auth/login-form.tsx

@@ -51,15 +51,8 @@ export const LoginForm = (props: Props) => {
           name="password"
           render={({ field }) => (
             <FormItem className="mb-4">
-              <FormLabel className="flex flex-row justify-between">
-                <span>{t("loginPassword")}</span>
-                <a
-                  href="/forgot-password"
-                  className="text-muted-foreground font-normal"
-                >
-                  {t("forgotPasswordTitle")}
-                </a>
-              </FormLabel>
+              <div className="relative">
+                <FormLabel className="mb-2">{t("loginPassword")}</FormLabel>
                 <FormControl>
                   <Input
                     placeholder={t("loginPassword")}
@@ -69,6 +62,13 @@ export const LoginForm = (props: Props) => {
                   />
                 </FormControl>
                 <FormMessage />
+                <a
+                  href="/forgot-password"
+                  className="text-muted-foreground text-sm absolute right-0 bottom-10"
+                >
+                  {t("forgotPasswordTitle")}
+                </a>
+              </div>
             </FormItem>
           )}
         />