Customization options (#283)

Add editor customization options to Flok:

- **Fonts:** JetBrains, Monaco, Courier, MonoCraft, BigBlue Terminal,
JGS, Steps Mono, IBM Plex Mono, Inconsolata.
- **Themes:** Dracula, Monokai Dimmed, Gruvbox Dark, Ayu Dark, Tokyo
Night, Nord.

Also refactors the keybinding based CodeMirror extension system that
Flok was using. Now, options are accessed through the menu:

- **Vim Mode:** toggle / untoggle the Vim Editor keybindings
- **Wrap Lines:** wrap the line when it reaches the end of the screen
- **Line Numbers:** show or hide line numbers

Editor settings are stored on local storage, so these can be restored on page load.

packages/web/package.json

@@ -22,6 +22,13 @@
   },
   "dependencies": {
     "@flok-editor/server-middleware": "^1.0.1",
+    "@uiw/codemirror-theme-andromeda": "^4.22.1",
+    "@uiw/codemirror-theme-bespin": "^4.22.1",
+    "@uiw/codemirror-theme-console": "^4.22.1",
+    "@uiw/codemirror-theme-github": "^4.22.1",
+    "@uiw/codemirror-theme-monokai": "^4.22.1",
+    "@uiw/codemirror-theme-solarized": "^4.22.1",
+    "@uiw/codemirror-theme-xcode": "^4.22.1",
     "@strudel/draw": "^1.1.0",
     "commander": "^10.0.0",
     "compression": "^1.7.4",
@@ -32,7 +39,6 @@
     "@codemirror/lang-javascript": "^6.2.1",
     "@codemirror/lang-python": "^6.1.3",
     "@codemirror/state": "^6.4.0",
-    "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.23.0",
     "@flok-editor/cm-eval": "^1.0.1",
     "@flok-editor/lang-tidal": "^1.0.1",
@@ -46,6 +52,7 @@
     "@radix-ui/react-toast": "^1.1.3",
     "@radix-ui/react-toggle": "^1.0.2",
     "@radix-ui/react-tooltip": "^1.0.5",
+    "@replit/codemirror-vim": "^6.2.1",
     "@strudel/codemirror": "^1.1.0",
     "@strudel/core": "^1.1.0",
     "@strudel/midi": "^1.1.0",
@@ -62,6 +69,7 @@
     "@types/react-dom": "^18.2.17",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
+    "@uiw/codemirror-themes": "^4.22.0",
     "@uiw/react-codemirror": "^4.19.11",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.14",