feat: Implement a new dashboard shell with animated background, refactor dashboard data fetching into a dedicated API route, and introduce new UI components.**

src/app/dashboard/layout.tsx

@@ -1,30 +1,9 @@
-import { Navbar } from "~/components/layout/navbar";
-import { Sidebar } from "~/components/layout/sidebar";
-import { DashboardBreadcrumbs } from "~/components/navigation/dashboard-breadcrumbs";
+import { DashboardShell } from "~/components/layout/dashboard-shell";
 
 export default function DashboardLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  return (
-    <div className="bg-dashboard relative min-h-screen">
-      <Navbar />
-      <Sidebar />
-      {/* Mobile layout - no left margin */}
-      <main className="relative z-10 min-h-screen pt-16 md:hidden">
-        <div className="bg-background px-4 pt-4 pb-6 sm:px-6">
-          <DashboardBreadcrumbs />
-          {children}
-        </div>
-      </main>
-      {/* Desktop layout - with sidebar margin */}
-      <main className="relative z-10 hidden min-h-screen pt-16 md:ml-64 md:block">
-        <div className="bg-background px-6 pt-6 pb-6">
-          <DashboardBreadcrumbs />
-          {children}
-        </div>
-      </main>
-    </div>
-  );
+  return <DashboardShell>{children}</DashboardShell>;
 }