160-FEAT: Add the base structure for react conversion of SolarLand page

apps/react/App.tsx

@@ -8,6 +8,8 @@ const App: React.FC = () => {
       <Link to={"/event-land"}> Event Land </Link> 
       <br/>
       <Link to={"/show-land"}> Show Land </Link> 
+      <br/>
+      <Link to={"/solar-land"}> Solar Land </Link> 
     </>
   );
 };

apps/react/main.tsx

@@ -5,6 +5,7 @@ import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import MainPage from "./App.tsx";
 import EventLand from "./event-land/App.tsx";
 import ShowLand from "./show-land/App.tsx";
+import SolarLand from "./solar-land/App.tsx";
 
 const router = createBrowserRouter([
   {
@@ -19,6 +20,10 @@ const router = createBrowserRouter([
     path: "/show-land",
     element: <ShowLand />,
   },
+  {
+    path: "/solar-land",
+    element: <SolarLand />,
+  },
 ]);
 
 createRoot(document.getElementById("root")!).render(

apps/react/solar-land/App.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const App: React.FC = () => {
+  return <div>Hello world! Solar Land this is new</div>;
+};
+
+export default App;

apps/react/solar-land/main.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import { createRoot } from "react-dom/client";
+import App from "@/App";
+
+createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);