diff --git a/.gitignore b/.gitignore
index b23a755..2bd4d5c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,4 +8,5 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
-build
\ No newline at end of file
+build
+test-results
\ No newline at end of file
diff --git a/README.md b/README.md
index 24dfe2a..5fcdbd6 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 # Glass Cursor
 
-Glass Cursor is a free and open source simple web-based markdown note-taking app. It can be used for
-writing text for any purpose with markdown. It's designed to be simple but yet useful. With its
+Glass Cursor is a free and open source simple web-based note-taking app. It can be used for
+writing text for any purpose. It's designed to be simple but yet useful. With its
 elegant user interface, you can focus on your notes without any friction.
diff --git a/package-lock.json b/package-lock.json
index 54d4f7e..1652933 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,25 +1,29 @@
 {
     "name": "glass_cursor",
-    "version": "0.0.1",
+    "version": "1.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "glass_cursor",
-            "version": "0.0.1",
+            "version": "1.0",
             "devDependencies": {
-                "@fortawesome/free-brands-svg-icons": "^6.5.1",
-                "@fortawesome/free-solid-svg-icons": "^6.5.1",
-                "@fortawesome/svelte-fontawesome": "^0.2.2",
                 "@playwright/test": "^1.28.1",
                 "@sveltejs/adapter-auto": "^3.0.0",
                 "@sveltejs/adapter-static": "^3.0.1",
                 "@sveltejs/kit": "^2.0.0",
                 "@sveltejs/vite-plugin-svelte": "^3.0.0",
                 "@tailwindcss/typography": "^0.5.10",
+                "@tiptap/core": "^2.2.4",
+                "@tiptap/extension-bubble-menu": "^2.2.4",
+                "@tiptap/extension-code-block-lowlight": "^2.2.4",
+                "@tiptap/extension-typography": "^2.2.4",
+                "@tiptap/pm": "^2.2.4",
+                "@tiptap/starter-kit": "^2.2.4",
                 "@types/eslint": "^8.56.0",
                 "@types/markdown-it": "^13.0.7",
                 "@types/node": "^20.11.28",
+                "@types/turndown": "^5.0.4",
                 "@typescript-eslint/eslint-plugin": "^7.0.0",
                 "@typescript-eslint/parser": "^7.0.0",
                 "autoprefixer": "^10.4.18",
@@ -27,7 +31,8 @@
                 "eslint-config-prettier": "^9.1.0",
                 "eslint-plugin-svelte": "^2.35.1",
                 "highlight.js": "^11.9.0",
-                "markdown-it": "^14.0.0",
+                "lowlight": "^3.1.0",
+                "lucide-svelte": "^0.363.0",
                 "postcss": "^8.4.35",
                 "prettier": "^3.2.5",
                 "prettier-plugin-svelte": "^3.1.2",
@@ -36,8 +41,12 @@
                 "svelte-check": "^3.6.0",
                 "tailwindcss": "^3.4.1",
                 "tslib": "^2.4.1",
+                "turndown": "^7.1.3",
                 "typescript": "^5.0.0",
                 "vite": "^5.0.3"
+            },
+            "optionalDependencies": {
+                "@rollup/rollup-linux-x64-gnu": "^4.13.2"
             }
         },
         "node_modules/@aashutoshrathi/word-wrap": {
@@ -520,66 +529,6 @@
                 "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
             }
         },
-        "node_modules/@fortawesome/fontawesome-common-types": {
-            "version": "6.5.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.1.tgz",
-            "integrity": "sha512-GkWzv+L6d2bI5f/Vk6ikJ9xtl7dfXtoRu3YGE6nq0p/FFqA1ebMOAWg3XgRyb0I6LYyYkiAo+3/KrwuBp8xG7A==",
-            "dev": true,
-            "hasInstallScript": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/fontawesome-svg-core": {
-            "version": "6.5.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.1.tgz",
-            "integrity": "sha512-MfRCYlQPXoLlpem+egxjfkEuP9UQswTrlCOsknus/NcMoblTH2g0jPrapbcIb04KGA7E2GZxbAccGZfWoYgsrQ==",
-            "dev": true,
-            "hasInstallScript": true,
-            "peer": true,
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.5.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/free-brands-svg-icons": {
-            "version": "6.5.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.5.1.tgz",
-            "integrity": "sha512-093l7DAkx0aEtBq66Sf19MgoZewv1zeY9/4C7vSKPO4qMwEsW/2VYTUTpBtLwfb9T2R73tXaRDPmE4UqLCYHfg==",
-            "dev": true,
-            "hasInstallScript": true,
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.5.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/free-solid-svg-icons": {
-            "version": "6.5.1",
-            "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.1.tgz",
-            "integrity": "sha512-S1PPfU3mIJa59biTtXJz1oI0+KAXW6bkAb31XKhxdxtuXDiUIFsih4JR1v5BbxY7hVHsD1RKq+jRkVRaf773NQ==",
-            "dev": true,
-            "hasInstallScript": true,
-            "dependencies": {
-                "@fortawesome/fontawesome-common-types": "6.5.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/@fortawesome/svelte-fontawesome": {
-            "version": "0.2.2",
-            "resolved": "https://registry.npmjs.org/@fortawesome/svelte-fontawesome/-/svelte-fontawesome-0.2.2.tgz",
-            "integrity": "sha512-mOtb+KygPEol7wOgUbINVCyLVKTz7C36BKxTJ3D2VAuOpT4pW5FfCdzKYSg8mm5IuHQ5qFg/Ey9cX9ubYNGDYw==",
-            "dev": true,
-            "peerDependencies": {
-                "@fortawesome/fontawesome-svg-core": "~1 || ~6",
-                "svelte": ">=3.x"
-            }
-        },
         "node_modules/@humanwhocodes/config-array": {
             "version": "0.11.14",
             "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
@@ -793,10 +742,26 @@
             "integrity": "sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==",
             "dev": true
         },
+        "node_modules/@popperjs/core": {
+            "version": "2.11.8",
+            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+            "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+            "dev": true,
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/popperjs"
+            }
+        },
+        "node_modules/@remirror/core-constants": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz",
+            "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ==",
+            "dev": true
+        },
         "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.13.0.tgz",
-            "integrity": "sha512-5ZYPOuaAqEH/W3gYsRkxQATBW3Ii1MfaT4EQstTnLKViLi2gLSQmlmtTpGucNP3sXEpOiI5tdGhjdE111ekyEg==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.13.2.tgz",
+            "integrity": "sha512-3XFIDKWMFZrMnao1mJhnOT1h2g0169Os848NhhmGweEcfJ4rCi+3yMCOLG4zA61rbJdkcrM/DjVZm9Hg5p5w7g==",
             "cpu": [
                 "arm"
             ],
@@ -807,9 +772,9 @@
             ]
         },
         "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.13.0.tgz",
-            "integrity": "sha512-BSbaCmn8ZadK3UAQdlauSvtaJjhlDEjS5hEVVIN3A4bbl3X+otyf/kOJV08bYiRxfejP3DXFzO2jz3G20107+Q==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.13.2.tgz",
+            "integrity": "sha512-GdxxXbAuM7Y/YQM9/TwwP+L0omeE/lJAR1J+olu36c3LqqZEBdsIWeQ91KBe6nxwOnb06Xh7JS2U5ooWU5/LgQ==",
             "cpu": [
                 "arm64"
             ],
@@ -820,9 +785,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.13.0.tgz",
-            "integrity": "sha512-Ovf2evVaP6sW5Ut0GHyUSOqA6tVKfrTHddtmxGQc1CTQa1Cw3/KMCDEEICZBbyppcwnhMwcDce9ZRxdWRpVd6g==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.13.2.tgz",
+            "integrity": "sha512-mCMlpzlBgOTdaFs83I4XRr8wNPveJiJX1RLfv4hggyIVhfB5mJfN4P8Z6yKh+oE4Luz+qq1P3kVdWrCKcMYrrA==",
             "cpu": [
                 "arm64"
             ],
@@ -833,9 +798,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.13.0.tgz",
-            "integrity": "sha512-U+Jcxm89UTK592vZ2J9st9ajRv/hrwHdnvyuJpa5A2ngGSVHypigidkQJP+YiGL6JODiUeMzkqQzbCG3At81Gg==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.13.2.tgz",
+            "integrity": "sha512-yUoEvnH0FBef/NbB1u6d3HNGyruAKnN74LrPAfDQL3O32e3k3OSfLrPgSJmgb3PJrBZWfPyt6m4ZhAFa2nZp2A==",
             "cpu": [
                 "x64"
             ],
@@ -846,9 +811,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.13.0.tgz",
-            "integrity": "sha512-8wZidaUJUTIR5T4vRS22VkSMOVooG0F4N+JSwQXWSRiC6yfEsFMLTYRFHvby5mFFuExHa/yAp9juSphQQJAijQ==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.13.2.tgz",
+            "integrity": "sha512-GYbLs5ErswU/Xs7aGXqzc3RrdEjKdmoCrgzhJWyFL0r5fL3qd1NPcDKDowDnmcoSiGJeU68/Vy+OMUluRxPiLQ==",
             "cpu": [
                 "arm"
             ],
@@ -859,9 +824,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.13.0.tgz",
-            "integrity": "sha512-Iu0Kno1vrD7zHQDxOmvweqLkAzjxEVqNhUIXBsZ8hu8Oak7/5VTPrxOEZXYC1nmrBVJp0ZcL2E7lSuuOVaE3+w==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.13.2.tgz",
+            "integrity": "sha512-L1+D8/wqGnKQIlh4Zre9i4R4b4noxzH5DDciyahX4oOz62CphY7WDWqJoQ66zNR4oScLNOqQJfNSIAe/6TPUmQ==",
             "cpu": [
                 "arm64"
             ],
@@ -872,9 +837,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.13.0.tgz",
-            "integrity": "sha512-C31QrW47llgVyrRjIwiOwsHFcaIwmkKi3PCroQY5aVq4H0A5v/vVVAtFsI1nfBngtoRpeREvZOkIhmRwUKkAdw==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.13.2.tgz",
+            "integrity": "sha512-tK5eoKFkXdz6vjfkSTCupUzCo40xueTOiOO6PeEIadlNBkadH1wNOH8ILCPIl8by/Gmb5AGAeQOFeLev7iZDOA==",
             "cpu": [
                 "arm64"
             ],
@@ -884,10 +849,23 @@
                 "linux"
             ]
         },
+        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.13.2.tgz",
+            "integrity": "sha512-zvXvAUGGEYi6tYhcDmb9wlOckVbuD+7z3mzInCSTACJ4DQrdSLPNUeDIcAQW39M3q6PDquqLWu7pnO39uSMRzQ==",
+            "cpu": [
+                "ppc64le"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
         "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.13.0.tgz",
-            "integrity": "sha512-Oq90dtMHvthFOPMl7pt7KmxzX7E71AfyIhh+cPhLY9oko97Zf2C9tt/XJD4RgxhaGeAraAXDtqxvKE1y/j35lA==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.13.2.tgz",
+            "integrity": "sha512-C3GSKvMtdudHCN5HdmAMSRYR2kkhgdOfye4w0xzyii7lebVr4riCgmM6lRiSCnJn2w1Xz7ZZzHKuLrjx5620kw==",
             "cpu": [
                 "riscv64"
             ],
@@ -897,23 +875,35 @@
                 "linux"
             ]
         },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.13.2.tgz",
