Add small and clean rolldown-vite dashboard banner at top of page

Co-authored-by: Boshen <[email protected]>

Author: Copilot

apps/dashboard/src/App.css

@@ -5,6 +5,27 @@
   color: #000000;
 }
 
+/* Dashboard Banner - Small and Clean */
+.dashboard-banner {
+  background: #f8fafc;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 0.5rem 2rem;
+  position: sticky;
+  top: 0;
+  z-index: 50;
+}
+
+.banner-content {
+  max-width: 1200px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: #64748b;
+}
+
 .dashboard-header {
   background: #1e293b;
   border-bottom: 1px solid #e2e8f0;

apps/dashboard/src/components/Layout.tsx

@@ -1,11 +1,19 @@
-import { Package, Zap } from 'lucide-react';
+import { BarChart3, Package, Zap } from 'lucide-react';
 import { Link, Outlet, useLocation } from 'react-router-dom';
 
 function Layout() {
   const location = useLocation();
 
   return (
     <>
+      {/* Rolldown-Vite Dashboard Banner */}
+      <div className='dashboard-banner'>
+        <div className='banner-content'>
+          <BarChart3 size={16} />
+          <span>Rolldown-Vite Dashboard</span>
+        </div>
+      </div>
+
       {/* Page Navigation */}
       <nav className='page-nav'>
         <Link