템플릿 타입 recoil 추가

src/components/Roof2.jsx

@@ -385,6 +385,9 @@ export default function Roof2() {
             <Button className="m-1 p-2" color={`${mode === Mode.TEMPLATE ? 'primary' : 'default'}`} onClick={() => drawRoofPatterns(2)}>
               지붕패턴2
             </Button>
+            <Button className="m-1 p-2" color={`${mode === Mode.TEMPLATE ? 'primary' : 'default'}`} onClick={() => changeMode(canvas, Mode.MODULE)}>
+              모듈
+            </Button>
             <Button className="m-1 p-2" color={`${mode === Mode.TEXTBOX ? 'primary' : 'default'}`} onClick={() => changeMode(canvas, Mode.TEXTBOX)}>
               텍스트박스 모드
             </Button>

src/store/canvasAtom.js

@@ -41,3 +41,9 @@ export const roofPolygonPatternArrayState = atom({
   default: {}, //object ex) big, mid, sht = {point : [{x1, y1}, {x2, y1}], direction : left or right or top or bottom}
   dangerouslyAllowMutability: true,
 })
+
+export const templateTypeState = atom({
+  key: 'templateType',
+  default: 1, //1:모임지붕, 2:A타입, 3:B타입
+  dangerouslyAllowMutability: true,
+})