+            "integrity": "sha512-l4U0KDFwzD36j7HdfJ5/TveEQ1fUTjFFQP5qIt9gBqBgu1G8/kCaq5Ok05kd5TG9F8Lltf3MoYsUMw3rNlJ0Yg==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
         "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.0.tgz",
-            "integrity": "sha512-yUD/8wMffnTKuiIsl6xU+4IA8UNhQ/f1sAnQebmE/lyQ8abjsVyDkyRkWop0kdMhKMprpNIhPmYlCxgHrPoXoA==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.2.tgz",
+            "integrity": "sha512-xXMLUAMzrtsvh3cZ448vbXqlUa7ZL8z0MwHp63K2IIID2+DeP5iWIT6g1SN7hg1VxPzqx0xZdiDM9l4n9LRU1A==",
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "optional": true,
             "os": [
                 "linux"
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.13.0.tgz",
-            "integrity": "sha512-9RyNqoFNdF0vu/qqX63fKotBh43fJQeYC98hCaf89DYQpv+xu0D8QFSOS0biA7cGuqJFOc1bJ+m2rhhsKcw1hw==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.13.2.tgz",
+            "integrity": "sha512-M/JYAWickafUijWPai4ehrjzVPKRCyDb1SLuO+ZyPfoXgeCEAlgPkNXewFZx0zcnoIe3ay4UjXIMdXQXOZXWqA==",
             "cpu": [
                 "x64"
             ],
@@ -924,9 +914,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.13.0.tgz",
-            "integrity": "sha512-46ue8ymtm/5PUU6pCvjlic0z82qWkxv54GTJZgHrQUuZnVH+tvvSP0LsozIDsCBFO4VjJ13N68wqrKSeScUKdA==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.13.2.tgz",
+            "integrity": "sha512-2YWwoVg9KRkIKaXSh0mz3NmfurpmYoBBTAXA9qt7VXk0Xy12PoOP40EFuau+ajgALbbhi4uTj3tSG3tVseCjuA==",
             "cpu": [
                 "arm64"
             ],
@@ -937,9 +927,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.13.0.tgz",
-            "integrity": "sha512-P5/MqLdLSlqxbeuJ3YDeX37srC8mCflSyTrUsgbU1c/U9j6l2g2GiIdYaGD9QjdMQPMSgYm7hgg0551wHyIluw==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.13.2.tgz",
+            "integrity": "sha512-2FSsE9aQ6OWD20E498NYKEQLneShWes0NGMPQwxWOdws35qQXH+FplabOSP5zEe1pVjurSDOGEVCE2agFwSEsw==",
             "cpu": [
                 "ia32"
             ],
@@ -950,9 +940,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.13.0.tgz",
-            "integrity": "sha512-UKXUQNbO3DOhzLRwHSpa0HnhhCgNODvfoPWv2FCXme8N/ANFfhIPMGuOT+QuKd16+B5yxZ0HdpNlqPvTMS1qfw==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.13.2.tgz",
+            "integrity": "sha512-7h7J2nokcdPePdKykd8wtc8QqqkqxIrUz7MHj6aNr8waBRU//NLDVnNjQnqQO6fqtjrtCdftpbTuOKAyrAQETQ==",
             "cpu": [
                 "x64"
             ],
@@ -963,9 +953,9 @@
             ]
         },
         "node_modules/@sveltejs/adapter-auto": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-3.1.1.tgz",
-            "integrity": "sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==",
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-3.2.0.tgz",
+            "integrity": "sha512-She5nKT47kwHE18v9NMe6pbJcvULr82u0V3yZ0ej3n1laWKGgkgdEABE9/ak5iDPs93LqsBkuIo51kkwCLBjJA==",
             "dev": true,
             "dependencies": {
                 "import-meta-resolve": "^4.0.0"
@@ -984,9 +974,9 @@
             }
         },
         "node_modules/@sveltejs/kit": {
-            "version": "2.5.4",
-            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.5.4.tgz",
-            "integrity": "sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==",
+            "version": "2.5.5",
+            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.5.5.tgz",
+            "integrity": "sha512-ULe3PB00q4+wYRL+IS5FDPsCEVnhEITofm7b9Yz8malcH3r1SAnW/JJ6T13hIMeu8QNRIuVQWo+P4+2VklbnLQ==",
             "dev": true,
             "hasInstallScript": true,
             "dependencies": {
@@ -1055,9 +1045,9 @@
             }
         },
         "node_modules/@tailwindcss/typography": {
-            "version": "0.5.10",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.10.tgz",
-            "integrity": "sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==",
+            "version": "0.5.12",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.12.tgz",
+            "integrity": "sha512-CNwpBpconcP7ppxmuq3qvaCxiRWnbhANpY/ruH4L5qs2GCiVDJXde/pjj2HWPV1+Q4G9+V/etrwUYopdcjAlyg==",
             "dev": true,
             "dependencies": {
                 "lodash.castarray": "^4.4.0",
@@ -1069,6 +1059,364 @@
                 "tailwindcss": ">=3.0.0 || insiders"
             }
         },
+        "node_modules/@tiptap/core": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.2.4.tgz",
+            "integrity": "sha512-cRrI8IlLIhCE1hacBQzXIC8dsRvGq6a4lYWQK/BaHuZg21CG7szp3Vd8Ix+ra1f5v0xPOT+Hy+QFNQooRMKMCw==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/pm": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-blockquote": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.2.4.tgz",
+            "integrity": "sha512-FrfPnn0VgVrUwWLwja1afX99JGLp6PE9ThVcmri+tLwUZQvTTVcCvHoCdOakav3/nge1+aV4iE3tQdyq1tWI9Q==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-bold": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.2.4.tgz",
+            "integrity": "sha512-v3tTLc8YESFZPOGj5ByFr8VbmQ/PTo49T1vsK50VubxIN/5r9cXlKH8kb3dZlZxCxJa3FrXNO/M8rdGBSWQvSg==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-bubble-menu": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.2.4.tgz",
+            "integrity": "sha512-Nx1fS9jcFlhxaTDYlnayz2UulhK6CMaePc36+7PQIVI+u20RhgTCRNr25zKNemvsiM0RPZZVUjlHkxC0l5as1Q==",
+            "dev": true,
+            "dependencies": {
+                "tippy.js": "^6.3.7"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-bullet-list": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.2.4.tgz",
+            "integrity": "sha512-z/MPmW8bhRougMuorl6MAQBXeK4rhlP+jBWlNwT+CT8h5IkXqPnDbM1sZeagp2nYfVV6Yc4RWpzimqHHtGnYTA==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-code": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.2.4.tgz",
+            "integrity": "sha512-JB4SJ2mUU/9qXFUf+K5K9szvovnN9AIcCb0f0UlcVBuddKHSqCl3wO3QJgYt44BfQTLMNuyzr+zVqfFd6BNt/g==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-code-block": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.2.4.tgz",
+            "integrity": "sha512-h6WV9TmaBEZmvqe1ezMR83DhCPUap6P2mSR5pwVk0WVq6rvZjfgU0iF3EetBJOeDgPlz7cNe2NMDfVb1nGTM/g==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-code-block-lowlight": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.2.4.tgz",
+            "integrity": "sha512-FxrpY2Lj6kV6pu5LcaeccE3lqOqvOyFSfMGRV6x1OGOMV9TIFJKIVEIcEhqoiqEnuJZzSmQSx7QZqzOvquZo+A==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/extension-code-block": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-document": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.2.4.tgz",
+            "integrity": "sha512-z+05xGK0OFoXV1GL+/8bzcZuWMdMA3+EKwk5c+iziG60VZcvGTF7jBRsZidlu9Oaj0cDwWHCeeo6L9SgSh6i2A==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-dropcursor": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.2.4.tgz",
+            "integrity": "sha512-IHwkEKmqpqXyJi16h7871NrcIqeyN7I6XRE2qdqi+MhGigVWI8nWHoYbjRKa7K/1uhs5zeRYyDlq5EuZyL6mgA==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-gapcursor": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.2.4.tgz",
+            "integrity": "sha512-Y6htT/RDSqkQ1UwG2Ia+rNVRvxrKPOs3RbqKHPaWr3vbFWwhHyKhMCvi/FqfI3d5pViVHOZQ7jhb5hT/a0BmNw==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-hard-break": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.2.4.tgz",
+            "integrity": "sha512-FPvS57GcqHIeLbPKGJa3gnH30Xw+YB1PXXnAWG2MpnMtc2Vtj1l5xaYYBZB+ADdXLAlU0YMbKhFLQO4+pg1Isg==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-heading": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.2.4.tgz",
+            "integrity": "sha512-gkq7Ns2FcrOCRq7Q+VRYt5saMt2R9g4REAtWy/jEevJ5UV5vA2AiGnYDmxwAkHutoYU0sAUkjqx37wE0wpamNw==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-history": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.2.4.tgz",
+            "integrity": "sha512-FDM32XYF5NU4mzh+fJ8w2CyUqv0l2Nl15sd6fOhQkVxSj8t57z+DUXc9ZR3zkH+1RAagYJo/2Gu3e99KpMr0tg==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-horizontal-rule": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.2.4.tgz",
+            "integrity": "sha512-iCRHjFQQHApWg3R4fkKkJQhWEOdu1Fdc4YEAukdOXPSg3fg36IwjvsMXjt9SYBtVZ+iio3rORCZGXyMvgCH9uw==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-italic": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.2.4.tgz",
+            "integrity": "sha512-qIhGNvWnsQswSgEMRA8jQQjxfkOGNAuNWKEVQX9DPoqAUgknT41hQcAMP8L2+OdACpb2jbVMOO5Cy5Dof2L8/w==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-list-item": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.2.4.tgz",
+            "integrity": "sha512-lPLKGKsHpM9ClUa8n7GEUn8pG6HCYU0vFruIy3l2t6jZdHkrgBnYtVGMZ13K8UDnj/hlAlccxku0D0P4mA1Vrg==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-ordered-list": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.2.4.tgz",
+            "integrity": "sha512-TpFy140O9Af1JciXt+xwqYUXxcJ6YG8zi/B5UDJujp+FH5sCmlYYBBnWxiFMhVaj6yEmA2eafu1qUkic/1X5Aw==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-paragraph": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.2.4.tgz",
+            "integrity": "sha512-m1KwyvTNJxsq7StbspbcOhxO4Wk4YpElDbqOouWi+H4c8azdpI5Pn96ZqhFeE9bSyjByg6OcB/wqoJsLbeFWdQ==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-strike": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.2.4.tgz",
+            "integrity": "sha512-/a2EwQgA+PpG17V2tVRspcrIY0SN3blwcgM7lxdW4aucGkqSKnf7+91dkhQEwCZ//o8kv9mBCyRoCUcGy6S5Xg==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-text": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.2.4.tgz",
+            "integrity": "sha512-NlKHMPnRJXB+0AGtDlU0P2Pg+SdesA2lMMd7JzDUgJgL7pX2jOb8eUqSeOjFKuSzFSqYfH6C3o6mQiNhuQMv+g==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/extension-typography": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-2.2.4.tgz",
+            "integrity": "sha512-1gmvr74uk44Wzxd6QI+dKz/M//xaD15yYwUtcRc9+ohbfvCqtRl3XDVoxl3MQmDMljcui5kMMaRcFNvW1Kujvg==",
+            "dev": true,
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
+        },
+        "node_modules/@tiptap/pm": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.2.4.tgz",
+            "integrity": "sha512-Po0klR165zgtinhVp1nwMubjyKx6gAY9kH3IzcniYLCkqhPgiqnAcCr61TBpp4hfK8YURBS4ihvCB1dyfCyY8A==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-changeset": "^2.2.1",
+                "prosemirror-collab": "^1.3.1",
+                "prosemirror-commands": "^1.5.2",
+                "prosemirror-dropcursor": "^1.8.1",
+                "prosemirror-gapcursor": "^1.3.2",
+                "prosemirror-history": "^1.3.2",
+                "prosemirror-inputrules": "^1.3.0",
+                "prosemirror-keymap": "^1.2.2",
+                "prosemirror-markdown": "^1.12.0",
+                "prosemirror-menu": "^1.2.4",
+                "prosemirror-model": "^1.19.4",
+                "prosemirror-schema-basic": "^1.2.2",
+                "prosemirror-schema-list": "^1.3.0",
+                "prosemirror-state": "^1.4.3",
+                "prosemirror-tables": "^1.3.5",
+                "prosemirror-trailing-node": "^2.0.7",
+                "prosemirror-transform": "^1.8.0",
+                "prosemirror-view": "^1.32.7"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            }
+        },
+        "node_modules/@tiptap/starter-kit": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.2.4.tgz",
+            "integrity": "sha512-Kbk7qUfIZg3+bNa3e/wBeDQt4jJB46uQgM+xy5NSY6H8NZP6gdmmap3aIrn9S/W/hGpxJl4RcXAeaT0CQji9XA==",
+            "dev": true,
+            "dependencies": {
+                "@tiptap/core": "^2.2.4",
+                "@tiptap/extension-blockquote": "^2.2.4",
+                "@tiptap/extension-bold": "^2.2.4",
+                "@tiptap/extension-bullet-list": "^2.2.4",
+                "@tiptap/extension-code": "^2.2.4",
+                "@tiptap/extension-code-block": "^2.2.4",
+                "@tiptap/extension-document": "^2.2.4",
+                "@tiptap/extension-dropcursor": "^2.2.4",
+                "@tiptap/extension-gapcursor": "^2.2.4",
+                "@tiptap/extension-hard-break": "^2.2.4",
+                "@tiptap/extension-heading": "^2.2.4",
+                "@tiptap/extension-history": "^2.2.4",
+                "@tiptap/extension-horizontal-rule": "^2.2.4",
+                "@tiptap/extension-italic": "^2.2.4",
+                "@tiptap/extension-list-item": "^2.2.4",
+                "@tiptap/extension-ordered-list": "^2.2.4",
+                "@tiptap/extension-paragraph": "^2.2.4",
+                "@tiptap/extension-strike": "^2.2.4",
+                "@tiptap/extension-text": "^2.2.4"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            }
+        },
         "node_modules/@types/cookie": {
             "version": "0.6.0",
             "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
@@ -1091,6 +1439,15 @@
             "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
             "dev": true
         },
