Update file preview

package.json

@@ -10,10 +10,13 @@
     "cypress": "cypress open"
   },
   "dependencies": {
+    "@react-three/drei": "^9.66.1",
+    "@react-three/fiber": "^8.13.0",
     "@types/react": "18.0.35",
     "@types/react-dom": "18.0.11",
     "autoprefixer": "10.4.14",
     "axios": "^1.3.5",
+    "cors": "^2.8.5",
     "googleapis": "^118.0.0",
     "jsonwebtoken": "^9.0.0",
     "mime-types": "^2.1.35",
@@ -23,9 +26,11 @@
     "postcss": "8.4.22",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-h5-audio-player": "^3.8.6",
     "react-icons": "^4.8.0",
     "react-loading": "^2.0.3",
     "react-markdown": "^8.0.7",
+    "react-player": "^2.12.0",
     "react-toastify": "^9.1.2",
     "rehype-katex": "^6.0.2",
     "rehype-prism-plus": "^1.5.1",
@@ -37,13 +42,16 @@
     "remark-slug": "^7.0.1",
     "remark-toc": "^8.0.1",
     "swr": "^2.1.3",
-    "tailwindcss": "3.3.1"
+    "tailwindcss": "3.3.1",
+    "three": "^0.152.0"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.9",
+    "@types/cors": "^2.8.13",
     "@types/jsonwebtoken": "^9.0.1",
     "@types/mime-types": "^2.1.1",
     "@types/node": "18.15.11",
+    "@types/three": "^0.150.2",
     "cypress": "^12.10.0",
     "eslint": "8.38.0",
     "eslint-config-next": "13.3.0",