🎨 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,

frontend/src/hooks/useAuth.ts

@@ -1,6 +1,6 @@
+import { useMutation, useQuery } from "@tanstack/react-query"
 import { useNavigate } from "@tanstack/react-router"
 import { useState } from "react"
-import { useMutation, useQuery } from "@tanstack/react-query"
 
 import {
   type Body_login_login_access_token as AccessToken,

frontend/src/main.tsx

@@ -1,7 +1,7 @@
 import { ChakraProvider } from "@chakra-ui/react"
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { RouterProvider, createRouter } from "@tanstack/react-router"
 import ReactDOM from "react-dom/client"
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { routeTree } from "./routeTree.gen"
 
 import { StrictMode } from "react"

frontend/src/routes/_layout/admin.tsx

@@ -13,8 +13,8 @@ import {
   Thead,
   Tr,
 } from "@chakra-ui/react"
-import { createFileRoute } from "@tanstack/react-router"
 import { useQuery, useQueryClient } from "@tanstack/react-query"
+import { createFileRoute } from "@tanstack/react-router"
 
 import { type UserPublic, UsersService } from "../../client"
 import ActionsMenu from "../../components/Common/ActionsMenu"

frontend/src/routes/_layout/index.tsx

@@ -1,6 +1,6 @@
 import { Box, Container, Text } from "@chakra-ui/react"
-import { createFileRoute } from "@tanstack/react-router"
 import { useQueryClient } from "@tanstack/react-query"
+import { createFileRoute } from "@tanstack/react-router"
 
 import type { UserPublic } from "../../client"
 

frontend/src/routes/_layout/items.tsx

@@ -11,8 +11,8 @@ import {
   Thead,
   Tr,
 } from "@chakra-ui/react"
-import { createFileRoute } from "@tanstack/react-router"
 import { useQuery } from "@tanstack/react-query"
+import { createFileRoute } from "@tanstack/react-router"
 
 import { ItemsService } from "../../client"
 import ActionsMenu from "../../components/Common/ActionsMenu"

frontend/src/routes/_layout/settings.tsx

@@ -7,8 +7,8 @@ import {
   TabPanels,
   Tabs,
 } from "@chakra-ui/react"
-import { createFileRoute } from "@tanstack/react-router"
 import { useQueryClient } from "@tanstack/react-query"
+import { createFileRoute } from "@tanstack/react-router"
 
 import type { UserPublic } from "../../client"
 import Appearance from "../../components/UserSettings/Appearance"

frontend/src/routes/reset-password.tsx

@@ -8,9 +8,9 @@ import {
   Input,
   Text,
 } from "@chakra-ui/react"
+import { useMutation } from "@tanstack/react-query"
 import { createFileRoute, redirect, useNavigate } from "@tanstack/react-router"
 import { type SubmitHandler, useForm } from "react-hook-form"
-import { useMutation } from "@tanstack/react-query"
 
 import { type ApiError, LoginService, type NewPassword } from "../client"
 import { isLoggedIn } from "../hooks/useAuth"