📌fix: organize the source code

src/components/Playground.jsx

@@ -1,32 +1,28 @@
 'use client'
 
 import { useRef, useState, useEffect, useContext } from 'react'
+import Image from 'next/image'
 import { useRecoilState } from 'recoil'
 import { v4 as uuidv4 } from 'uuid'
 import { FaAnglesUp } from 'react-icons/fa6'
 import { FaAnglesDown } from 'react-icons/fa6'
+import { Button } from '@nextui-org/react'
+import ColorPicker from './common/color-picker/ColorPicker'
+import { cadFileNameState, googleMapFileNameState, useCadFileState, useGoogleMapFileState } from '@/store/canvasAtom'
 
 import { useAxios } from '@/hooks/useAxios'
 import { useMessage } from '@/hooks/useMessage'
 import { useMasterController } from '@/hooks/common/useMasterController'
-import { convertDwgToPng } from '@/lib/cadAction'
-import { cadFileNameState, googleMapFileNameState, useCadFileState, useGoogleMapFileState } from '@/store/canvasAtom'
-
-import { Button } from '@nextui-org/react'
-import ColorPicker from './common/color-picker/ColorPicker'
 import { useSwal } from '@/hooks/useSwal'
-
-import styles from './playground.module.css'
-import Image from 'next/image'
-
+import { convertDwgToPng } from '@/lib/cadAction'
+import { GlobalDataContext } from '@/app/GlobalDataProvider'
 import QInput from './common/input/Qinput'
 import QSelect from './common/select/QSelect'
 import QPagination from './common/pagination/QPagination'
-
-import { trestleRequestModels, constructionRequestModels, trestleDetailRequestModels } from '@/models/apiModels'
 import QSelectBox from './common/select/QSelectBox'
 import SampleReducer from './sample/SampleReducer'
-import { GlobalDataContext } from '@/app/GlobalDataProvider'
+
+import styles from './playground.module.css'
 
 export default function Playground() {
   const [useCadFile, setUseCadFile] = useRecoilState(useCadFileState)

src/components/common/popupManager/PopupManager.jsx

@@ -1,7 +1,7 @@
 'use client'
+import { Fragment } from 'react'
 import { useRecoilValue } from 'recoil'
 import { popupState } from '@/store/popupAtom'
-import { Fragment } from 'react'
 
 export default function PopupManager() {
   const popup = useRecoilValue(popupState)