+        "node_modules/@types/hast": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+            "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+            "dev": true,
+            "dependencies": {
+                "@types/unist": "*"
+            }
+        },
         "node_modules/@types/json-schema": {
             "version": "7.0.15",
             "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -1120,9 +1477,9 @@
             "dev": true
         },
         "node_modules/@types/node": {
-            "version": "20.11.30",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.30.tgz",
-            "integrity": "sha512-dHM6ZxwlmuZaRmUPfv1p+KrdD1Dci04FbdEm/9wEMouFqxYoFl5aMkt0VMAUtYRQDyYvD41WJLukhq/ha3YuTw==",
+            "version": "20.12.2",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.2.tgz",
+            "integrity": "sha512-zQ0NYO87hyN6Xrclcqp7f8ZbXNbRfoGWNcMvHTPQp9UUrwI0mI7XBz+cu7/W6/VClYo2g63B0cjull/srU7LgQ==",
             "dev": true,
             "dependencies": {
                 "undici-types": "~5.26.4"
@@ -1140,17 +1497,29 @@
             "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
             "dev": true
         },
+        "node_modules/@types/turndown": {
+            "version": "5.0.4",
+            "resolved": "https://registry.npmjs.org/@types/turndown/-/turndown-5.0.4.tgz",
+            "integrity": "sha512-28GI33lCCkU4SGH1GvjDhFgOVr+Tym4PXGBIU1buJUa6xQolniPArtUT+kv42RR2N9MsMLInkr904Aq+ESHBJg==",
+            "dev": true
+        },
+        "node_modules/@types/unist": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
+            "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==",
+            "dev": true
+        },
         "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "7.3.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.3.1.tgz",
-            "integrity": "sha512-STEDMVQGww5lhCuNXVSQfbfuNII5E08QWkvAw5Qwf+bj2WT+JkG1uc+5/vXA3AOYMDHVOSpL+9rcbEUiHIm2dw==",
+            "version": "7.4.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.4.0.tgz",
+            "integrity": "sha512-yHMQ/oFaM7HZdVrVm/M2WHaNPgyuJH4WelkSVEWSSsir34kxW2kDJCxlXRhhGWEsMN0WAW/vLpKfKVcm8k+MPw==",
             "dev": true,
             "dependencies": {
                 "@eslint-community/regexpp": "^4.5.1",
-                "@typescript-eslint/scope-manager": "7.3.1",
-                "@typescript-eslint/type-utils": "7.3.1",
-                "@typescript-eslint/utils": "7.3.1",
-                "@typescript-eslint/visitor-keys": "7.3.1",
+                "@typescript-eslint/scope-manager": "7.4.0",
+                "@typescript-eslint/type-utils": "7.4.0",
+                "@typescript-eslint/utils": "7.4.0",
+                "@typescript-eslint/visitor-keys": "7.4.0",
                 "debug": "^4.3.4",
                 "graphemer": "^1.4.0",
                 "ignore": "^5.2.4",
@@ -1176,15 +1545,15 @@
             }
         },
         "node_modules/@typescript-eslint/parser": {
-            "version": "7.3.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.3.1.tgz",
-            "integrity": "sha512-Rq49+pq7viTRCH48XAbTA+wdLRrB/3sRq4Lpk0oGDm0VmnjBrAOVXH/Laalmwsv2VpekiEfVFwJYVk6/e8uvQw==",
+            "version": "7.4.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.4.0.tgz",
+            "integrity": "sha512-ZvKHxHLusweEUVwrGRXXUVzFgnWhigo4JurEj0dGF1tbcGh6buL+ejDdjxOQxv6ytcY1uhun1p2sm8iWStlgLQ==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/scope-manager": "7.3.1",
-                "@typescript-eslint/types": "7.3.1",
-                "@typescript-eslint/typescript-estree": "7.3.1",
-                "@typescript-eslint/visitor-keys": "7.3.1",
+                "@typescript-eslint/scope-manager": "7.4.0",
+                "@typescript-eslint/types": "7.4.0",
+                "@typescript-eslint/typescript-estree": "7.4.0",
+                "@typescript-eslint/visitor-keys": "7.4.0",
                 "debug": "^4.3.4"
             },
             "engines": {
@@ -1204,13 +1573,13 @@
             }
         },
         "node_modules/@typescript-eslint/scope-manager": {
-            "version": "7.3.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.3.1.tgz",
-            "integrity": "sha512-fVS6fPxldsKY2nFvyT7IP78UO1/I2huG+AYu5AMjCT9wtl6JFiDnsv4uad4jQ0GTFzcUV5HShVeN96/17bTBag==",
+            "version": "7.4.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.4.0.tgz",
+            "integrity": "sha512-68VqENG5HK27ypafqLVs8qO+RkNc7TezCduYrx8YJpXq2QGZ30vmNZGJJJC48+MVn4G2dCV8m5ZTVnzRexTVtw==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/types": "7.3.1",
-                "@typescript-eslint/visitor-keys": "7.3.1"
+                "@typescript-eslint/types": "7.4.0",
+                "@typescript-eslint/visitor-keys": "7.4.0"
             },
             "engines": {
                 "node": "^18.18.0 || >=20.0.0"
@@ -1221,13 +1590,13 @@
             }
         },
         "node_modules/@typescript-eslint/type-utils": {
-            "version": "7.3.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.3.1.tgz",
-            "integrity": "sha512-iFhaysxFsMDQlzJn+vr3OrxN8NmdQkHks4WaqD4QBnt5hsq234wcYdyQ9uquzJJIDAj5W4wQne3yEsYA6OmXGw==",
+            "version": "7.4.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.4.0.tgz",
+            "integrity": "sha512-247ETeHgr9WTRMqHbbQdzwzhuyaJ8dPTuyuUEMANqzMRB1rj/9qFIuIXK7l0FX9i9FXbHeBQl/4uz6mYuCE7Aw==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/typescript-estree": "7.3.1",
-                "@typescript-eslint/utils": "7.3.1",
+                "@typescript-eslint/typescript-estree": "7.4.0",
+                "@typescript-eslint/utils": "7.4.0",
                 "debug": "^4.3.4",
                 "ts-api-utils": "^1.0.1"
             },
@@ -1248,9 +1617,9 @@
             }
         },
         "node_modules/@typescript-eslint/types": {
-            "version": "7.3.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.3.1.tgz",
-            "integrity": "sha512-2tUf3uWggBDl4S4183nivWQ2HqceOZh1U4hhu4p1tPiIJoRRXrab7Y+Y0p+dozYwZVvLPRI6r5wKe9kToF9FIw==",
+            "version": "7.4.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.4.0.tgz",
+            "integrity": "sha512-mjQopsbffzJskos5B4HmbsadSJQWaRK0UxqQ7GuNA9Ga4bEKeiO6b2DnB6cM6bpc8lemaPseh0H9B/wyg+J7rw==",
             "dev": true,
             "engines": {
                 "node": "^18.18.0 || >=20.0.0"
@@ -1261,13 +1630,13 @@
             }
         },
         "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "7.3.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.3.1.tgz",
