feat: Add Thumbnail list component

src/components/Roof2.jsx

@@ -18,6 +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'
 
 export default function Roof2() {
   const { canvas, handleRedo, handleUndo, setCanvasBackgroundWithDots, saveImage, addCanvas } = useCanvas('canvas')
@@ -690,6 +691,7 @@ export default function Roof2() {
           </div>
         </>
       )}
+      <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

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