feat(frontend): redesign post-login layout into guild/channel/chat panes

src/layouts/AppLayout.tsx

@@ -2,33 +2,16 @@ import { Link, Outlet } from 'react-router-dom'
 import { useAuth } from '../auth/auth-context'
 
 export default function AppLayout() {
-  const { isAuthed, session, logout } = useAuth()
+  const { isAuthed } = useAuth()
 
   return (
-    <div className="app-shell">
-      <aside className="sidebar">
-        <h3 className="sidebar-title">Fabric</h3>
-        <nav className="sidebar-nav">
-          <Link to="/workspace">Workspace</Link>
-          <Link to="/chat">Chat</Link>
+    <main className="page-content">
+      {!isAuthed ? (
+        <nav className="row-wrap" style={{ marginBottom: 12 }}>
           <Link to="/login">Login</Link>
         </nav>
-        <div className="sidebar-session">
-          {isAuthed ? (
-            <>
-              <div className="muted">{session?.user.email}</div>
-              <button onClick={() => logout()} className="btn btn-secondary" style={{ marginTop: 8 }}>
-                Sign out
-              </button>
-            </>
-          ) : (
-            <span className="muted">Not signed in</span>
-          )}
-        </div>
-      </aside>
-      <main className="page-content">
-        <Outlet />
-      </main>
-    </div>
+      ) : null}
+      <Outlet />
+    </main>
   )
 }