-            "integrity": "sha512-tLpuqM46LVkduWP7JO7yVoWshpJuJzxDOPYIVWUUZbW+4dBpgGeUdl/fQkhuV0A8eGnphYw3pp8d2EnvPOfxmQ==",
+            "version": "7.4.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.4.0.tgz",
+            "integrity": "sha512-A99j5AYoME/UBQ1ucEbbMEmGkN7SE0BvZFreSnTd1luq7yulcHdyGamZKizU7canpGDWGJ+Q6ZA9SyQobipePg==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/types": "7.3.1",
-                "@typescript-eslint/visitor-keys": "7.3.1",
+                "@typescript-eslint/types": "7.4.0",
+                "@typescript-eslint/visitor-keys": "7.4.0",
                 "debug": "^4.3.4",
                 "globby": "^11.1.0",
                 "is-glob": "^4.0.3",
@@ -1289,17 +1658,17 @@
             }
         },
         "node_modules/@typescript-eslint/utils": {
-            "version": "7.3.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.3.1.tgz",
-            "integrity": "sha512-jIERm/6bYQ9HkynYlNZvXpzmXWZGhMbrOvq3jJzOSOlKXsVjrrolzWBjDW6/TvT5Q3WqaN4EkmcfdQwi9tDjBQ==",
+            "version": "7.4.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.4.0.tgz",
+            "integrity": "sha512-NQt9QLM4Tt8qrlBVY9lkMYzfYtNz8/6qwZg8pI3cMGlPnj6mOpRxxAm7BMJN9K0AiY+1BwJ5lVC650YJqYOuNg==",
             "dev": true,
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.4.0",
                 "@types/json-schema": "^7.0.12",
                 "@types/semver": "^7.5.0",
-                "@typescript-eslint/scope-manager": "7.3.1",
-                "@typescript-eslint/types": "7.3.1",
-                "@typescript-eslint/typescript-estree": "7.3.1",
+                "@typescript-eslint/scope-manager": "7.4.0",
+                "@typescript-eslint/types": "7.4.0",
+                "@typescript-eslint/typescript-estree": "7.4.0",
                 "semver": "^7.5.4"
             },
             "engines": {
@@ -1314,12 +1683,12 @@
             }
         },
         "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "7.3.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.3.1.tgz",
-            "integrity": "sha512-9RMXwQF8knsZvfv9tdi+4D/j7dMG28X/wMJ8Jj6eOHyHWwDW4ngQJcqEczSsqIKKjFiLFr40Mnr7a5ulDD3vmw==",
+            "version": "7.4.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.4.0.tgz",
+            "integrity": "sha512-0zkC7YM0iX5Y41homUUeW1CHtZR01K3ybjM1l6QczoMuay0XKtrb93kv95AxUGwdjGr64nNqnOCwmEl616N8CA==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/types": "7.3.1",
+                "@typescript-eslint/types": "7.4.0",
                 "eslint-visitor-keys": "^3.4.1"
             },
             "engines": {
@@ -1591,9 +1960,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001600",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001600.tgz",
-            "integrity": "sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==",
+            "version": "1.0.30001603",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001603.tgz",
+            "integrity": "sha512-iL2iSS0eDILMb9n5yKQoTBim9jMZ0Yrk8g0N9K7UzYyWnfIKzXBZD5ngpM37ZcL/cv0Mli8XtVMRYMQAfFpi5Q==",
             "dev": true,
             "funding": [
                 {
@@ -1717,6 +2086,12 @@
                 "node": ">= 0.6"
             }
         },
+        "node_modules/crelt": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+            "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+            "dev": true
+        },
         "node_modules/cross-spawn": {
             "version": "7.0.3",
             "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -1812,6 +2187,19 @@
             "integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==",
             "dev": true
         },
+        "node_modules/devlop": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+            "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+            "dev": true,
+            "dependencies": {
+                "dequal": "^2.0.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/wooorm"
+            }
+        },
         "node_modules/didyoumean": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -1848,6 +2236,12 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/domino": {
+            "version": "2.1.6",
+            "resolved": "https://registry.npmjs.org/domino/-/domino-2.1.6.tgz",
+            "integrity": "sha512-3VdM/SXBZX2omc9JF9nOPCtDaYQ67BGp5CoLpIQlO2KCAPETs8TcDHacF26jXadGbvUteZzRTeos2fhID5+ucQ==",
+            "dev": true
+        },
         "node_modules/eastasianwidth": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -1855,9 +2249,9 @@
             "dev": true
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.4.715",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.715.tgz",
-            "integrity": "sha512-XzWNH4ZSa9BwVUQSDorPWAUQ5WGuYz7zJUNpNif40zFCiCl20t8zgylmreNmn26h5kiyw2lg7RfTmeMBsDklqg==",
+            "version": "1.4.722",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.722.tgz",
+            "integrity": "sha512-5nLE0TWFFpZ80Crhtp4pIp8LXCztjYX41yUcV6b+bKR2PqzjskTMOOlBi1VjBHlvHwS+4gar7kNKOrsbsewEZQ==",
             "dev": true
         },
         "node_modules/emoji-regex": {
@@ -2814,6 +3208,21 @@
             "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
             "dev": true
         },
+        "node_modules/lowlight": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-3.1.0.tgz",
+            "integrity": "sha512-CEbNVoSikAxwDMDPjXlqlFYiZLkDJHwyGu/MfOsJnF3d7f3tds5J3z8s/l9TMXhzfsJCCJEAsD78842mwmg0PQ==",
+            "dev": true,
+            "dependencies": {
+                "@types/hast": "^3.0.0",
+                "devlop": "^1.0.0",
+                "highlight.js": "~11.9.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/wooorm"
+            }
+        },
         "node_modules/lru-cache": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -2826,6 +3235,15 @@
                 "node": ">=10"
             }
         },
+        "node_modules/lucide-svelte": {
+            "version": "0.363.0",
+            "resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.363.0.tgz",
+            "integrity": "sha512-zpUBFtMEEOOjILgiDX48ijibUww3JUCLrMo5YDGX/De/m6I+vn+oWIGvdyZtuc8nz/P8xHW9vWLKzIWeMrRYbA==",
+            "dev": true,
+            "peerDependencies": {
+                "svelte": "^3 || ^4 || ^5.0.0-next.42"
+            }
+        },
         "node_modules/magic-string": {
             "version": "0.30.8",
             "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.8.tgz",
@@ -3070,6 +3488,12 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/orderedmap": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+            "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+            "dev": true
+        },
         "node_modules/p-limit": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -3146,12 +3570,12 @@
             "dev": true
         },
         "node_modules/path-scurry": {
-            "version": "1.10.1",
-            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
-            "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+            "version": "1.10.2",
+            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.2.tgz",
+            "integrity": "sha512-7xTavNy5RQXnsjANvVvMkEjvloOinkAjv/Z6Ildz9v2RinZ4SBKTWFOVRbaF8p0vpHnyjV/UwNDdKuUv6M5qcA==",
             "dev": true,
             "dependencies": {
-                "lru-cache": "^9.1.1 || ^10.0.0",
+                "lru-cache": "^10.2.0",
                 "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
             },
             "engines": {
@@ -3477,9 +3901,9 @@
             }
         },
         "node_modules/prettier-plugin-tailwindcss": {
-            "version": "0.5.12",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.12.tgz",
-            "integrity": "sha512-o74kiDBVE73oHW+pdkFSluHBL3cYEvru5YgEqNkBMFF7Cjv+w1vI565lTlfoJT4VLWDe0FMtZ7FkE/7a4pMXSQ==",
+            "version": "0.5.13",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.13.tgz",
+            "integrity": "sha512-2tPWHCFNC+WRjAC4SIWQNSOdcL1NNkydXim8w7TDqlZi+/ulZYz2OouAI6qMtkggnPt7lGamboj6LcTMwcCvoQ==",
             "dev": true,
             "engines": {
                 "node": ">=14.21.3"
@@ -3489,6 +3913,7 @@
                 "@prettier/plugin-pug": "*",
                 "@shopify/prettier-plugin-liquid": "*",
                 "@trivago/prettier-plugin-sort-imports": "*",
+                "@zackad/prettier-plugin-twig-melody": "*",
                 "prettier": "^3.0",
                 "prettier-plugin-astro": "*",
                 "prettier-plugin-css-order": "*",
@@ -3514,6 +3939,9 @@
                 "@trivago/prettier-plugin-sort-imports": {
                     "optional": true
                 },
+                "@zackad/prettier-plugin-twig-melody": {
+                    "optional": true
+                },
                 "prettier-plugin-astro": {
                     "optional": true
                 },
@@ -3543,12 +3971,203 @@
                 },
                 "prettier-plugin-svelte": {
                     "optional": true
-                },
-                "prettier-plugin-twig-melody": {
-                    "optional": true
                 }
             }
         },
