refactor files

modules/room/components/Room.tsx

@@ -1,9 +1,9 @@
 import { useRoom} from "@/common/recoil/room";
 
 import RoomContextProvider from "../context/Room.context";
-import Canvas from "./Canvas";
-import { MousePosition } from "./MousePosition";
-import MouseRenderer from "./MouseRenderer";
+import Canvas from "./board/Canvas";
+import { MousePosition } from "./board/MousePosition";
+import MouseRenderer from "./board/MouseRenderer";
 import { ToolBar } from "./toolbar/ToolBar";
 import NameInput from "./NameInput";
 import UsersList from "./UsersList";

modules/room/components/Canvas.tsx → modules/room/components/board/Canvas.tsx

@@ -8,16 +8,16 @@ import { useRef, useState, useEffect } from "react";
 
 import { useKeyPressEvent } from "react-use";
 
-import { useDraw } from "../hooks/useDraw";
+import { useDraw } from "@/common/hooks/drawing";
 
-import { useSocketDraw } from "../hooks/useSocketDraw";
+import { useSocketDraw } from "../../hooks/useSocketDraw";
 
 import { socket } from "@/common/lib/socket";
 
 import Minimap from "./Minimap";
 
 import room, { useRoom } from "@/common/recoil/room";
-import { drawAllMoves } from "../helpers/Canvas.helpers";
+import { drawAllMoves } from "../../helpers/Canvas.helpers";
 
 
 const Canvas = () => {

modules/room/components/Minimap.tsx → modules/room/components/board/Minimap.tsx

@@ -3,7 +3,7 @@ import { useViewportSize } from "@/common/hooks/useViewportSize";
 import { MotionValue, useMotionValue } from "framer-motion";
 import {Dispatch, SetStateAction, forwardRef, useEffect, useRef} from "react";
 import {motion} from "framer-motion";
-import { useBoardPosition } from "../hooks/useBoardPosition";
+import { useBoardPosition } from "../../hooks/useBoardPosition";
 
 
 const Minimap = forwardRef<

modules/room/components/MousePosition.tsx → modules/room/components/board/MousePosition.tsx

@@ -1,5 +1,5 @@
 import { useRef } from "react";
-import { useBoardPosition } from "../hooks/useBoardPosition";
+import { useBoardPosition } from "../../hooks/useBoardPosition";
 import { useInterval, useMouse } from "react-use";
 import { socket } from "@/common/lib/socket";
 import { motion } from "framer-motion";

modules/room/components/UserMouse.tsx → modules/room/components/board/UserMouse.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useBoardPosition } from "../hooks/useBoardPosition";
+import { useBoardPosition } from "../../hooks/useBoardPosition";
 import { socket } from "@/common/lib/socket";
 import { motion } from "framer-motion";
 import { BsCursorFill } from "react-icons/bs";