Fixed imports styling

front/src/components/AnnouncementDetails.tsx

@@ -1,12 +1,12 @@
 import { Modal, Button } from 'react-bootstrap'
 import { MapContainer, Marker, Popup, TileLayer } from 'react-leaflet'
+import { CSSProperties } from 'react'
 
 import LineDot from './LineDot'
 import { categoryNames } from '../assets/category'
 import { useBook, useRemoveAnnouncement } from '../hooks/api'
 import { Announcement } from '../api/announcement/types'
 import { iconItem } from '../utils/markerIcons'
-import { CSSProperties } from 'react'
 import { useId } from '../hooks'
 
 type AnnouncementDetailsProps = {

front/src/components/AuthForm.tsx

@@ -1,5 +1,6 @@
 import { FormEventHandler, useCallback } from 'react'
 import { Button, Form } from 'react-bootstrap'
+
 import { useSignIn, useSignUp } from '../hooks/api'
 import { composeSignUpBody } from '../api/signup'
 import { composeSignInBody } from '../api/token'

front/src/components/BackHeader.tsx

@@ -1,8 +1,8 @@
 import { Link } from 'react-router-dom'
 import { Navbar } from 'react-bootstrap'
+import { PropsWithChildren } from 'react'
 
 import BackButton from '../assets/backArrow.svg'
-import { PropsWithChildren } from 'react'
 
 type BackHeaderProps = {
     text: string

front/src/components/BottomNavBar.tsx

@@ -1,9 +1,9 @@
 import { Link } from 'react-router-dom'
+import { CSSProperties } from 'react'
 
 import addIcon from '../assets/addIcon.svg'
 import filterIcon from '../assets/filterIcon.svg'
 import userIcon from '../assets/userIcon.svg'
-import { CSSProperties } from 'react'
 
 const styles = {
     navBar: {