feat: web project update

Author: FlyAndNotDown

Editor/Web/package.json

@@ -10,24 +10,25 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@heroui/avatar": "^2.2.20",
+    "@heroui/breadcrumbs": "^2.2.20",
     "@heroui/button": "^2.2.24",
+    "@heroui/chip": "^2.2.20",
     "@heroui/code": "^2.2.18",
     "@heroui/dropdown": "^2.3.24",
+    "@heroui/form": "^2.1.24",
     "@heroui/input": "^2.4.25",
-    "@heroui/breadcrumbs": "^2.2.20",
-    "@heroui/avatar": "^2.2.20",
     "@heroui/kbd": "^2.2.19",
     "@heroui/link": "^2.2.21",
-    "@heroui/tabs": "^2.2.21",
     "@heroui/navbar": "^2.2.22",
+    "@heroui/react": "^2.8.2",
     "@heroui/snippet": "^2.2.25",
-    "@heroui/form": "^2.1.24",
     "@heroui/switch": "^2.2.22",
-    "@heroui/chip": "^2.2.20",
-    "@heroui/user": "^2.2.20",
     "@heroui/system": "^2.4.20",
+    "@heroui/tabs": "^2.2.21",
     "@heroui/theme": "^2.4.20",
     "@heroui/use-theme": "2.1.10",
+    "@heroui/user": "^2.2.20",
     "@react-aria/visually-hidden": "3.8.26",
     "@react-types/shared": "3.31.0",
     "@tailwindcss/postcss": "4.1.11",

Editor/Web/src/App.tsx

@@ -1,10 +1,10 @@
-import { Route, Routes } from "react-router-dom";
-import ProjectHubPage from "@/pages/project-hub";
+import { Route, Routes } from 'react-router-dom';
+import ProjectHubPage from '@/pages/project-hub';
 
 function App() {
   return (
     <Routes>
-      <Route element={<ProjectHubPage/>} path="/project-hub"/>
+      <Route element={<ProjectHubPage/>} path='/project-hub'/>
     </Routes>
   );
 }

Editor/Web/src/main.tsx

@@ -1,16 +1,16 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
 
-import App from "./App.tsx";
-import { Provider } from "./provider.tsx";
-import "@/styles/globals.css";
+import App from './App.tsx';
+import { Provider } from './provider.tsx';
+import '@/styles/globals.css';
 
-ReactDOM.createRoot(document.getElementById("root")!).render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <BrowserRouter>
       <Provider>
-        <main className="dark text-foreground bg-background">
+        <main className='dark text-foreground bg-background'>
           <App />
         </main>
       </Provider>

Editor/Web/src/pages/project-hub.tsx

@@ -1,19 +1,19 @@
-import { Tabs, Tab } from "@heroui/tabs";
-import { User } from "@heroui/user";
-import { Form } from "@heroui/form";
-import { Button } from "@heroui/button";
-import { Input } from "@heroui/input";
+import { Tabs, Tab } from '@heroui/tabs';
+import { User } from '@heroui/user';
+import { Form } from '@heroui/form';
+import { Button } from '@heroui/button';
+import { Input } from '@heroui/input';
 
 export default function ProjectHubPage() {
   return (
     <div className='h-screen p-6'>
       <div className='mb-4'>
         <User
           avatarProps={{
-            src: "/logo.png",
+            src: '/logo.png',
           }}
-          description="v0.0.1"
-          name="Explosion Game Engine"
+          description='v0.0.1'
+          name='Explosion Game Engine'
         />
       </div>
 

Editor/Web/src/provider.tsx

@@ -1,9 +1,9 @@
-import type { NavigateOptions } from "react-router-dom";
+import type { NavigateOptions } from 'react-router-dom';
 
-import { HeroUIProvider } from "@heroui/system";
-import { useHref, useNavigate } from "react-router-dom";
+import { HeroUIProvider } from '@heroui/system';
+import { useHref, useNavigate } from 'react-router-dom';
 
-declare module "@react-types/shared" {
+declare module '@react-types/shared' {
   interface RouterConfig {
     routerOptions: NavigateOptions;
   }