Implement the loading state for the share dialog (Figma spec). Before the image and text populate the quote card, show a loading state to indicate that data is loading.
Acceptance Criteria
Recommended approach based on today's discussion:
- Text loading state: For page-level share (no text selection is present), let's add a simple "pending state" for text content that we don't have at the moment the dialog opens. Use unicode black space characters (solid box) to create the maximum number of lines of text (we truncate via line-clamp) until the real text is available
- Licensing info (which comes from an API call) should also get the black bar placeholder treatment
- Image loading state: use whatever low-resolution page image we already have and replace with the high-res one behind the scenes. If necessary we may need to add a spinner on top, but let's see how noticeable the low-res image is. Fancy blur effect could help if the pixellation is noticeable
- Button loading state: use a spinner until the downloadeable/sharable image is ready
NOTE: blocked by T421132: [Share Highlights] Include image credits.
