feat: add syntax highlighting and enhance document editing features

- Import GitHub dark theme for highlight.js in main.ts
- Pass slug prop to VisualEditor in DocumentView.vue for version and normal editing modes
- Update Vite configuration to increase maximum cache size and add media proxy
- Add new dependencies for Tiptap extensions and highlight.js in package.json and package-lock.json

frontend/package.json

@@ -16,6 +16,7 @@
     "@tiptap/extension-bullet-list": "^2.27.2",
     "@tiptap/extension-code": "^2.27.2",
     "@tiptap/extension-code-block": "^2.27.2",
+    "@tiptap/extension-code-block-lowlight": "^2.27.2",
     "@tiptap/extension-document": "^2.27.2",
     "@tiptap/extension-heading": "^2.27.2",
     "@tiptap/extension-horizontal-rule": "^2.27.2",
@@ -25,6 +26,10 @@
     "@tiptap/extension-ordered-list": "^2.27.2",
     "@tiptap/extension-paragraph": "^2.27.2",
     "@tiptap/extension-strike": "^2.27.2",
+    "@tiptap/extension-table": "^2.27.2",
+    "@tiptap/extension-table-cell": "^2.27.2",
+    "@tiptap/extension-table-header": "^2.27.2",
+    "@tiptap/extension-table-row": "^2.27.2",
     "@tiptap/extension-text": "^2.27.2",
     "@tiptap/html": "^2.27.2",
     "@tiptap/pm": "^2.4.0",
@@ -34,6 +39,8 @@
     "codemirror": "^6.0.1",
     "graphql": "^16.9.0",
     "graphql-request": "^6.1.0",
+    "highlight.js": "^11.11.1",
+    "lowlight": "^3.3.0",
     "pinia": "^2.1.7",
     "vue": "^3.4.0",
     "vue-router": "^4.3.0"
@@ -41,6 +48,7 @@
   "devDependencies": {
     "@codemirror/lang-markdown": "^6.2.5",
     "@codemirror/theme-one-dark": "^6.1.2",
+    "@tiptap/extension-image": "^2.27.2",
     "@types/node": "^20.14.0",
     "@vitejs/plugin-vue": "^5.0.5",
     "autoprefixer": "^10.4.19",