feat: implement reports page with analytical charts and data grids, and add payment status tracking to submissions.

src/components/Sidebar.tsx

@@ -11,9 +11,9 @@ import {
   UserCircle, 
   Sparkles, 
   X,
-  Layers,
   ArrowUpRight,
-  Info
+  Info,
+  BarChart2
 } from 'lucide-react'
 import { checkUser } from '@/app/actions'
 
@@ -21,7 +21,7 @@ const menuItems = [
   { name: 'Open Order', href: '/', icon: Store, desc: 'Daftar PO live hari ini' },
   { name: 'Jasa Order Saya', href: '/my-orders', icon: ClipboardList, desc: 'Kelola PO buatan Anda' },
   { name: 'Pesanan Saya', href: '/my-purchases', icon: ShoppingBag, desc: 'Riwayat titipan Anda' },
-  { name: 'Profile', href: '/profile', icon: UserCircle, desc: 'Pengaturan akun' },
+  { name: 'Laporan', href: '/reports', icon: BarChart2, desc: 'Ringkasan transaksi' },
 ]
 
 export function Sidebar({ isOpen, onClose }: { isOpen?: boolean; onClose?: () => void }) {
@@ -163,7 +163,7 @@ export function Sidebar({ isOpen, onClose }: { isOpen?: boolean; onClose?: () =>
             <div className="w-5 h-5 rounded-lg bg-[#1B2CC1]/10 text-[#1B2CC1] flex items-center justify-center">
               <Info className="w-3 h-3" />
             </div>
-            <span>Auto Rekap WhatsApp</span>
+            <span>Auto Rekap</span>
           </div>
           <p className="text-[11px] text-slate-500 dark:text-slate-400 leading-relaxed">
             Gunakan Generator Rekap pada detail PO untuk salin ringkasan belanja otomatis ke chat grup.