Get everything ready

src/Globals.css

@@ -2,5 +2,5 @@
 
 body {
   font-family: 'Ubuntu', sans-serif;
-  @apply bg-[rgb(16,16,16)] text-white;
+  @apply bg-[rgb(16,16,24)] text-white;
 }

src/editor/main.tsx

@@ -0,0 +1,29 @@
+import ReactDOM from 'react-dom/client'
+import '@fontsource/ubuntu'
+import '../Globals.css'
+import { createBrowserRouter, RouterProvider } from 'react-router-dom'
+import Home from './routes/Home'
+
+const router = createBrowserRouter([
+  {
+    path: '/editor.html/',
+    children: [
+      {
+        index: true,
+        element: <Home />
+      }
+    ]
+  }
+])
+
+export default function App () {
+  return (
+    <>
+      <RouterProvider router={router} />
+    </>
+  )
+}
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <App />
+)

src/editor/routes/Home.tsx

@@ -0,0 +1,3 @@
+export default function Home () {
+  return <></>
+}

src/main.tsx

@@ -1,11 +0,0 @@
-import ReactDOM from 'react-dom/client'
-import '@fontsource/ubuntu'
-import './Globals.css'
-
-function App () {
-  return <p>PHP Fly</p>
-}
-
-ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <App />
-)

src/projectmanager/main.tsx

@@ -0,0 +1,29 @@
+import ReactDOM from 'react-dom/client'
+import '@fontsource/ubuntu'
+import '../Globals.css'
+import { createBrowserRouter, RouterProvider } from 'react-router-dom'
+import Home from './routes/Home'
+
+const router = createBrowserRouter([
+  {
+    path: '/projectmanager.html/',
+    children: [
+      {
+        index: true,
+        element: <Home />
+      }
+    ]
+  }
+])
+
+export default function App () {
+  return (
+    <>
+      <RouterProvider router={router} />
+    </>
+  )
+}
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <App />
+)

src/projectmanager/routes/Home.tsx

@@ -0,0 +1,3 @@
+export default function Home () {
+  return <></>
+}