fix: finish home page

package.json

@@ -15,8 +15,10 @@
     "@reduxjs/toolkit": "^1.8.2",
     "axios": "^0.27.2",
     "clsx": "^1.1.1",
+    "date-fns": "^2.28.0",
     "emmet-monaco-es": "^5.1.0",
     "esbuild-wasm": "^0.14.42",
+    "fuse.js": "^6.6.2",
     "localforage": "^1.10.0",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.33.0",
@@ -35,14 +37,16 @@
     "react-redux": "^8.0.2",
     "react-split-pane": "^0.1.92",
     "react-virtualized-auto-sizer": "^1.0.6",
-    "tree-model-improved": "^2.0.1"
+    "tree-model-improved": "^2.0.1",
+    "unique-names-generator": "^4.7.1"
   },
   "devDependencies": {
     "@types/babel__code-frame": "^7.0.3",
     "@types/lodash-es": "^4.17.6",
     "@types/node": "16.11.7",
     "@types/prettier": "^2.6.3",
-    "@types/react": "17.0.35",
+    "@types/react": "^18.0.12",
+    "@types/react-dom": "^18.0.5",
     "@types/react-virtualized-auto-sizer": "^1.0.1",
     "@windicss/plugin-animations": "^1.0.9",
     "eslint-config-next": "12.1.5",

src/components/editor/Editor.tsx

@@ -2,8 +2,8 @@ import { useEditor } from "@hooks/use-editor";
 import MonacoEditor, { OnMount } from "@monaco-editor/react";
 import React, { Fragment, useMemo } from "react";
 import { useTypedSelector } from "../../lib/store/store";
-import { onBeforeEditorMount } from "./plugins";
-import theme from "./themes/night_owl.json";
+import { onBeforeEditorMount } from "../../lib/monaco/plugins";
+import theme from "../../lib/monaco/themes/night_owl.json";
 import WelcomeScreen from "./WelcomeScreen";
 
 const Editor: React.FC = () => {

src/components/editor/index.tsx

@@ -31,6 +31,8 @@ const EditorLayout: React.FC<EditorLayoutProps> = () => {
 
   const id = router.query?.pid as string;
 
+  console.log(id);
+
   useEffect(() => {
     dispatch(LOAD_INITIAL_FILES(id))
       .then(() => dispatch(INIT_BUNDLER()))