[Feature] add react & common dialog

[Taihenc]

No description provided.

[Copilot]

Pull Request Overview

This PR integrates React dialog support and common UI components, updates global typography, and adds new pages for the RPKM and FirstDate sections with performance and health-check tooling.

• Added custom fonts and CSS variables in global styles
• Initialized a React-based DialogManager and hooks for global dialogs
• Created new Popup, Dialog, and button components and wired them into RPKM/FirstDate pages
• Expanded home page with API health check and performance measurements

Reviewed Changes

Copilot reviewed 46 out of 114 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
src/styles/global.css	Imported new fonts and declared CSS variables
src/lib/dialogManager.ts	Implemented global DialogManagerV2 for React dialogs
src/hooks/useDialog.ts	Added useDialog hook to manage dialog state and events
src/components/common/react/Dialog.tsx	Created React Dialog component with backdrop and events
src/components/common/Popup.astro	Added Astro Popup component for modal-like UI

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

Comments suppressed due to low confidence (1)

src/components/common/Footer.astro:17

• The key rpkm-workshops in bgGradient doesn’t match the variant value passed from the layout (e.g., workshops). Align these names so the correct gradient is applied.

  "rpkm-workshops": {

[Copilot]

CSS custom properties should be declared under :root (or html) rather than using a non-standard @theme at-rule to ensure broad browser support.

Suggested change

	@theme {
	:root {

[Copilot]

Calling performance.now() in the SSR frontmatter measures server‐side render time, not client‐side latency. Consider moving this measurement into the client <script> block for accurate network timing.