feat: ✨ availability heatmap jagged edges

[ethancha0]

Key changes:

• /availability/utils.ts

  • adds PageEdgeVariant, and getPageEdgeVariant() which decides which jagged edges should appear for current availability page

• /availability/availability.tsx

  • calculates the last page from availabilityDates.lenth and itemsPerPage
  • determines if user is on first/middle/last page and stores it in pageEdgeVariant

• /availability-grid-jagged-edjes.tsx

  • adds jagged edge svg overlay
  • measures table header/body with ResizeObserver

Data flow:

1. availability dates + current page
2. getPageEdgeVariant()
3. AvailabilityGridJaggedEdges

Recording/Screenshots

• Closes
  Meeting Jagged Edges #496

[ethancha0]

@cubic-dev-ai review

[cubic-dev-ai]

@cubic-dev-ai review

@ethancha0 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

2 issues found across 3 files

<sub>Reply with feedback, questions, or to request a fix.

Re-trigger cubic</sub>

[cubic-dev-ai]

No issues found across 3 files

_{Re-trigger cubic}