feat: add skeleton loaders, badges, transaction timeline, and event links

[Sabira2003]

Summary

This PR implements four related frontend improvements across the SoroScan interface.

Loading Skeleton Components

• Added reusable SkeletonTable, SkeletonCard, SkeletonText, and SkeletonChart components

• Added configurable dimensions, animation type, and animation speed

• Preserved the existing base Skeleton API

• Added loading interfaces for:

  • Event Explorer
  • Contracts
  • Webhooks

Badge Component

• Added success, error, warning, and info variants
• Added compact and normal sizes
• Added rounded and square shapes
• Added optional Lucide icon support
• Added dismissible badges with accessible dismiss controls
• Preserved existing badge variants and sizes for backwards compatibility

Transaction Timeline

• Added reusable TransactionTimeline, TimelineGroup, and TimelineEvent components
• Orders events chronologically
• Groups events by logical transaction
• Displays success, error, and pending statuses
• Supports inline event-detail expansion
• Shows parent-event causality
• Supports event-type filtering
• Supports time-scale zoom controls
• Includes coverage for rendering more than 1,000 events

Copy Event Link

• Added a reusable Copy Event Link component
• Generates shareable URLs containing the event ID
• Added copied and error feedback states
• Added a shared event destination route
• Integrated Copy Link into the Event Details modal
• Added tests for URL generation and clipboard behaviour

Validation

• 5 focused test suites passed
• 86 tests passed
• ESLint passed for all changed files
• git diff --check passed

The repository-wide TypeScript check is currently blocked by pre-existing syntax and generated-type errors in unrelated files, including app/contract-dependencies/page.tsx, app/dashboard/page.tsx, components/layout/AppShell.tsx, and generated GraphQL files. None of the reported TypeScript errors reference files changed in this PR.

Closes #902
Closes #881
Closes #895
Closes #884

[drips-wave]

@Sabira2003 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits