Refactor dashboards and fix HMR with date handling improvements

[conorbranagan]

Changes

This PR includes several improvements to the dashboard and prototype infrastructure:

• Restructured marketing attribution dashboard: Reorganized the marketing attribution dashboard page for better maintainability and clarity
• Removed hardcoded navigation: Eliminated hardcoded navigation from prototypes layout to improve flexibility and reusability
• Date object handling: Updated timeseries data to use Date objects instead of strings for more robust date handling and manipulation
• Persona dashboard prototypes: Added new persona dashboard prototypes with proper navigation layout
• Fixed dials HMR: Resolved Hot Module Replacement (HMR) issues for dials by implementing a window-based singleton pattern

Related Task

View Niteshift Task

---

TL;DR

Refactored dashboards, improved date handling, and introduced the @niteshift/dials SDK for runtime design parameter controls, which also fixed HMR issues.

What changed?

• Niteshift Dials SDK:
  • Introduced a new @niteshift/dials package for runtime design parameter controls, including:
    • Core DialRegistry for managing and persisting dial values.
    • DialsProvider and DialsOverlay React components for UI and context.
    • Various control components (ColorControl, SpacingControl, VariantControl, BooleanControl, NumberControl) for different dial types.
    • Custom React hooks (useDial, useDynamicBoolean, useDynamicColor, useDynamicNumber, useDynamicSpacing, useDynamicVariant) for integrating dials into components.
    • Comprehensive unit tests and build configurations.
  • Integrated the @niteshift/dials SDK into the main application (src/app/Providers.tsx, src/app/layout.tsx).
  • Updated CLAUDE.md with documentation for the new SDK.
• Dashboard Refactoring and Prototypes:
  • Restructured the marketing attribution dashboard page.
  • Removed hardcoded navigation from prototypes layout, introducing a new PrototypesLayout component.
  • Added new persona dashboard prototypes (hybrid, marketing-attribution, product-analytics, revenue-operations) with dynamic customization via @niteshift/dials.
  • Enhanced WebsiteMetricsBar, WebsitePage, and WebsitePanels components to use TypographyContext and @niteshift/dials for dynamic styling.
  • Added "Overview Alt" to website navigation.
• Date Handling:
  • Updated timeseries data to use Date objects instead of strings for improved date handling.
• Component Enhancements:
  • MetricCard component now supports enhanced text customization for labels and values.
• Build and Dependencies:
  • Added a postinstall script to package.json to build the @niteshift/dials workspace.
  • Updated pnpm-lock.yaml to reflect dependency changes.

^{Description generated by Mesa. Update settings}