replace custom codemirror with original codemirror (#26)

.gitignore

@@ -3,5 +3,6 @@ out
 build
 .env
 extension.js
+extension.css
 error.png
 dist

package.json

@@ -26,8 +26,6 @@
     "@actions/core": "^1.6.0",
     "@actions/github": "^5.0.0",
     "@aws-sdk/client-dynamodb": "^3.54.1",
-    "@dvargas92495/codemirror": "^5.65.11",
-    "@dvargas92495/react-codemirror2": "^7.2.9",
     "aws-sdk": "^2.826.0",
     "cytoscape": "^3.19.1",
     "mime-types": "^2.1.32",
@@ -36,6 +34,7 @@
     "puppeteer": "^5.4.0",
     "puppeteer-core": "^5.5.0",
     "randomstring": "^1.2.1",
+    "react-codemirror2": "^8.0.0",
     "react-icons": "^4.3.1",
     "roamjs-components": "^0.82.11",
     "uuid": "^8.3.2"

src/components/StaticSiteDashboard.tsx

@@ -20,10 +20,12 @@ import {
   TextArea,
   Tooltip,
 } from "@blueprintjs/core";
-import { Controlled as CodeMirror } from "@dvargas92495/react-codemirror2";
-import "@dvargas92495/codemirror/mode/xml/xml";
-import "@dvargas92495/codemirror/mode/css/css";
-import "@dvargas92495/codemirror/mode/javascript/javascript";
+import { Controlled as CodeMirror } from "react-codemirror2";
+import "codemirror/mode/xml/xml";
+import "codemirror/mode/css/css";
+import "codemirror/mode/javascript/javascript";
+import 'codemirror/lib/codemirror.css';
+import 'codemirror/theme/material.css';
 import React, {
   useCallback,
   useEffect,