fix: 컴포넌트 이름 오타 수정 및 소스 코드 정리

src/components/Roof2.jsx

@@ -18,7 +18,7 @@ import { QLine } from '@/components/fabric/QLine'
 import { getCanvasState, insertCanvasState } from '@/lib/canvas'
 import { calculateIntersection } from '@/util/canvas-util'
 import { QPolygon } from '@/components/fabric/QPolygon'
-import ThumbnailLIst from './ui/ThumbnailLIst'
+import ThumbnailList from './ui/ThumbnailLIst'
 
 export default function Roof2() {
   const { canvas, handleRedo, handleUndo, setCanvasBackgroundWithDots, saveImage, addCanvas } = useCanvas('canvas')
@@ -691,7 +691,7 @@ export default function Roof2() {
           </div>
         </>
       )}
-      <ThumbnailLIst />
+      <ThumbnailList />
       <div className="flex justify-start my-8 mx-2 w-full">
         <canvas id="canvas" style={{ border: '1px solid black' }} />
       </div>

src/components/ui/ThumbnailLIst.jsx

@@ -1,3 +1,3 @@
-export default function ThumbnailLIst() {
+export default function ThumbnailList() {
   return <div className="flex justify-center m-4 w-full">thumbnails</div>
 }