diff --git a/app/package-lock.json b/app/package-lock.json
index d32d3af..09669f5 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -8,7 +8,11 @@
       "name": "app",
       "version": "0.1.0",
       "dependencies": {
+        "@monaco-editor/react": "^4.6.0",
         "date-fns": "^3.6.0",
+        "monaco-editor": "^0.51.0",
+        "monaco-editor-core": "^0.51.0",
+        "monaco-languageclient": "^8.8.3",
         "next": "14.2.5",
         "react": "^18",
         "react-dom": "^18"
@@ -38,6 +42,98 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@codingame/monaco-vscode-base-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-base-service-override/-/monaco-vscode-base-service-override-8.0.4.tgz",
+      "integrity": "sha512-tTIA68KRYgSPHyanjqTUGQro+t67vShxAGNjM2Iz7dhqMOYZhYA4oIwI4Q0A+QWBC2HKOCNkwFoc5pqconw5YA==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-environment-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-environment-service-override/-/monaco-vscode-environment-service-override-8.0.4.tgz",
+      "integrity": "sha512-3PBqEag0RaACIYiPdtDqxn4BS48yMq1uNCrNYm9E2P1On7JaCLNPHrQfE9Et6HbJT9qPzdcfbD5IwevQbCym5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-extensions-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-extensions-service-override/-/monaco-vscode-extensions-service-override-8.0.4.tgz",
+      "integrity": "sha512-uEOpSXGxC6W3uaKwj5p+WXsvkVqD1ONDNOCy8ZEHskpkN6KO/0XE927OvpF75JsqXHjNTmstSxTjU9/GykpruA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codingame/monaco-vscode-files-service-override": "8.0.4",
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-files-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-files-service-override/-/monaco-vscode-files-service-override-8.0.4.tgz",
+      "integrity": "sha512-DCvbxgE6wwOoUsKGlinOB7vYx7HoVUviqWY913Fux4K7/wYWpBcNVtK8kmKs7euPJPeAsl06PJFaXaS3Qjfkqg==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-host-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-host-service-override/-/monaco-vscode-host-service-override-8.0.4.tgz",
+      "integrity": "sha512-VT8jFmnzMpi6DuSgA8c/F0MVh+fApLH75ledgMqfsKC1vSDOkV0IaPPBHRfPYDPvXCrnOtfdpvP0hFrdg1ytig==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-languages-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-languages-service-override/-/monaco-vscode-languages-service-override-8.0.4.tgz",
+      "integrity": "sha512-GXd2fKQa96tNv0gFB3nT/yWUc+4pZM/2L8KcfOOuNRWEOjm9TbOWmNZyWGi2Abf4vAdLNKVtJBX1+SoDkwoQdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codingame/monaco-vscode-files-service-override": "8.0.4",
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-layout-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-layout-service-override/-/monaco-vscode-layout-service-override-8.0.4.tgz",
+      "integrity": "sha512-DrF1vRJG8vPOaqC06fu99yjvtIcuTza5vAQdH19FfDi87vyk3BeFsnj7H7Z0fRK/wQigBcNzXYbUkuE93I95IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-localization-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-localization-service-override/-/monaco-vscode-localization-service-override-8.0.4.tgz",
+      "integrity": "sha512-z/MGZXSW69y3pIxbXobRfoGadN82BSSO7tu3jkhJx3c3CpvULaDl5HLUKoXDwtG14/nEA/VCzI/MOHp/bXBKDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-model-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-model-service-override/-/monaco-vscode-model-service-override-8.0.4.tgz",
+      "integrity": "sha512-oynV9SnSE1MfqtVjqDWy/xcmekmAVNzyoqTh6oH3B+Oy/nhPqI6X9yIA0I47u0ncs/wjj3dDVnXOEv2IqJXxZg==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
+    "node_modules/@codingame/monaco-vscode-quickaccess-service-override": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-quickaccess-service-override/-/monaco-vscode-quickaccess-service-override-8.0.4.tgz",
+      "integrity": "sha512-VXHVKRqtieKf+BTTUwcT++tJEb/k7PI2vLR3Lgsh2t0We7ydPOPLTDA99/Ls3yuM+i6IvKqBXc+WomN8MRS1rw==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -236,6 +332,32 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@monaco-editor/loader": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.4.0.tgz",
+      "integrity": "sha512-00ioBig0x642hytVspPl7DbQyaSWRaolYie/UFNjoTdvoKPzo6xrXLhTk9ixgIKcLH5b5vDOjVNiGyY+uDCUlg==",
+      "license": "MIT",
+      "dependencies": {
+        "state-local": "^1.0.6"
+      },
+      "peerDependencies": {
+        "monaco-editor": ">= 0.21.0 < 1"
+      }
+    },
+    "node_modules/@monaco-editor/react": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.6.0.tgz",
+      "integrity": "sha512-RFkU9/i7cN2bsq/iTkurMWOEErmYcY6JiQI3Jn+WeR/FGISH8JbHERjpS9oRuSOPvDMJI0Z8nJeKkbOs9sBYQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@monaco-editor/loader": "^1.4.0"
+      },
+      "peerDependencies": {
+        "monaco-editor": ">= 0.25.0 < 1",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@next/env": {
       "version": "14.2.5",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.5.tgz",
@@ -654,6 +776,12 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/@vscode/iconv-lite-umd": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@vscode/iconv-lite-umd/-/iconv-lite-umd-0.7.0.tgz",
+      "integrity": "sha512-bRRFxLfg5dtAyl5XyiVWz/ZBPahpOpPrNYnnHpOpUZvam4tKH35wdhP4Kj6PbM0+KdliOsPzbGWpkxcdpNB/sg==",
+      "license": "MIT"
+    },
     "node_modules/acorn": {
       "version": "8.12.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
@@ -980,7 +1108,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/binary-extensions": {
@@ -3198,6 +3325,15 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jschardet": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/jschardet/-/jschardet-3.1.3.tgz",
+      "integrity": "sha512-Q1PKVMK/uu+yjdlobgWIYkUOCR1SqUmW9m/eUJNNj4zI2N12i25v8fYpVf+zCakQeaTdBdhnZTFbVIAVZIVVOg==",
+      "license": "LGPL-2.1+",
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
@@ -3408,6 +3544,59 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/monaco-editor": {
+      "version": "0.51.0",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.51.0.tgz",
+      "integrity": "sha512-xaGwVV1fq343cM7aOYB6lVE4Ugf0UyimdD/x5PWcWBMKENwectaEu77FAN7c5sFiyumqeJdX1RPTh1ocioyDjw==",
+      "license": "MIT"
+    },
+    "node_modules/monaco-editor-core": {
+      "version": "0.51.0",
+      "resolved": "https://registry.npmjs.org/monaco-editor-core/-/monaco-editor-core-0.51.0.tgz",
+      "integrity": "sha512-wNWSPfvQirGt2vxn9DzlwnXURPH20kyND60UZXD+Vk9x7+QbUpV5Cc1J5ojlSq3lxu1dEIMpG5gbL7oPJSCRWw==",
+      "license": "MIT"
+    },
+    "node_modules/monaco-languageclient": {
+      "version": "8.8.3",
+      "resolved": "https://registry.npmjs.org/monaco-languageclient/-/monaco-languageclient-8.8.3.tgz",
+      "integrity": "sha512-F/ETX2EuUgFnwxNXCrlPOplrINTPMzNvMJBKdl6ZzHnCucnaoJQt9nmqWZmNG4DU2cyaUwTMrcNODOgqQ+So4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@codingame/monaco-vscode-extensions-service-override": "~8.0.4",
+        "@codingame/monaco-vscode-languages-service-override": "~8.0.4",
+        "@codingame/monaco-vscode-localization-service-override": "~8.0.4",
+        "@codingame/monaco-vscode-model-service-override": "~8.0.4",
+        "monaco-editor": "npm:@codingame/monaco-vscode-editor-api@~8.0.4",
+        "vscode": "npm:@codingame/monaco-vscode-api@~8.0.4",
+        "vscode-languageclient": "~9.0.1"
+      },
+      "engines": {
+        "node": ">=16.11.0",
+        "npm": ">=9.0.0"
+      },
+      "peerDependencies": {
+        "monaco-editor": "npm:@codingame/monaco-vscode-editor-api@~8.0.4",
+        "vscode": "npm:@codingame/monaco-vscode-api@~8.0.4"
+      },
+      "peerDependenciesMeta": {
+        "monaco-editor": {
+          "optional": false
+        },
+        "vscode": {
+          "optional": false
+        }
+      }
+    },
+    "node_modules/monaco-languageclient/node_modules/monaco-editor": {
+      "name": "@codingame/monaco-vscode-editor-api",
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-editor-api/-/monaco-vscode-editor-api-8.0.4.tgz",
+      "integrity": "sha512-rKUdFRsnzTV1dj6FL/MD+cBIUAGv9aJNz8bTx4BA5sDK3lDWuifhdCBvk4WZEj6glfXe3sEfGXKy1Vp5btDOJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode": "npm:@codingame/monaco-vscode-api@8.0.4"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -4346,7 +4535,6 @@
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
       "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -4463,6 +4651,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/state-local": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz",
+      "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==",
+      "license": "MIT"
+    },
     "node_modules/stop-iteration-iterator": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
