feat: UI revamp with sidebar nav and grouped library

Replace top Nav with Sidebar, add lib/group.js for library grouping, tokenized color/alert styles, and tighter Settings/Canvas export layout. Adds @tabler/icons-react. Verified production build (standalone) passes, so the Docker image built from this tree matches the local app. Co-authored-by: Claude <claude-code@anthropic.com>
2026-06-25 18:33:08 -04:00
parent 4036ad5839
commit b7416cc618
13 changed files with 1564 additions and 1364 deletions
@@ -1,5 +1,5 @@
 import "./globals.css";
-import Nav from "@/components/Nav";
+import Sidebar from "@/components/Sidebar";

 export const metadata = {
  title: "Mr. Drew's Assignment Creator",
@@ -19,8 +19,10 @@ export default function RootLayout({ children }) {
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
      </head>
      <body>
-        <Nav />
-        <main className="shell">{children}</main>
+        <div className="app">
+          <Sidebar />
+          <main className="content">{children}</main>
+        </div>
      </body>
    </html>
  );