Add new files and update dependencies

package.json

@@ -12,9 +12,12 @@
   "dependencies": {
     "@reduxjs/toolkit": "^2.2.1",
     "@tauri-apps/api": "^1.5.2",
+    "@types/classnames": "^2.3.1",
     "@types/react-redux": "^7.1.33",
     "@types/react-router-dom": "^5.3.3",
+    "prop-types": "^15.8.1",
     "react": "^18.2.0",
+    "react-accessible-treeview": "^2.8.3",
     "react-dom": "^18.2.0",
     "react-icons": "^5.0.1",
     "react-redux": "^9.1.0",

src/App.tsx

@@ -3,6 +3,12 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import Intro from "./pages/intro";
 import Projects from "./pages/projects";
 import Dashboard from "./pages/dashboard";
+import Pages from "./pages/dashboard/Panels/LeftPanel/Pages";
+import Controls from "./pages/dashboard/Panels/LeftPanel/Controls";
+import Layers from "./pages/dashboard/Panels/LeftPanel/Controls/Layers";
+import Assets from "./pages/dashboard/Panels/LeftPanel/Controls/Assets";
+import Database from "./pages/dashboard/Panels/LeftPanel/Controls/Database";
+import Settings from "./pages/dashboard/Panels/LeftPanel/Controls/Settinggs";
 
 function App() {
   return (
@@ -11,7 +17,16 @@ function App() {
         <Routes>
           <Route path="/" element={<Intro />} />
           <Route path="/projects" element={<Projects />} />
-          <Route path="/projects/:id" element={<Dashboard />} />
+          <Route path="/projects/:id" element={<Dashboard />}>
+            <Route index element={<Pages />} />
+            <Route path="controls" element={<Controls />}>
+              <Route path="layers" element={<Layers />} />
+              <Route path="assets" element={<Assets />} />
+              <Route path="database" element={<Database />} />
+              <Route path="settings" element={<Settings />} />
+            </Route>
+          </Route>
+          <Route path="*" element={<Projects />} />
         </Routes>
       </Router>
     </div>