add monaco editor placeholder

frontend/src/routes/__root.tsx

@@ -61,6 +61,9 @@ function Root() {
             <Link to="/" className="[&.active]:font-bold">
               Home
             </Link>
+            <Link to="/raw" className="[&.active]:font-bold">
+              Raw
+            </Link>
           </div>
           <div className={"flex items-center gap-2"}>
             <ModeToggle />

frontend/src/routes/raw/index.tsx

@@ -0,0 +1,16 @@
+import Editor from "@monaco-editor/react";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/raw/")({
+  component: Component,
+});
+
+function Component() {
+  return (
+    <Editor
+      height="90vh"
+      defaultLanguage="sql"
+      defaultValue="SELECT * FROM table"
+    />
+  );
+}