feat: implement issues #350, #361, #349, #360 (#371)

#350 - NotificationCenter: badge capped at 99+, dropdown with icons,
  relative timestamps, invoice links, 30s polling, mark-all-read,
  Escape/keyboard nav, max 50 notifications stored

#361 - Dashboard filtering/sorting: URL-param-driven multi-select status
  chips, date range picker, sort select, sticky desktop bar, collapsible
  mobile drawer, invoice count display, clear filters button

#349 - StatusTimeline: vertical event timeline (Created, First Payment,
  Milestone 50%, Fully Funded, Released, Expired), relative+absolute
  timestamps, scrollable at >6 events, empty state, mobile stepper

#360 - Groups detail page: group name, pool progress bar, deadline
  countdown, member table with contributed/share/pct/status, Contribute
  button opens PayModal pre-filled, creator Release Funds button,
  read-only without wallet, responsive desktop table + mobile cards

Also: update .gitignore with snapshots, logs, editor, dist artifacts

Co-authored-by: Emmanuel Chukwunyere <emmanuelanalaba@gmail.com>

Author: ahmadadebayo78-boop

.gitignore

@@ -18,17 +18,32 @@ next-env.d.ts
 # OS files
 .DS_Store
 Thumbs.db
+*.DS_Store
 
 # Test artifacts
 **/__snapshots__/
 *.snap
 coverage/
 playwright-report/
 test-results/
+junit.xml
+*.lcov
 
 # Logs
 *.log
 npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
 # Editor
 .vscode/
+.idea/
+*.swp
+*.swo
+
+# Misc
+.turbo/
+.vercel/
+.cache/
+*.tgz
+dist/

src/app/dashboard/page.tsx

@@ -1,18 +1,18 @@
+import { Suspense } from "react";
 import DashboardClient from "@/components/DashboardClient";
+import { InvoiceListSkeleton } from "@/components/Skeleton";
 
 export const metadata = {
   robots: { index: false, follow: false },
   title: "Your Invoices — StellarSplit",
 };
 
-/**
- * Dashboard page with streaming SSR.
- * The page shell renders immediately, and invoice cards stream in as they load.
- */
 export default async function DashboardPage() {
   return (
     <main className="max-w-3xl mx-auto w-full px-4 sm:px-6 py-16 overflow-x-hidden">
-      <DashboardClient />
+      <Suspense fallback={<InvoiceListSkeleton />}>
+        <DashboardClient />
+      </Suspense>
     </main>
   );
 }