gm4ebnr3j: Add three-column layout with featured experts and trending minnects rails

src/components/App.tsx

@@ -1,10 +1,12 @@
 "use client";
 
+import Link from "next/link";
 import { useEffect, useState } from "react";
 import { loadSession, type Person } from "@/lib/auth-client";
 import { SignInForm } from "./SignInForm";
 import { Logo } from "./Logo";
 import { Feed } from "./Feed";
+import { DiscoverRails } from "./DiscoverRails";
 
 type State = { kind: "loading" } | { kind: "out" } | { kind: "in"; person: Person };
 
@@ -46,7 +48,19 @@ export function App() {
           <span>{state.person.email}</span>
         </div>
       </header>
-      <Feed feedUserId={state.person.feedUserId} onSignedOut={() => setState({ kind: "out" })} />
+      <div className="columns">
+        <nav className="col-left" aria-label="Main">
+          <ul>
+            <li><Link href="/" aria-current="page">Feed</Link></li>
+          </ul>
+        </nav>
+        <div className="col-center">
+          <Feed feedUserId={state.person.feedUserId} onSignedOut={() => setState({ kind: "out" })} />
+        </div>
+        <aside className="col-right" aria-label="Discover">
+          <DiscoverRails />
+        </aside>
+      </div>
     </main>
   );
 }