🎨 Format frontend (#1161)

frontend/src/components/Admin/AddUser.tsx

@@ -14,8 +14,8 @@ import {
   ModalHeader,
   ModalOverlay,
 } from "@chakra-ui/react"
-import { type SubmitHandler, useForm } from "react-hook-form"
 import { useMutation, useQueryClient } from "@tanstack/react-query"
+import { type SubmitHandler, useForm } from "react-hook-form"
 
 import { type UserCreate, UsersService } from "../../client"
 import type { ApiError } from "../../client/core/ApiError"

frontend/src/components/Admin/EditUser.tsx

@@ -14,8 +14,8 @@ import {
   ModalHeader,
   ModalOverlay,
 } from "@chakra-ui/react"
-import { type SubmitHandler, useForm } from "react-hook-form"
 import { useMutation, useQueryClient } from "@tanstack/react-query"
+import { type SubmitHandler, useForm } from "react-hook-form"
 
 import {
   type ApiError,

frontend/src/components/Common/DeleteAlert.tsx

@@ -7,9 +7,9 @@ import {
   AlertDialogOverlay,
   Button,
 } from "@chakra-ui/react"
+import { useMutation, useQueryClient } from "@tanstack/react-query"
 import React from "react"
 import { useForm } from "react-hook-form"
-import { useMutation, useQueryClient } from "@tanstack/react-query"
 
 import { ItemsService, UsersService } from "../../client"
 import useCustomToast from "../../hooks/useCustomToast"

frontend/src/components/Common/Sidebar.tsx

@@ -12,8 +12,8 @@ import {
   useColorModeValue,
   useDisclosure,
 } from "@chakra-ui/react"
-import { FiLogOut, FiMenu } from "react-icons/fi"
 import { useQueryClient } from "@tanstack/react-query"
+import { FiLogOut, FiMenu } from "react-icons/fi"
 
 import Logo from "../../assets/images/fastapi-logo.svg"
 import type { UserPublic } from "../../client"

frontend/src/components/Common/SidebarItems.tsx

@@ -1,7 +1,7 @@
 import { Box, Flex, Icon, Text, useColorModeValue } from "@chakra-ui/react"
+import { useQueryClient } from "@tanstack/react-query"
 import { Link } from "@tanstack/react-router"
 import { FiBriefcase, FiHome, FiSettings, FiUsers } from "react-icons/fi"
-import { useQueryClient } from "@tanstack/react-query"
 
 import type { UserPublic } from "../../client"
 

frontend/src/components/Items/AddItem.tsx

@@ -12,8 +12,8 @@ import {
   ModalHeader,
   ModalOverlay,
 } from "@chakra-ui/react"
-import { type SubmitHandler, useForm } from "react-hook-form"
 import { useMutation, useQueryClient } from "@tanstack/react-query"
+import { type SubmitHandler, useForm } from "react-hook-form"
 
 import { type ApiError, type ItemCreate, ItemsService } from "../../client"
 import useCustomToast from "../../hooks/useCustomToast"

frontend/src/components/Items/EditItem.tsx

@@ -12,8 +12,8 @@ import {
   ModalHeader,
   ModalOverlay,
 } from "@chakra-ui/react"
-import { type SubmitHandler, useForm } from "react-hook-form"
 import { useMutation, useQueryClient } from "@tanstack/react-query"
+import { type SubmitHandler, useForm } from "react-hook-form"
 
 import {
   type ApiError,

frontend/src/components/UserSettings/ChangePassword.tsx

@@ -9,8 +9,8 @@ import {
   Input,
   useColorModeValue,
 } from "@chakra-ui/react"
-import { type SubmitHandler, useForm } from "react-hook-form"
 import { useMutation } from "@tanstack/react-query"
+import { type SubmitHandler, useForm } from "react-hook-form"
 
 import { type ApiError, type UpdatePassword, UsersService } from "../../client"
 import useCustomToast from "../../hooks/useCustomToast"

frontend/src/components/UserSettings/DeleteConfirmation.tsx

@@ -7,9 +7,9 @@ import {
   AlertDialogOverlay,
   Button,
 } from "@chakra-ui/react"
+import { useMutation, useQueryClient } from "@tanstack/react-query"
 import React from "react"
 import { useForm } from "react-hook-form"
-import { useMutation, useQueryClient } from "@tanstack/react-query"
 
 import { type ApiError, type UserPublic, UsersService } from "../../client"
 import useAuth from "../../hooks/useAuth"

frontend/src/components/UserSettings/UserInformation.tsx

@@ -11,9 +11,9 @@ import {
   Text,
   useColorModeValue,
 } from "@chakra-ui/react"
+import { useMutation, useQueryClient } from "@tanstack/react-query"
 import { useState } from "react"
 import { type SubmitHandler, useForm } from "react-hook-form"
-import { useMutation, useQueryClient } from "@tanstack/react-query"
 
 import {
   type ApiError,