@@ -5064,6 +5258,84 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/vscode": {
+      "name": "@codingame/monaco-vscode-api",
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@codingame/monaco-vscode-api/-/monaco-vscode-api-8.0.4.tgz",
+      "integrity": "sha512-qZ+HwIijDvzwwWscMA73y9ARu5zUaENOdzi0jQftJP9j2k96cRghsaCV25OgnmpZ/1BemjB4HhHCcr71Gq+GPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codingame/monaco-vscode-base-service-override": "8.0.4",
+        "@codingame/monaco-vscode-environment-service-override": "8.0.4",
+        "@codingame/monaco-vscode-extensions-service-override": "8.0.4",
+        "@codingame/monaco-vscode-files-service-override": "8.0.4",
+        "@codingame/monaco-vscode-host-service-override": "8.0.4",
+        "@codingame/monaco-vscode-layout-service-override": "8.0.4",
+        "@codingame/monaco-vscode-quickaccess-service-override": "8.0.4",
+        "@vscode/iconv-lite-umd": "0.7.0",
+        "jschardet": "3.1.3"
+      }
+    },
+    "node_modules/vscode-jsonrpc": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz",
+      "integrity": "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/vscode-languageclient": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/vscode-languageclient/-/vscode-languageclient-9.0.1.tgz",
+      "integrity": "sha512-JZiimVdvimEuHh5olxhxkht09m3JzUGwggb5eRUkzzJhZ2KjCN0nh55VfiED9oez9DyF8/fz1g1iBV3h+0Z2EA==",
+      "license": "MIT",
+      "dependencies": {
+        "minimatch": "^5.1.0",
+        "semver": "^7.3.7",
+        "vscode-languageserver-protocol": "3.17.5"
+      },
+      "engines": {
+        "vscode": "^1.82.0"
+      }
+    },
+    "node_modules/vscode-languageclient/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/vscode-languageclient/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vscode-languageserver-protocol": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz",
+      "integrity": "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==",
+      "license": "MIT",
+      "dependencies": {
+        "vscode-jsonrpc": "8.2.0",
+        "vscode-languageserver-types": "3.17.5"
+      }
+    },
+    "node_modules/vscode-languageserver-types": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz",
+      "integrity": "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==",
+      "license": "MIT"
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/app/package.json b/app/package.json
index 5fe828a..8bd9c48 100644
--- a/app/package.json
+++ b/app/package.json
@@ -9,7 +9,11 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@monaco-editor/react": "^4.6.0",
     "date-fns": "^3.6.0",
+    "monaco-editor": "^0.51.0",
+    "monaco-editor-core": "^0.51.0",
+    "monaco-languageclient": "^8.8.3",
     "next": "14.2.5",
     "react": "^18",
     "react-dom": "^18"