PEER-249 Add common layout for question details: Add files

Signed-off-by: SeeuSim <[email protected]>

Author: SeeuSim

frontend/src/components/blocks/authed-layout.tsx

@@ -0,0 +1,16 @@
+import { observer } from 'mobx-react';
+import { Outlet } from 'react-router-dom';
+
+export const AuthedLayout = observer(() => {
+  return (
+    <div id='main' className='flex h-[calc(100dvh-64px)] w-full flex-col overscroll-contain'>
+      <Outlet />
+    </div>
+    // <div id='main' className='bg-background flex size-full min-h-screen flex-col'>
+    // {/* Body */}
+    // <div className='container'>
+    // <Outlet />
+    // </div>
+    // </div>
+  );
+});

frontend/src/components/blocks/root-layout.tsx

@@ -0,0 +1,13 @@
+import { Outlet } from 'react-router-dom';
+import NavBar from './nav-bar';
+
+export function RootLayout() {
+  return (
+    <div className='text-text bg-background flex min-h-screen flex-col overscroll-contain'>
+      <NavBar />
+      <main className='flex flex-1'>
+        <Outlet />
+      </main>
+    </div>
+  );
+}