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..a456917 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,6 +41,7 @@
                 "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"
             }
@@ -74,70 +80,6 @@
                 "node": ">=6.0.0"
             }
         },
-        "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
-            "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/android-arm": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
-            "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/android-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
-            "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/android-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
-            "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
         "node_modules/@esbuild/darwin-arm64": {
             "version": "0.20.2",
             "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
@@ -154,294 +96,6 @@
                 "node": ">=12"
             }
         },
-        "node_modules/@esbuild/darwin-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
-            "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
-            "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
-            "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-arm": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
-            "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
-            "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-ia32": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
-            "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-loong64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
-            "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
-            "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
-            "cpu": [
-                "mips64el"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
-            "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
-            "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-s390x": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
-            "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/linux-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
-            "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
-            "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
-            "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/sunos-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
-            "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
-            "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-ia32": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
-            "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@esbuild/win32-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
-            "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
         "node_modules/@eslint-community/eslint-utils": {
             "version": "4.4.0",
             "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -513,71 +167,11 @@
         },
         "node_modules/@eslint/js": {
             "version": "8.57.0",
-            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
-            "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
-            "dev": true,
-            "engines": {
-                "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==",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+            "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
             "dev": true,
-            "peerDependencies": {
-                "@fortawesome/fontawesome-svg-core": "~1 || ~6",
-                "svelte": ">=3.x"
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
             }
         },
         "node_modules/@humanwhocodes/config-array": {
@@ -793,31 +387,21 @@
             "integrity": "sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==",
             "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==",
-            "cpu": [
-                "arm"
-            ],
+        "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,
-            "optional": true,
-            "os": [
-                "android"
-            ]
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/popperjs"
+            }
         },
-        "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==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ]
+        "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-darwin-arm64": {
             "version": "4.13.0",
@@ -832,241 +416,469 @@
                 "darwin"
             ]
         },
-        "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==",
-            "cpu": [
-                "x64"
-            ],
+        "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==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
+            "dependencies": {
+                "import-meta-resolve": "^4.0.0"
+            },
+            "peerDependencies": {
+                "@sveltejs/kit": "^2.0.0"
+            }
         },
-        "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==",
-            "cpu": [
-                "arm"
-            ],
+        "node_modules/@sveltejs/adapter-static": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-3.0.1.tgz",
+            "integrity": "sha512-6lMvf7xYEJ+oGeR5L8DFJJrowkefTK6ZgA4JiMqoClMkKq0s6yvsd3FZfCFvX1fQ0tpCD7fkuRVHsnUVgsHyNg==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "peerDependencies": {
+                "@sveltejs/kit": "^2.0.0"
+            }
         },
-        "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==",
-            "cpu": [
-                "arm64"
-            ],
+        "node_modules/@sveltejs/kit": {
+            "version": "2.5.4",
+            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.5.4.tgz",
+            "integrity": "sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "hasInstallScript": true,
+            "dependencies": {
+                "@types/cookie": "^0.6.0",
+                "cookie": "^0.6.0",
+                "devalue": "^4.3.2",
+                "esm-env": "^1.0.0",
+                "import-meta-resolve": "^4.0.0",
+                "kleur": "^4.1.5",
+                "magic-string": "^0.30.5",
+                "mrmime": "^2.0.0",
+                "sade": "^1.8.1",
+                "set-cookie-parser": "^2.6.0",
+                "sirv": "^2.0.4",
+                "tiny-glob": "^0.2.9"
+            },
+            "bin": {
+                "svelte-kit": "svelte-kit.js"
+            },
+            "engines": {
+                "node": ">=18.13"
+            },
+            "peerDependencies": {
+                "@sveltejs/vite-plugin-svelte": "^3.0.0",
+                "svelte": "^4.0.0 || ^5.0.0-next.0",
+                "vite": "^5.0.3"
+            }
         },
-        "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==",
-            "cpu": [
-                "arm64"
-            ],
+        "node_modules/@sveltejs/vite-plugin-svelte": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.0.2.tgz",
+            "integrity": "sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "dependencies": {
+                "@sveltejs/vite-plugin-svelte-inspector": "^2.0.0",
+                "debug": "^4.3.4",
+                "deepmerge": "^4.3.1",
+                "kleur": "^4.1.5",
+                "magic-string": "^0.30.5",
+                "svelte-hmr": "^0.15.3",
+                "vitefu": "^0.2.5"
+            },
+            "engines": {
+                "node": "^18.0.0 || >=20"
+            },
+            "peerDependencies": {
+                "svelte": "^4.0.0 || ^5.0.0-next.0",
+                "vite": "^5.0.0"
+            }
         },
-        "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==",
-            "cpu": [
-                "riscv64"
-            ],
+        "node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-2.0.0.tgz",
+            "integrity": "sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "dependencies": {
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": "^18.0.0 || >=20"
+            },
+            "peerDependencies": {
+                "@sveltejs/vite-plugin-svelte": "^3.0.0",
+                "svelte": "^4.0.0 || ^5.0.0-next.0",
+                "vite": "^5.0.0"
+            }
         },
-        "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==",
-            "cpu": [
-                "x64"
-            ],
+        "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==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "dependencies": {
+                "lodash.castarray": "^4.4.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.merge": "^4.6.2",
+                "postcss-selector-parser": "6.0.10"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || insiders"
+            }
         },
