Merge branch 'dev' of https://git.jetbrains.space/nalpari/q-cast-iii/qcast-front into dev

# Conflicts:
#	src/components/Roof2.jsx

src/app/[locale]/community/archive/page.jsx

@@ -1,5 +1,3 @@
-'use client'
-
 import Hero from '@/components/Hero'
 import Archive from '@/components/community/Archive'
 

src/app/[locale]/community/faq/page.jsx

@@ -1,5 +1,3 @@
-'use client'
-
 import Hero from '@/components/Hero'
 import Faq from '@/components/community/Faq'
 

src/app/[locale]/community/notice/page.jsx

@@ -1,5 +1,3 @@
-'use client'
-
 import Hero from '@/components/Hero'
 import Notice from '@/components/community/Notice'
 

src/app/[locale]/management/plan/page.jsx

@@ -1,5 +1,3 @@
-'use client'
-
 import Hero from '@/components/Hero'
 import Plan from '@/components/management/Plan'
 

src/app/[locale]/management/stuff/page.jsx

@@ -1,5 +1,3 @@
-'use client'
-
 import Hero from '@/components/Hero'
 import Stuff from '@/components/management/Stuff'
 

src/app/[locale]/master/company/page.jsx

@@ -1,5 +1,3 @@
-'use client'
-
 import Hero from '@/components/Hero'
 import Company from '@/components/master/Company'
 

src/app/[locale]/master/price/page.jsx

@@ -1,5 +1,3 @@
-'use client'
-
 import Hero from '@/components/Hero'
 import Price from '@/components/master/Price'
 

src/app/[locale]/roof/page.jsx

@@ -1,5 +1,3 @@
-'use client'
-
 import Hero from '@/components/Hero'
 import Roof from '@/components/Roof'
 

src/components/Roof2.jsx

@@ -19,6 +19,7 @@ import { getCanvasState, insertCanvasState } from '@/lib/canvas'
 import { calculateIntersection } from '@/util/canvas-util'
 import { QPolygon } from '@/components/fabric/QPolygon'
 import { useAxios } from '@/hooks/useAxios'
+import ThumbnailLIst from './ui/ThumbnailLIst'
 
 export default function Roof2() {
   const { canvas, handleRedo, handleUndo, setCanvasBackgroundWithDots, saveImage, addCanvas } = useCanvas('canvas')
@@ -691,6 +692,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>
+}