+        "node_modules/prosemirror-changeset": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.2.1.tgz",
+            "integrity": "sha512-J7msc6wbxB4ekDFj+n9gTW/jav/p53kdlivvuppHsrZXCaQdVgRghoZbSS3kwrRyAstRVQ4/+u5k7YfLgkkQvQ==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-transform": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-collab": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
+            "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-state": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-commands": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.5.2.tgz",
+            "integrity": "sha512-hgLcPaakxH8tu6YvVAaILV2tXYsW3rAdDR8WNkeKGcgeMVQg3/TMhPdVoh7iAmfgVjZGtcOSjKiQaoeKjzd2mQ==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-model": "^1.0.0",
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-dropcursor": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.1.tgz",
+            "integrity": "sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.1.0",
+                "prosemirror-view": "^1.1.0"
+            }
+        },
+        "node_modules/prosemirror-gapcursor": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz",
+            "integrity": "sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-keymap": "^1.0.0",
+                "prosemirror-model": "^1.0.0",
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-view": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-history": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.0.tgz",
+            "integrity": "sha512-UUiGzDVcqo1lovOPdi9YxxUps3oBFWAIYkXLu3Ot+JPv1qzVogRbcizxK3LhHmtaUxclohgiOVesRw5QSlMnbQ==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-state": "^1.2.2",
+                "prosemirror-transform": "^1.0.0",
+                "prosemirror-view": "^1.31.0",
+                "rope-sequence": "^1.3.0"
+            }
+        },
+        "node_modules/prosemirror-inputrules": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.4.0.tgz",
+            "integrity": "sha512-6ygpPRuTJ2lcOXs9JkefieMst63wVJBgHZGl5QOytN7oSZs3Co/BYbc3Yx9zm9H37Bxw8kVzCnDsihsVsL4yEg==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-keymap": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.2.tgz",
+            "integrity": "sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-state": "^1.0.0",
+                "w3c-keyname": "^2.2.0"
+            }
+        },
+        "node_modules/prosemirror-markdown": {
+            "version": "1.12.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.12.0.tgz",
+            "integrity": "sha512-6F5HS8Z0HDYiS2VQDZzfZP6A0s/I0gbkJy8NCzzDMtcsz3qrfqyroMMeoSjAmOhDITyon11NbXSzztfKi+frSQ==",
+            "dev": true,
+            "dependencies": {
+                "markdown-it": "^14.0.0",
+                "prosemirror-model": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-menu": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.4.tgz",
+            "integrity": "sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==",
+            "dev": true,
+            "dependencies": {
+                "crelt": "^1.0.0",
+                "prosemirror-commands": "^1.0.0",
+                "prosemirror-history": "^1.0.0",
+                "prosemirror-state": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-model": {
+            "version": "1.19.4",
+            "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.19.4.tgz",
+            "integrity": "sha512-RPmVXxUfOhyFdayHawjuZCxiROsm9L4FCUA6pWI+l7n2yCBsWy9VpdE1hpDHUS8Vad661YLY9AzqfjLhAKQ4iQ==",
+            "dev": true,
+            "dependencies": {
+                "orderedmap": "^2.0.0"
+            }
+        },
+        "node_modules/prosemirror-schema-basic": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.2.tgz",
+            "integrity": "sha512-/dT4JFEGyO7QnNTe9UaKUhjDXbTNkiWTq/N4VpKaF79bBjSExVV2NXmJpcM7z/gD7mbqNjxbmWW5nf1iNSSGnw==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-model": "^1.19.0"
+            }
+        },
+        "node_modules/prosemirror-schema-list": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.3.0.tgz",
+            "integrity": "sha512-Hz/7gM4skaaYfRPNgr421CU4GSwotmEwBVvJh5ltGiffUJwm7C8GfN/Bc6DR1EKEp5pDKhODmdXXyi9uIsZl5A==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-model": "^1.0.0",
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.7.3"
+            }
+        },
+        "node_modules/prosemirror-state": {
+            "version": "1.4.3",
+            "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz",
+            "integrity": "sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-model": "^1.0.0",
+                "prosemirror-transform": "^1.0.0",
+                "prosemirror-view": "^1.27.0"
+            }
+        },
+        "node_modules/prosemirror-tables": {
+            "version": "1.3.7",
+            "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.3.7.tgz",
+            "integrity": "sha512-oEwX1wrziuxMtwFvdDWSFHVUWrFJWt929kVVfHvtTi8yvw+5ppxjXZkMG/fuTdFo+3DXyIPSKfid+Be1npKXDA==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-keymap": "^1.1.2",
+                "prosemirror-model": "^1.8.1",
+                "prosemirror-state": "^1.3.1",
+                "prosemirror-transform": "^1.2.1",
+                "prosemirror-view": "^1.13.3"
+            }
+        },
+        "node_modules/prosemirror-trailing-node": {
+            "version": "2.0.8",
+            "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.8.tgz",
+            "integrity": "sha512-ujRYhSuhQb1Jsarh1IHqb2KoSnRiD7wAMDGucP35DN7j5af6X7B18PfdPIrbwsPTqIAj0fyOvxbuPsWhNvylmA==",
+            "dev": true,
+            "dependencies": {
+                "@remirror/core-constants": "^2.0.2",
+                "escape-string-regexp": "^4.0.0"
+            },
+            "peerDependencies": {
+                "prosemirror-model": "^1.19.0",
+                "prosemirror-state": "^1.4.2",
+                "prosemirror-view": "^1.31.2"
+            }
+        },
+        "node_modules/prosemirror-transform": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.8.0.tgz",
+            "integrity": "sha512-BaSBsIMv52F1BVVMvOmp1yzD3u65uC3HTzCBQV1WDPqJRQ2LuHKcyfn0jwqodo8sR9vVzMzZyI+Dal5W9E6a9A==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-model": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-view": {
+            "version": "1.33.3",
+            "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.33.3.tgz",
+            "integrity": "sha512-P4Ao/bc4OrU/2yLIf8dL4lJaEtjLR3QjIvQHgJYp2jUS7kYM4bSR6okbBjkqzOs/FwUon6UGjTLdKMnPL1MZqw==",
+            "dev": true,
+            "dependencies": {
+                "prosemirror-model": "^1.16.0",
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.1.0"
+            }
+        },
         "node_modules/punycode": {
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -3660,9 +4279,9 @@
             }
         },
         "node_modules/rollup": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.13.0.tgz",
-            "integrity": "sha512-3YegKemjoQnYKmsBlOHfMLVPPA5xLkQ8MHLLSw/fBrFaVkEayL51DilPpNNLq1exr98F2B1TzrV0FUlN3gWRPg==",
+            "version": "4.13.2",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.13.2.tgz",
+            "integrity": "sha512-MIlLgsdMprDBXC+4hsPgzWUasLO9CE4zOkj/u6j+Z6j5A4zRY+CtiXAdJyPtgCsc42g658Aeh1DlrdVEJhsL2g==",
             "dev": true,
             "dependencies": {
                 "@types/estree": "1.0.5"
@@ -3675,22 +4294,30 @@
                 "npm": ">=8.0.0"
             },
             "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.13.0",
-                "@rollup/rollup-android-arm64": "4.13.0",
-                "@rollup/rollup-darwin-arm64": "4.13.0",
-                "@rollup/rollup-darwin-x64": "4.13.0",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.13.0",
-                "@rollup/rollup-linux-arm64-gnu": "4.13.0",
-                "@rollup/rollup-linux-arm64-musl": "4.13.0",
-                "@rollup/rollup-linux-riscv64-gnu": "4.13.0",
-                "@rollup/rollup-linux-x64-gnu": "4.13.0",
-                "@rollup/rollup-linux-x64-musl": "4.13.0",
-                "@rollup/rollup-win32-arm64-msvc": "4.13.0",
-                "@rollup/rollup-win32-ia32-msvc": "4.13.0",
-                "@rollup/rollup-win32-x64-msvc": "4.13.0",
+                "@rollup/rollup-android-arm-eabi": "4.13.2",
+                "@rollup/rollup-android-arm64": "4.13.2",
+                "@rollup/rollup-darwin-arm64": "4.13.2",
+                "@rollup/rollup-darwin-x64": "4.13.2",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.13.2",
+                "@rollup/rollup-linux-arm64-gnu": "4.13.2",
+                "@rollup/rollup-linux-arm64-musl": "4.13.2",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.13.2",
+                "@rollup/rollup-linux-riscv64-gnu": "4.13.2",
+                "@rollup/rollup-linux-s390x-gnu": "4.13.2",
+                "@rollup/rollup-linux-x64-gnu": "4.13.2",
+                "@rollup/rollup-linux-x64-musl": "4.13.2",
+                "@rollup/rollup-win32-arm64-msvc": "4.13.2",
+                "@rollup/rollup-win32-ia32-msvc": "4.13.2",
+                "@rollup/rollup-win32-x64-msvc": "4.13.2",
                 "fsevents": "~2.3.2"
             }
         },
+        "node_modules/rope-sequence": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+            "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+            "dev": true
+        },
         "node_modules/run-parallel": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -3988,16 +4615,16 @@
             }
         },
         "node_modules/sucrase/node_modules/glob": {
-            "version": "10.3.10",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-            "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+            "version": "10.3.12",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz",
+            "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==",
             "dev": true,
             "dependencies": {
                 "foreground-child": "^3.1.0",
-                "jackspeak": "^2.3.5",
+                "jackspeak": "^2.3.6",
                 "minimatch": "^9.0.1",
-                "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-                "path-scurry": "^1.10.1"
+                "minipass": "^7.0.4",
+                "path-scurry": "^1.10.2"
             },
             "bin": {
                 "glob": "dist/esm/bin.mjs"
@@ -4183,9 +4810,9 @@
             }
         },
         "node_modules/tailwindcss": {
-            "version": "3.4.1",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
-            "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
+            "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.3.tgz",
+            "integrity": "sha512-U7sxQk/n397Bmx4JHbJx/iSOOv5G+II3f1kpLpY2QeUv5DcPdcTsYLlusZfq1NthHS1c1cZoyFmmkex1rzke0A==",
             "dev": true,
             "dependencies": {
                 "@alloc/quick-lru": "^5.2.0",
@@ -4196,7 +4823,7 @@
                 "fast-glob": "^3.3.0",
                 "glob-parent": "^6.0.2",
                 "is-glob": "^4.0.3",
-                "jiti": "^1.19.1",
+                "jiti": "^1.21.0",
                 "lilconfig": "^2.1.0",
                 "micromatch": "^4.0.5",
                 "normalize-path": "^3.0.0",
@@ -4328,6 +4955,15 @@
                 "globrex": "^0.1.2"
             }
         },
+        "node_modules/tippy.js": {
+            "version": "6.3.7",
+            "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+            "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+            "dev": true,
+            "dependencies": {
+                "@popperjs/core": "^2.9.0"
+            }
+        },
         "node_modules/to-regex-range": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -4373,6 +5009,15 @@
             "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
             "dev": true
         },
+        "node_modules/turndown": {
+            "version": "7.1.3",
+            "resolved": "https://registry.npmjs.org/turndown/-/turndown-7.1.3.tgz",
+            "integrity": "sha512-Z3/iJ6IWh8VBiACWQJaA5ulPQE5E1QwvBHj00uGzdQxdRnd8fh1DPqNOJqzQDu6DkOstORrtXzf/9adB+vMtEA==",
+            "dev": true,
+            "dependencies": {
+                "domino": "^2.1.6"
+            }
+        },
         "node_modules/type-check": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -4468,13 +5113,13 @@
             "dev": true
         },
         "node_modules/vite": {
-            "version": "5.2.6",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.6.tgz",
-            "integrity": "sha512-FPtnxFlSIKYjZ2eosBQamz4CbyrTizbZ3hnGJlh/wMtCrlp1Hah6AzBLjGI5I2urTfNnpovpHdrL6YRuBOPnCA==",
+            "version": "5.2.7",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.7.tgz",
+            "integrity": "sha512-k14PWOKLI6pMaSzAuGtT+Cf0YmIx12z9YGon39onaJNy8DLBfBJrzg9FQEmkAM5lpHBZs9wksWAsyF/HkpEwJA==",
             "dev": true,
             "dependencies": {
                 "esbuild": "^0.20.1",
-                "postcss": "^8.4.36",
+                "postcss": "^8.4.38",
                 "rollup": "^4.13.0"
             },
             "bin": {
@@ -4550,6 +5195,12 @@
                 }
             }
         },
+        "node_modules/w3c-keyname": {
+            "version": "2.2.8",
+            "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+            "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+            "dev": true
+        },
         "node_modules/which": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index e42223c..09d31c6 100644