-        "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==",
-            "cpu": [
-                "x64"
-            ],
+        "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,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/pm": "^2.0.0"
+            }
         },
-        "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==",
-            "cpu": [
-                "arm64"
-            ],
+        "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,
-            "optional": true,
-            "os": [
-                "win32"
-            ]
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
         },
-        "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==",
-            "cpu": [
-                "ia32"
-            ],
+        "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,
-            "optional": true,
-            "os": [
-                "win32"
-            ]
+            "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/@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==",
-            "cpu": [
-                "x64"
-            ],
+        "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,
-            "optional": true,
-            "os": [
-                "win32"
-            ]
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.0.0"
+            }
         },
-        "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==",
+        "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,
-            "dependencies": {
-                "import-meta-resolve": "^4.0.0"
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "@sveltejs/kit": "^2.0.0"
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
             }
         },
-        "node_modules/@sveltejs/adapter-static": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-3.0.1.tgz",
-            "integrity": "sha512-6lMvf7xYEJ+oGeR5L8DFJJrowkefTK6ZgA4JiMqoClMkKq0s6yvsd3FZfCFvX1fQ0tpCD7fkuRVHsnUVgsHyNg==",
+        "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": {
-                "@sveltejs/kit": "^2.0.0"
+                "@tiptap/core": "^2.0.0",
+                "@tiptap/pm": "^2.0.0"
             }
         },
-        "node_modules/@sveltejs/kit": {
-            "version": "2.5.4",
-            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.5.4.tgz",
-            "integrity": "sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==",
+        "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,
-            "hasInstallScript": true,
-            "dependencies": {
-                "@types/cookie": "^0.6.0",
-                "cookie": "^0.6.0",
-                "devalue": "^4.3.2",
-                "esm-env": "^1.0.0",
-                "import-meta-resolve": "^4.0.0",
-                "kleur": "^4.1.5",
-                "magic-string": "^0.30.5",
-                "mrmime": "^2.0.0",
-                "sade": "^1.8.1",
-                "set-cookie-parser": "^2.6.0",
-                "sirv": "^2.0.4",
-                "tiny-glob": "^0.2.9"
-            },
-            "bin": {
-                "svelte-kit": "svelte-kit.js"
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
             },
-            "engines": {
-                "node": ">=18.13"
+            "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": {
-                "@sveltejs/vite-plugin-svelte": "^3.0.0",
-                "svelte": "^4.0.0 || ^5.0.0-next.0",
-                "vite": "^5.0.3"
+                "@tiptap/core": "^2.0.0"
             }
         },
-        "node_modules/@sveltejs/vite-plugin-svelte": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.0.2.tgz",
-            "integrity": "sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==",
+        "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,
-            "dependencies": {
-                "@sveltejs/vite-plugin-svelte-inspector": "^2.0.0",
-                "debug": "^4.3.4",
-                "deepmerge": "^4.3.1",
-                "kleur": "^4.1.5",
-                "magic-string": "^0.30.5",
-                "svelte-hmr": "^0.15.3",
-                "vitefu": "^0.2.5"
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
             },
-            "engines": {
-                "node": "^18.0.0 || >=20"
+            "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": {
-                "svelte": "^4.0.0 || ^5.0.0-next.0",
-                "vite": "^5.0.0"
+                "@tiptap/core": "^2.0.0"
             }
         },
-        "node_modules/@sveltejs/vite-plugin-svelte-inspector": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-2.0.0.tgz",
-            "integrity": "sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==",
+        "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,
-            "dependencies": {
-                "debug": "^4.3.4"
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
             },
-            "engines": {
-                "node": "^18.0.0 || >=20"
+            "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": {
-                "@sveltejs/vite-plugin-svelte": "^3.0.0",
-                "svelte": "^4.0.0 || ^5.0.0-next.0",
-                "vite": "^5.0.0"
+                "@tiptap/core": "^2.0.0"
             }
         },
-        "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==",
+        "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,
-            "dependencies": {
-                "lodash.castarray": "^4.4.0",
-                "lodash.isplainobject": "^4.0.6",
-                "lodash.merge": "^4.6.2",
-                "postcss-selector-parser": "6.0.10"
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
             },
             "peerDependencies": {
-                "tailwindcss": ">=3.0.0 || insiders"
+                "@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": {
@@ -1091,6 +903,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",
@@ -1140,6 +961,18 @@
             "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",
@@ -1717,6 +1550,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 +1651,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 +1700,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",
@@ -2814,6 +2672,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 +2699,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 +2952,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",
@@ -3549,6 +3437,200 @@
                 }
             }
         },
+        "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",
@@ -3691,6 +3773,12 @@
                 "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",
@@ -4328,6 +4416,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 +4470,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",
@@ -4550,6 +4656,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..9790511 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,6 +47,7 @@
         "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"
     },
diff --git a/src/lib/components/Editor.svelte b/src/lib/components/Editor.svelte
index 0d6d838..72b3051 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: false,
+            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..768c769 100644
--- a/tests/editor.test.ts
+++ b/tests/editor.test.ts
@@ -5,52 +5,6 @@ test('editor visible', async ({ page }) => {
     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 +15,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('Meta+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());