Initial frontend draft

frontend/app/root.tsx

@@ -7,8 +7,10 @@ import {
   ScrollRestoration,
 } from "react-router";
 
+import React from "react";
 import type { Route } from "./+types/root";
-import "./app.css";
+// import "./app.css";
+import 'bootstrap/dist/css/bootstrap.min.css';
 
 export const links: Route.LinksFunction = () => [
   { rel: "preconnect", href: "https://fonts.googleapis.com" },
@@ -36,6 +38,17 @@ export function Layout({ children }: { children: React.ReactNode }) {
         {children}
         <ScrollRestoration />
         <Scripts />
+        <script src="https://cdn.jsdelivr.net/npm/react/umd/react.production.min.js" crossOrigin=""></script>
+
+        <script
+          src="https://cdn.jsdelivr.net/npm/react-dom/umd/react-dom.production.min.js"
+          crossOrigin=""></script>
+
+        <script
+          src="https://cdn.jsdelivr.net/npm/react-bootstrap@next/dist/react-bootstrap.min.js"
+          crossOrigin=""></script>
+
+        <script>var Alert = ReactBootstrap.Alert;</script>
       </body>
     </html>
   );