simple login/checkauth/main app components

src/components/MainApp.jsx

@@ -0,0 +1,24 @@
+
+
+export default function MainApp() {
+  // You could fetch your short-lived access token from localStorage
+  const accessToken = localStorage.getItem("access_tokens");
+  console.log("the accesToken in Mainapp is :" + accessToken);
+  return (
+    <div style={{ padding: "2rem" }}>
+      <h1>Welcome to MyHotel!</h1>
+      <p>Your access token (short-lived) is:</p>
+      <pre>{accessToken}</pre>
+
+      <section>
+        <h2>Dashboard</h2>
+        <ul>
+          <li>Rooms</li>
+          <li>Bookings</li>
+          <li>Guests</li>
+          <li>Reports</li>
+        </ul>
+      </section>
+    </div>
+  );
+}