feat: Add Single Invoice Web Component

[proofmancer]

Resolves #151
Resolves #306
Fixes #305
Fixes #296

Overview

Created a standalone web component to view and pay a single request for the Request Invoicing app. This component enables easier sharing via links and faster loading compared to the Invoice Dashboard.

Changes

• Single Invoice Web Component:
  • Developed a reusable web component for viewing and paying a single request.
  • Handles Invoice Decryption
• Server-Side Rendering (SSR):
  • Integrated SSR on the Next.js side to optimize rendering and improve performance.
• Invoice Dashboard Invoice View
  • Add Share Single Invoice Link Button
• Refactored and de-duplicated shared utils

Screen.Recording.2025-01-13.at.17.13.21.mov

Summary by CodeRabbit

Summary by CodeRabbit

Release Notes

• New Features

  • Introduced @requestnetwork/single-invoice package, a new web component for invoice management and payment processing.
  • Added support for invoice sharing functionality.
  • Enhanced currency conversion and payment value calculation utilities.
  • Added a new loading skeleton component for improved user experience during data fetching.
  • Introduced a new Share icon component for sharing invoice links.

• Improvements

  • Consolidated utility functions into a centralized export point.
  • Updated import statements across multiple components for better modularity.
  • Improved error handling and type safety in various utility functions.
  • Enhanced documentation for the @requestnetwork/single-invoice component.
  • Streamlined invoice totals calculation and wallet connection management in the invoice form.

• Technical Updates

  • Added TypeScript configuration for React and Svelte components.
  • Updated Vite and Svelte configurations.
  • Integrated Chainlink rate retrieval and conversion utilities.
  • Introduced new scripts and configuration files for streamlined builds and development workflows.
  • Added GitHub Actions workflow for npm publishing of the new package.