Donation form - Step 4

[thaninbew]

This ticket should be completed after carousel is completed.

Overview

There exists a barebones implementation of Step4Receipt.tsx already, but it is in a barebones state at the moment. The goal of this ticket is to match it to the design in Figma. You may add/remove/modify lines from the original implementation as you see fit.
Note on Styling: Use Tailwind CSS + shadcn/ui components for consistency with Steps 1-3. Refer to completed implementations from concurrent Tailwind + shadcn migration tickets.

Acceptance Criteria

• The Step4Receipt.tsx component should match the Figma component shown below
• The "Spread the word!" button should activate the native sharing mechanism of the user's operating system
  • The Web Share API has a navigator.share() function
  • This should allow the user to share the graphic that is centered in the carousel along with some short text. For now, this can be placeholder text until further confirmation about the exact wording

Reference