fix(web): remove npm prismjs package

package.json

@@ -19,7 +19,6 @@
     "framer-motion": "^4.1.17",
     "i18next": "^20.6.1",
     "notistack": "^2.0.2",
-    "prismjs": "^1.25.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.15.3",
@@ -28,7 +27,6 @@
   },
   "devDependencies": {
     "@emotion/serialize": "^1.0.2",
-    "@types/prismjs": "^1.16.6",
     "@types/reach__router": "^1.3.9",
     "@types/react": "^17.0.21",
     "@types/react-dom": "^17.0.9",

src/pages/Publish.tsx

@@ -2,13 +2,13 @@ import React, { useState, useEffect } from 'react'
 import { Button, Fab, Switch, TextField } from '@mui/material'
 import { Container, Paper } from '@mui/material'
 import { Controller, useForm } from 'react-hook-form'
-import { highlight, languages } from 'prismjs'
+// import { highlight, languages } from 'prismjs'
 
 import 'twin.macro'
-import 'prismjs/components/prism-clike'
-import 'prismjs/components/prism-javascript'
-import 'prismjs/components/prism-markup'
-import 'prismjs/components/prism-css'
+// import 'prismjs/components/prism-clike'
+// import 'prismjs/components/prism-javascript'
+// import 'prismjs/components/prism-markup'
+// import 'prismjs/components/prism-css'
 
 import AddIcon from '@mui/icons-material/Add'
 import Editor from 'react-simple-code-editor'
@@ -81,10 +81,12 @@ function Publish(props: RouteComponentProps) {
             </div>
             <div tw="my-4 min-w-[800px] max-w-[800px]">
               <Paper variant="outlined">
+                {/* TODO replace editor with multiline textarea input */}
                 <Editor
                   value={text}
                   onValueChange={(text) => setText(text)}
-                  highlight={(text) => highlight(text, languages.markup, 'markup')}
+                  highlight={(text) => text}
+                  // highlight={(text) => highlight(text, languages.markup, 'markup')}
                   padding={14}
                   tabSize={4}
                   insertSpaces={true}