--- a/package.json
+++ b/package.json
@@ -14,18 +14,22 @@
         "test:integration": "playwright test"
     },
     "devDependencies": {
-        "@fortawesome/free-brands-svg-icons": "^6.5.1",
-        "@fortawesome/free-solid-svg-icons": "^6.5.1",
-        "@fortawesome/svelte-fontawesome": "^0.2.2",
         "@playwright/test": "^1.28.1",
         "@sveltejs/adapter-auto": "^3.0.0",
         "@sveltejs/adapter-static": "^3.0.1",
         "@sveltejs/kit": "^2.0.0",
         "@sveltejs/vite-plugin-svelte": "^3.0.0",
         "@tailwindcss/typography": "^0.5.10",
+        "@tiptap/core": "^2.2.4",
+        "@tiptap/extension-bubble-menu": "^2.2.4",
+        "@tiptap/extension-code-block-lowlight": "^2.2.4",
+        "@tiptap/extension-typography": "^2.2.4",
+        "@tiptap/pm": "^2.2.4",
+        "@tiptap/starter-kit": "^2.2.4",
         "@types/eslint": "^8.56.0",
         "@types/markdown-it": "^13.0.7",
         "@types/node": "^20.11.28",
+        "@types/turndown": "^5.0.4",
         "@typescript-eslint/eslint-plugin": "^7.0.0",
         "@typescript-eslint/parser": "^7.0.0",
         "autoprefixer": "^10.4.18",
@@ -33,7 +37,8 @@
         "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-svelte": "^2.35.1",
         "highlight.js": "^11.9.0",
-        "markdown-it": "^14.0.0",
+        "lowlight": "^3.1.0",
+        "lucide-svelte": "^0.363.0",
         "postcss": "^8.4.35",
         "prettier": "^3.2.5",
         "prettier-plugin-svelte": "^3.1.2",
@@ -42,8 +47,12 @@
         "svelte-check": "^3.6.0",
         "tailwindcss": "^3.4.1",
         "tslib": "^2.4.1",
+        "turndown": "^7.1.3",
         "typescript": "^5.0.0",
         "vite": "^5.0.3"
     },
-    "type": "module"
+    "type": "module",
+    "optionalDependencies": {
+        "@rollup/rollup-linux-x64-gnu": "^4.13.2"
+    }
 }
diff --git a/src/lib/components/Editor.svelte b/src/lib/components/Editor.svelte
index 0d6d838..18e8b65 100644
--- a/src/lib/components/Editor.svelte
+++ b/src/lib/components/Editor.svelte
@@ -1,215 +1,100 @@
 <script lang="ts">
-    import {
-        currentNote,
-        notes,
-        previewExtended,
-        sourceExtended,
-    } from '$lib/stores';
-    import { faMarkdown } from '@fortawesome/free-brands-svg-icons';
-    import {
-        faAlignLeft,
-        faArrowLeft,
-        faArrowRight,
-        faQuestion,
-    } from '@fortawesome/free-solid-svg-icons';
-    import { FontAwesomeIcon } from '@fortawesome/svelte-fontawesome';
-    import hljs from 'highlight.js';
-    import 'highlight.js/styles/monokai.css';
-    import markdownit from 'markdown-it';
-    import { afterUpdate, beforeUpdate } from 'svelte';
+    import { currentNote, notes } from '$lib/stores';
+    import { debounce } from '$lib/utils';
+    import { Editor } from '@tiptap/core';
+    import BubbleMenu from '@tiptap/extension-bubble-menu';
+    import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight';
+    import Typography from '@tiptap/extension-typography';
+    import StarterKit from '@tiptap/starter-kit';
+    import 'highlight.js/styles/github-dark.css';
+    import { common, createLowlight } from 'lowlight';
+    import { beforeUpdate, onDestroy, onMount } from 'svelte';
+    import EditorMenu from './EditorMenu.svelte';
 
-    const md = markdownit({
-        linkify: true,
-        typographer: true,
-        breaks: true,
-        highlight: function (str: string, lang: string) {
-            if (lang && hljs.getLanguage(lang)) {
-                try {
-                    return hljs.highlight(str, { language: lang }).value;
-                } catch (__) {
-                    /* empty */
-                }
-            }
+    let editorElement: HTMLElement;
+    let menuElement: HTMLElement;
+    let editor: Editor;
 
-            try {
-                return hljs.highlightAuto(str).value;
-            } catch (err) {
-                /* empty */
-            }
+    const defaultText =
+        '<p>Choose a note from the <b>side panel</b> to start typing.<br/> You can toggle the visibility of the side panel by clicking the vertical line at the left.</p>';
 
-            return '';
-        },
+    onMount(() => {
+        const index = $notes.findIndex(
+            (o: { id: number }) => o.id === $currentNote,
+        );
+        editor = new Editor({
+            element: editorElement,
+            editorProps: {
+                attributes: {
+                    class: 'prose dark:prose-invert focus:outline-none w-10/12 md:w-3/4 max-w-none',
+                },
+            },
+            extensions: [
+                StarterKit.configure({
+                    codeBlock: false,
+                }),
+                Typography,
+                CodeBlockLowlight.configure({
+                    lowlight: createLowlight(common),
+                }),
+                BubbleMenu.configure({
+                    element: menuElement,
+                }),
+            ],
+            content: $notes[index]?.content || defaultText,
+            editable: !!$notes[index]?.content,
+            onTransaction: () => {
+                editor = editor;
+            },
+        });
     });
 
-    let selectionStart: number;
-    let selectionEnd: number;
-
-    let source: HTMLTextAreaElement;
-    let preview: HTMLElement;
-    let sourceContent: string;
-    let previewContent: string = '';
+    onDestroy(() => {
+        if (editor) {
+            editor.destroy();
+        }
+    });
 
-    $: previewContent = md.render(sourceContent);
+    beforeUpdate(() => {
+        saveNote();
+    });
 
     currentNote.subscribe((value: number) => {
-        if (value !== -1) {
-            const index = $notes.findIndex(
-                (o: { id: number }) => o.id === value,
-            );
-            sourceContent = $notes[index]?.content;
-        } else {
-            sourceContent = '';
+        if (editor) {
+            if (value !== -1) {
+                const index = $notes.findIndex(
+                    (o: { id: number }) => o.id === value,
+                );
+                editor.commands.setContent($notes[index]?.content);
+                editor.setEditable(true);
+            } else {
+                editor.commands.setContent(defaultText);
+                editor.setEditable(false);
+            }
         }
     });
 
-    let autoSynced = false;
-    function syncScroll(this: HTMLElement) {
-        let first: HTMLElement | HTMLTextAreaElement = preview;
-        let second: HTMLElement | HTMLTextAreaElement = source;
-        if (this === source) {
-            first = source;
-            second = preview;
-        } else if (this !== preview) {
-            return;
-        }
-        const firstHeight = first.scrollHeight - first.clientHeight;
-        const secondHeight = second.scrollHeight - second.clientHeight;
-        if (!autoSynced) {
-            autoSynced = true;
-            second.scrollTop = (first.scrollTop / firstHeight) * secondHeight;
-        } else {
-            autoSynced = false;
+    function saveNote() {
+        if (editor) {
+            const index = $notes.findIndex(
+                (o: { id: number }) => o.id === $currentNote,
+            );
+            const updated = $notes;
+            if (updated[index]) {
+                updated[index].content = editor.getHTML();
+            }
+            notes.set(updated);
         }
     }
 
-    function handleKeydown(this: HTMLTextAreaElement, event: KeyboardEvent) {
-        if (event.key !== 'Tab') return;
-        event.preventDefault();
-        ({ selectionStart, selectionEnd } = source);
-        sourceContent =
-            sourceContent.substring(0, selectionStart) +
-            '\t' +
-            sourceContent.substring(selectionEnd);
-        source.setSelectionRange(selectionStart + 1, selectionEnd + 1);
-    }
-
-    function handleInput() {
-        const index = $notes.findIndex(
-            (o: { id: number }) => o.id === $currentNote,
-        );
-        const updated = $notes;
-        updated[index].content = sourceContent;
-        notes.set(updated);
-    }
-
-    beforeUpdate(() => {
-        if (source) {
-            ({ selectionStart, selectionEnd } = source);
-        }
-    });
-
-    afterUpdate(() => {
-        source.setSelectionRange(selectionStart, selectionEnd);
-        source.focus();
-    });
+    const handleInput = debounce(saveNote, 1000);
 </script>
 
-<div class="flex flex-grow basis-0 flex-col overflow-hidden p-10 lg:flex-row">
-    <div
-        class={`mb-4 flex h-1/2 flex-grow flex-col overflow-hidden rounded-3xl border-2 border-neutral-300 shadow-lg transition-all duration-300 lg:mb-0 lg:h-full lg:w-1/2 dark:border-neutral-500 ${
-            $previewExtended && !$sourceExtended
-                ? 'lg:-ml-[110%] lg:mr-24'
-                : 'lg:mr-2'
-        }`}
-    >
-        <div
-            class="flex w-full bg-neutral-200 bg-opacity-70 p-4 text-center backdrop-blur dark:bg-neutral-800 dark:bg-opacity-70"
-        >
-            <a
-                href="https://commonmark.org/help/"
-                title="Help"
-                class="flex items-center rounded-xl px-2 hover:bg-gray-300 dark:hover:bg-gray-700"
-            >
-                <FontAwesomeIcon icon={faQuestion} />
-            </a>
-            <strong class="mx-auto">
-                <FontAwesomeIcon icon={faMarkdown} class="align-middle" />
-                <span class="ml-1 align-middle">Markdown Editor</span>
-            </strong>
-            <button
-                title={sourceExtended ? 'Shrink' : 'Extend'}
-                data-testid="resize-editor"
-                class="invisible cursor-pointer rounded-xl px-2 hover:bg-gray-300 lg:visible dark:hover:bg-gray-700"
-                on:click={() => {
-                    sourceExtended.set(!$sourceExtended);
-                }}
-            >
-                {#if $sourceExtended}
-                    <FontAwesomeIcon icon={faArrowLeft} />
-                {:else}
-                    <FontAwesomeIcon icon={faArrowRight} />
-                {/if}
-            </button>
-        </div>
-        <div class="-mt-16 flex h-full w-full flex-grow overflow-auto">
-            <textarea
-                data-testid="editor"
-                class="w-full resize-none bg-transparent p-6 pb-8 pt-[5.5em] font-mono outline-none"
-                placeholder={$currentNote === -1
-                    ? 'Choose a note from the left-hand side panel to edit.'
-                    : 'Dump your mind here.'}
-                disabled={$currentNote === -1}
-                bind:this={source}
-                bind:value={sourceContent}
-                on:scroll={syncScroll}
-                on:keydown={handleKeydown}
-                on:input={handleInput}
-                name="editor"
-            ></textarea>
-        </div>
-    </div>
-    <div
-        class={`mt-4 flex h-1/2 flex-grow flex-col overflow-hidden rounded-3xl border-2 border-neutral-300 shadow-lg transition-all duration-300 lg:mt-0 lg:h-full lg:w-1/2 dark:border-neutral-500 ${
-            $sourceExtended && !$previewExtended
-                ? 'lg:-mr-[110%] lg:ml-24'
-                : 'lg:ml-2'
-        }`}
-    >
-        <div
-            class="flex w-full bg-neutral-200 bg-opacity-70 p-4 text-center backdrop-blur dark:bg-neutral-800 dark:bg-opacity-70"
-        >
-            <button
-                title={$previewExtended ? 'Shrink' : 'Extend'}
-                data-testid="resize-result-text"
-                class="invisible cursor-pointer rounded-xl px-2 hover:bg-gray-300 lg:visible dark:hover:bg-gray-700"
-                on:click={() => {
-                    previewExtended.set(!$previewExtended);
-                }}
-            >
-                {#if $previewExtended}
-                    <FontAwesomeIcon icon={faArrowRight} />
-                {:else}
-                    <FontAwesomeIcon icon={faArrowLeft} />
-                {/if}
-            </button>
-            <strong class="mx-auto">
-                <FontAwesomeIcon icon={faAlignLeft} class="align-middle" />
-                <span class="ml-1 align-middle">Formatted Text</span>
-            </strong>
-            <div class="w-[30px]"></div>
-        </div>
-        <div
-            class="-mt-16 overflow-auto px-6 pt-[5.5em]"
-            bind:this={preview}
-            on:scroll={syncScroll}
-        >
-            <article
-                data-testid="result-text"
-                class="prose mx-auto break-words pb-8 dark:prose-invert dark:prose-pre:bg-gray-900"
-            >
-                <!-- eslint-disable-next-line svelte/no-at-html-tags -->
-                {@html previewContent}
-            </article>
-        </div>
-    </div>
-</div>
+<EditorMenu {editor} bind:menuElement />
+
+<div
+    bind:this={editorElement}
+    on:input={handleInput}
+    data-testid="editor"
+    class="flex max-h-full flex-grow justify-center overflow-scroll py-14"
+/>
diff --git a/src/lib/components/EditorMenu.svelte b/src/lib/components/EditorMenu.svelte
new file mode 100644
index 0000000..af03af8
--- /dev/null
+++ b/src/lib/components/EditorMenu.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+    import type { Editor } from '@tiptap/core';
+    import {
+        Bold,
+        Heading1,
+        Heading2,
+        Italic,
+        Strikethrough,
+        Text,
+    } from 'lucide-svelte';
+
+    export let editor: Editor;
+    export let menuElement: HTMLElement;
+</script>
+
+<div
+    bind:this={menuElement}
+    class="flex flex-col justify-center rounded-xl border-2 border-neutral-200 bg-neutral-100 p-1 dark:border-neutral-700 dark:bg-neutral-800"
+>
+    {#if editor}
+        <div>
+            <button
+                on:click={() =>
+                    editor.chain().focus().toggleHeading({ level: 1 }).run()}
+                class={`rounded-full p-1 ${editor.isActive('heading', { level: 1 }) ? 'bg-neutral-300 dark:bg-neutral-600' : ''}`}
+            >
+                <Heading1 class="w-5" />
+            </button>
+            <button
+                on:click={() =>
+                    editor.chain().focus().toggleHeading({ level: 2 }).run()}
+                class={`rounded-full p-1 ${editor.isActive('heading', { level: 2 }) ? 'bg-neutral-300 dark:bg-neutral-600' : ''}`}
+            >
+                <Heading2 class="w-5" />
+            </button>
+            <button
+                on:click={() => editor.chain().focus().setParagraph().run()}
+                class={`rounded-full p-1 ${editor.isActive('paragraph') ? 'bg-neutral-300 dark:bg-neutral-600' : ''}`}
+            >
+                <Text class="w-5" />
+            </button>
+        </div>
+        <hr class="my-1" />
+        <div class="flex justify-center">
+            <button
+                on:click={() => editor.chain().focus().toggleBold().run()}
+                class={`mx-1 rounded-full p-1 ${editor.isActive('bold') ? 'bg-neutral-300 dark:bg-neutral-600' : ''}`}
+            >
+                <Bold class="w-4" strokeWidth={2.5} />
+            </button>
+            <button
+                on:click={() => editor.chain().focus().toggleItalic().run()}
+                class={`mx-1 rounded-full p-1 ${editor.isActive('italic') ? 'bg-neutral-300 dark:bg-neutral-600' : ''}`}
+            >
+                <Italic class="w-4" strokeWidth={2.5} />
+            </button>
+            <button
+                on:click={() => editor.chain().focus().toggleStrike().run()}
+                class={`mx-1 rounded-full p-1 ${editor.isActive('strike') ? 'bg-neutral-300 dark:bg-neutral-600' : ''}`}
+            >
+                <Strikethrough class="w-4" strokeWidth={2.5} />
+            </button>
+        </div>
+    {/if}
+</div>
diff --git a/src/lib/components/Panel.svelte b/src/lib/components/Panel.svelte
index 38df00c..c90d089 100644
--- a/src/lib/components/Panel.svelte
+++ b/src/lib/components/Panel.svelte
@@ -2,18 +2,12 @@
     import { browser } from '$app/environment';
     import Logo from '$lib/components/svg/Logo.svelte';
     import { currentNote, notes, sidebarActive } from '$lib/stores';
-    import {
-        faGear,
-        faPencil,
-        faPlus,
-        faTrashCan,
-    } from '@fortawesome/free-solid-svg-icons';
-    import { FontAwesomeIcon } from '@fortawesome/svelte-fontawesome';
+    import { FileUp, Plus, SettingsIcon, Trash2 } from 'lucide-svelte';
     import { slide } from 'svelte/transition';
     import Settings from './Settings.svelte';
     import ConfirmDeletion from './ConfirmDeletion.svelte';
-    import RenameNote from './RenameNote.svelte';
-    import { tick } from 'svelte';
+    import TurndownService from 'turndown';
+    import { truncate } from '$lib/utils';
 
     let settings: Settings;
 
@@ -21,22 +15,25 @@
     let confirmDeleteTargetIndex: number;
     let confirmDeletion: ConfirmDeletion;
 
-    let renameNoteTargetIndex: number;
-    let renameNote: RenameNote;
-
     let notesDiv: HTMLDivElement;
 
     function findNoteIndex(id: number) {
         return $notes.findIndex((o: { id: number }) => o.id === id);
     }
+
+    let turndownService = new TurndownService({
+        codeBlockStyle: 'fenced',
+        headingStyle: 'atx',
+        emDelimiter: '*',
+    });
 </script>
 
-<div class="z-10 flex" data-testid="panel">
+<div class="z-10 flex" data-testid="panel" class:mr-6={$sidebarActive}>
     {#if browser}
         <aside
             data-testid="panel-aside"
-            class={`flex w-[95dvw] flex-col bg-neutral-100 px-2 transition-all sm:w-80 dark:bg-neutral-900 duration-300${
-                !$sidebarActive ? ' -ml-[95dvw] md:-ml-80' : ''
+            class={`flex w-[95dvw] flex-col bg-neutral-100 px-2 transition-all sm:w-80 dark:bg-neutral-950 duration-300${
+                !$sidebarActive ? ' -ml-[95dvw] sm:-ml-80' : ''
             }`}
         >
             <div
@@ -54,8 +51,8 @@
                         const id = Math.max(...$notes.map((o) => o.id), -1) + 1;
                         const newNote = {
                             id: id,
-                            name: 'Untitled Note',
-                            content: '',
+                            content:
+                                '<h1>Untitled Note</h1><p>Lorem ipsum dolor sit amet...</p>',
                         };
                         const updated = [...$notes, newNote];
                         notes.set(updated);
@@ -63,7 +60,7 @@
                         notesDiv.scrollIntoView();
                     }}
                 >
-                    <FontAwesomeIcon icon={faPlus} size="lg" class=" mx-2" />
+                    <Plus class="w-10" />
                 </button>
             </div>
             <div
@@ -73,7 +70,7 @@
                 {#if $notes && $notes.length !== 0}
                     {#each $notes as note (note.id)}
                         <div
-                            class={`my-4 flex items-center rounded-xl border-2 p-1 pl-4
+                            class={`my-4 flex items-center rounded-xl border-2 py-1 pl-4 pr-1
 							${
                                 $currentNote === note.id
                                     ? ' border-blue-400 bg-blue-200 dark:border-blue-700 dark:bg-blue-950 dark:brightness-110'
@@ -95,28 +92,24 @@
                             role="button"
                             tabindex="0"
                         >
-                            <div class="mr-1 max-w-[70%]">
+                            <div class="mr-1 max-w-[80%]">
                                 <span
                                     class="break-words font-semibold outline-none"
                                 >
-                                    {note.name}
+                                    {truncate(
+                                        new DOMParser()
+                                            .parseFromString(
+                                                note.content,
+                                                'text/html',
+                                            )
+                                            .querySelector(
+                                                'h1, h2, h3, h4, h5, h6',
+                                            )?.textContent,
+                                        75,
+                                    ) || 'Untitled Note'}
                                 </span>
                             </div>
                             <div class="ml-auto flex">
-                                <button
-                                    class="flex min-w-[32px] items-center p-2 hover:text-yellow-700"
-                                    data-testid="rename"
-                                    title="Rename"
-                                    on:click|stopPropagation={async () => {
-                                        renameNoteTargetIndex = findNoteIndex(
-                                            note.id,
-                                        );
-                                        await tick();
-                                        renameNote.show();
-                                    }}
-                                >
-                                    <FontAwesomeIcon icon={faPencil} />
-                                </button>
                                 <button
                                     class="flex min-w-[32px] items-center p-2 hover:text-red-500"
                                     data-testid="delete"
@@ -128,7 +121,7 @@
                                         confirmDeletion.show();
                                     }}
                                 >
-                                    <FontAwesomeIcon icon={faTrashCan} />
+                                    <Trash2 class="w-5" />
                                 </button>
                             </div>
                         </div>
@@ -144,13 +137,35 @@
             >
                 <button
                     data-testid="settings-button"
-                    class="flex cursor-pointer items-center rounded-xl px-2 hover:bg-gray-300 dark:hover:bg-gray-800"
+                    class="mr-1 flex cursor-pointer items-center rounded-xl px-2 hover:bg-gray-300 dark:hover:bg-gray-800"
                     title="Settings"
                     on:click={() => {
                         settings.show();
                     }}
                 >
-                    <FontAwesomeIcon icon={faGear} />
+                    <SettingsIcon class="w-5" />
+                </button>
+                <button
+                    data-testid="export-button"
+                    class="flex cursor-pointer items-center rounded-xl px-2 hover:bg-gray-300 dark:hover:bg-gray-800"
+                    title="Export Markdown"
+                    on:click={() => {
+                        const markdown = turndownService.turndown(
+                            $notes[findNoteIndex($currentNote)].content,
+                        );
+                        var a = document.createElement('a');
+                        a.href = URL.createObjectURL(
+                            new Blob([markdown], {
+                                type: 'text/plain',
+                            }),
+                        );
+                        a.download = 'export.md';
+                        document.body.appendChild(a);
+                        a.click();
+                        document.body.removeChild(a);
+                    }}
+                >
+                    <FileUp class="w-5" />
                 </button>
                 <div
                     class="mx-2 ml-auto flex rounded-full border-2 border-indigo-600 bg-indigo-50 p-1 shadow dark:bg-indigo-950"
@@ -201,4 +216,3 @@
     {confirmDeleteTargetName}
     {confirmDeleteTargetIndex}
 />
-<RenameNote bind:this={renameNote} {renameNoteTargetIndex} />
diff --git a/src/lib/components/RenameNote.svelte b/src/lib/components/RenameNote.svelte
deleted file mode 100644
index e66ae7d..0000000
--- a/src/lib/components/RenameNote.svelte
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts">
-    import Popup from '$lib/components/Popup.svelte';
-    import { notes } from '$lib/stores';
-
-    export let renameNoteTargetIndex: number;
-    let renameNote: Popup;
-
-    let name: string = '';
-
-    function handleInput() {
-        $notes[renameNoteTargetIndex].name = name;
-    }
-
-    export function show() {
-        name = $notes[renameNoteTargetIndex]?.name;
-        renameNote.show();
-    }
-</script>
-
-<Popup bind:this={renameNote}>
-    <h1 class="mb-6 text-2xl font-bold">Rename the Note</h1>
-    <label class="flex items-center">
-        <b>Note Name</b>
-        <input
-            type="text"
-            class="input ml-4"
-            placeholder="Enter a new name"
-            bind:value={name}
-            on:input={handleInput}
-            on:keydown={(e) => {
-                if (e.key === 'Enter') {
-                    renameNote.hide();
-                }
-            }}
-        />
-    </label>
-    <div class="mt-6 flex justify-center">
-        <button
-            class="btn"
-            on:click={() => {
-                renameNote.hide();
-            }}
-            >Close
-        </button>
-    </div>
-</Popup>
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 07dddb2..3e779a4 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -10,6 +10,25 @@ export function showElement(element: HTMLElement) {
     }
 }
 
+export const debounce = (
+    callback: (...args: unknown[]) => unknown,
+    wait: number,
+) => {
+    let timeoutId: ReturnType<typeof setTimeout>;
+    return (...args: unknown[]) => {
+        clearTimeout(timeoutId);
+        timeoutId = setTimeout(() => {
+            callback(...args);
+        }, wait);
+    };
+};
+
+export const truncate = (text?: string | null, maxLength?: number) =>
+    text &&
+    maxLength &&
+    text.trim().substring(0, maxLength) +
+        (text.length > maxLength ? '...' : '');
+
 // Adapted from https://learn.svelte.dev/tutorial/actions
 export function trapFocus(element: HTMLElement) {
     const previous = document.activeElement as HTMLElement;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ab0abbf..d356cd8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -66,11 +66,10 @@
         </h1>
     </div>
     <p class="max-w-5xl text-pretty text-center lg:text-xl">
-        Glass Cursor is a free and open source simple web-based markdown
-        note-taking app. It can be used for writing text for any purpose with
-        markdown. It's designed to be simple but yet useful. With its elegant
-        user interface, you can focus on your notes without any friction. For
-        more information, see the
+        Glass Cursor is a free and open source simple web-based note-taking app.
+        It can be used for writing text for any purpose. It's designed to be
+        simple but yet useful. With its elegant user interface, you can focus on
+        your notes without any friction. For more information, see the
         <a href="./faq" class="link">FAQ</a>.
     </p>
     <a href="./app" class="btn btn-blue mt-6">Open app</a>
diff --git a/src/routes/app/+page.svelte b/src/routes/app/+page.svelte
index 532e315..1be57e4 100644
--- a/src/routes/app/+page.svelte
+++ b/src/routes/app/+page.svelte
@@ -1,5 +1,4 @@
 <script>
-    import { tick } from 'svelte';
     import Panel from '$lib/components/Panel.svelte';
     import Editor from '$lib/components/Editor.svelte';
 </script>
@@ -10,9 +9,5 @@
 
 <div class="flex h-screen w-screen">
     <Panel />
-    {#await tick()}
-        <!-- Waiting  -->
-    {:then}
-        <Editor />
-    {/await}
+    <Editor />
 </div>
diff --git a/src/routes/faq/+page.svelte b/src/routes/faq/+page.svelte
index c155591..0b9488a 100644
--- a/src/routes/faq/+page.svelte
+++ b/src/routes/faq/+page.svelte
@@ -12,6 +12,17 @@
             backend server and completely runs on your browser. You can also
             self-host it if you wish. It's only just static files.
         </p>
+        <h2>Is Markdown supported?</h2>
+        <p>
+            Yes, you should be able to use Markdown to format your notes. Also,
+            if you want to export a note in Markdown, you can use the button
+            near the settings button at the down left of the side panel.
+        </p>
+        <h2>How can I title a note?</h2>
+        <p>
+            Note titles' are basically the first header in your note. Just add
+            an header to the top of your note.
+        </p>
         <h2>How can I make it look more like an app?</h2>
         <p>
             If you use a Chromium-based browser (Chrome, Edge) or Safari, you
diff --git a/tests/editor.test.ts b/tests/editor.test.ts
index e968074..8c73c09 100644
--- a/tests/editor.test.ts
+++ b/tests/editor.test.ts
@@ -1,56 +1,11 @@
 import { expect, test } from '@playwright/test';
+import { systemMetaKey } from './utils';
 
 test('editor visible', async ({ page }) => {
     await page.goto('/app');
     await expect(page.getByTestId('panel')).toBeVisible();
 });
 
-test('result text visible', async ({ page }) => {
-    await page.goto('/app');
-    await expect(page.getByTestId('result-text')).toBeVisible();
-});
-
-test('editor and result text resizing', async ({ page }) => {
-    await page.goto('/app');
-    await page.evaluate(() => localStorage.clear());
-    const resultText = page.getByTestId('result-text');
-    const editor = page.getByTestId('editor');
-    const resizeResultText = page.getByTestId('resize-result-text');
-    const resizeEditor = page.getByTestId('resize-editor');
-    await resizeEditor.click();
-    await expect(resultText).not.toBeInViewport();
-    await resizeEditor.click();
-    await expect(resultText).toBeInViewport();
-    await resizeResultText.click();
-    await expect(editor).not.toBeInViewport();
-    await resizeResultText.click();
-    await expect(editor).toBeInViewport();
-});
-
-test('editor and result text scroll', async ({ page }) => {
-    await page.goto('/app');
-    await page.evaluate(() => localStorage.clear());
-    const editor = page.getByTestId('editor');
-    const resultText = page.getByTestId('result-text');
-    await page.getByTestId('new-note').click();
-    await page.getByTestId('note').click();
-    await editor.click();
-    // Type 100 lines
-    let longText = '';
-    for (let i = 0; i < 100; i++) {
-        longText += '\ntext';
-    }
-    await page.keyboard.type(longText);
-    const scrollTop = await resultText.evaluate((el) => el.scrollTop);
-    const scrollHeight = await resultText.evaluate((el) => el.scrollHeight);
-    const clientHeight = await resultText.evaluate((el) => el.clientHeight);
-    expect(scrollHeight - scrollTop).toBe(clientHeight);
-    await resultText.focus();
-    await page.mouse.wheel(0, -scrollHeight);
-    await page.waitForTimeout(100);
-    expect(await editor.evaluate((el) => el.scrollTop)).toBe(0);
-});
-
 test('note persists reload', async ({ page }) => {
     await page.goto('/app');
     await page.evaluate(() => localStorage.clear());
@@ -61,28 +16,35 @@ test('note persists reload', async ({ page }) => {
     // Type 100 lines
     let longText = '';
     for (let i = 0; i < 100; i++) {
-        longText += '\ntext';
+        longText += 'text';
     }
+    await page.keyboard.press(systemMetaKey + '+A');
+    await page.keyboard.press('Backspace');
     await page.keyboard.type(longText);
     await page.reload();
-    await expect(editor).toHaveValue(longText);
+    await page.waitForTimeout(1000);
+    expect(await editor.innerText()).toBe(longText);
 });
 
-test('note persists selection switch', async ({ page }) => {
+test('note persists switching notes', async ({ page }) => {
     await page.goto('/app');
     await page.evaluate(() => localStorage.clear());
+    // Create 2 notes
+    for (let i = 0; i < 2; i++) {
+        await page.getByTestId('new-note').click();
+    }
     const editor = page.getByTestId('editor');
-    await page.getByTestId('new-note').click();
-    await page.getByTestId('note').click();
+    await page.getByTestId('note').first().click();
     await editor.click();
     // Type 100 lines
     let longText = '';
     for (let i = 0; i < 100; i++) {
-        longText += '\ntext';
+        longText += 'text';
     }
+    await page.keyboard.press('Meta+A');
+    await page.keyboard.press('Backspace');
     await page.keyboard.type(longText);
-    await page.getByTestId('new-note').click();
     await page.getByTestId('note').nth(1).click();
-    await page.getByTestId('note').nth(0).click();
-    await expect(editor).toHaveValue(longText);
+    await page.getByTestId('note').first().click();
+    expect(await editor.innerText()).toBe(longText);
 });
diff --git a/tests/panel.test.ts b/tests/panel.test.ts
index 4ea5730..2667d68 100644
--- a/tests/panel.test.ts
+++ b/tests/panel.test.ts
@@ -1,12 +1,4 @@
 import { expect, test } from '@playwright/test';
-import os from 'os';
-const platform = os.platform();
-let systemNewTabKey: string;
-if (platform === 'darwin') {
-    systemNewTabKey = 'Meta';
-} else {
-    systemNewTabKey = 'Control';
-}
 
 test('panel visible', async ({ page }) => {
     await page.goto('/app');
@@ -40,26 +32,6 @@ test('select notes', async ({ page }) => {
     }
 });
 
-test('rename notes', async ({ page }) => {
-    await page.goto('/app');
-    await page.evaluate(() => localStorage.clear());
-    // Create 10 notes
-    for (let i = 0; i < 10; i++) {
-        await page.getByTestId('new-note').click();
-    }
-    for (const note of await page.getByTestId('note').all()) {
-        const renameTo = 'Renamed Note';
-        await note.getByTestId('rename').click();
-        await page.keyboard.press(systemNewTabKey + '+A');
-        await page.keyboard.press('Backspace');
-        await page.keyboard.type(renameTo);
-        const boundingBox = (await note.boundingBox()) || { x: 0, y: 0 };
-        await page.mouse.click(boundingBox.x + 10, boundingBox.y + 10);
-        const textContent: string = (await note.textContent()) || '';
-        expect(textContent.trim()).toEqual(renameTo);
-    }
-});
-
 test('delete notes', async ({ page }) => {
     await page.goto('/app');
     await page.evaluate(() => localStorage.clear());
diff --git a/tests/utils.ts b/tests/utils.ts
new file mode 100644
index 0000000..16fbcc5
--- /dev/null
+++ b/tests/utils.ts
@@ -0,0 +1,8 @@
+import os from 'os';
+const platform = os.platform();
+export let systemMetaKey: string;
+if (platform === 'darwin') {
+    systemMetaKey = 'Meta';
+} else {
+    systemMetaKey = 'Control';
+}