build analytics dashboard page at /devcard/analytics

[parthpatidar03]

Description

closes #28
Developed a comprehensive analytics dashboard for card owners to monitor their digital footprint and interaction metrics. This closes the gap between the backend tracking system and user-facing features.

Technical Changes

• Server-Side Rendering (SSR): Leveraged SvelteKit's +page.server.ts to fetch high-priority data before page hydration.
  • Utilized Promise.all for parallel fetching of overview and views endpoints to minimize TTFB (Time to First Byte).
• Dashboard UI Architecture:
  • KPI Layer: Created a 4-column grid of stat cards displaying totalViews, viewsToday, uniqueViewers, and totalFollows.
  • Activity Engine: Implemented an activity list component that renders recent cardView events, displaying viewer avatars and interaction timestamps.
  • Log Table: Built a responsive data table for granular tracking of traffic sources (QR, link, etc.) and viewer IP logging.
• State Handling: Implemented robust error boundaries to handle unauthorized access (401) or backend downtime, providing clear "Return Home" CTAs.

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.