feat: 전반적인 레이아웃 수정

package.json

@@ -28,6 +28,7 @@
   "dependencies": {
     "@electron-toolkit/preload": "^3.0.1",
     "@electron-toolkit/utils": "^3.0.0",
+    "@hookform/resolvers": "^3.9.1",
     "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-collapsible": "^1.1.1",
     "@radix-ui/react-dialog": "^1.1.2",
@@ -49,15 +50,19 @@
     "framer-motion": "^11.11.11",
     "js-beautify": "^1.15.1",
     "lucide-react": "^0.454.0",
+    "makerjs": "^0.18.1",
     "next-themes": "^0.4.1",
+    "opentype.js": "^1.3.4",
     "react-color": "^2.19.3",
+    "react-hook-form": "^7.53.1",
     "react-resizable-panels": "^2.1.6",
     "react-router-dom": "^6.27.0",
     "shiki": "^1.22.2",
     "sonner": "^1.7.0",
     "tailwind-merge": "^2.5.4",
     "tailwindcss-animate": "^1.0.7",
-    "turndown": "^7.2.0"
+    "turndown": "^7.2.0",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^3.8.0",