End of Year: Fix sharing logo not appearing

[emilylaguna]

📘 Project: #376	🛫 Depends on: #566

This fixes an issue where the PC logo would not appear when being shared. It fixes this by creating a shared container view that the story and logo are rendered in.

Screenshots

Before	After

To test

1. Launch the app
2. Tap the Profile Tab > End of Year Card
3. Tap through each story and share the image
4. ✅ Verify the PC logo appears
5. ✅ Verify the view renders, and looks good
6. Repeat the steps for various screen sizes

Checklist

• I have considered if this change warrants user-facing release notes and have added them to CHANGELOG.md if necessary.
• I have considered adding unit tests for my changes.
• I have updated (or requested that someone edit) the spreadsheet to reflect any new or changed analytics.

[leandroalonso]

@emilylaguna one final thought: it feels weird to me that the first and the last story expand to fill the whole screen. I know this is how it is on the designs but I feel it would be better if the "share button" was somehow just hidden, keeping the size of the stories consistent across all of them.

[emilylaguna]

one final thought: it feels weird to me that the first and the last story expand to fill the whole screen

The designs initially had the gap available there, but when I implemented it having the gap IMO looked super out of place. Here's a quick demo of what that looked like:

Simulator.Screen.Recording.-.4.-.iPhone.13.-.16.-.4.-.2022-12-05.at.10.53.03.mp4

So I ended up just hiding the button entirely.

[leandroalonso]

@emilylaguna hm yeah. Seeing it now the result is weird. Thanks for the context!