refactor: pdf viewer components #8784

This check will pass when downstack PRs merge

#8782 needs to be merged into canary before you can merge this PR.
- This PR is stacked on top of #8782. Merging this PR on GitHub will cause it to merge incorrectly into #8782 instead of canary.
- Learn more about stacked PRs here
To ensure that these PRs merge correctly, view and merge this PR with Graphite
To disable this check, edit your organization's settings on Graphite.
To make this a required check:
- Edit your organization's settings on Graphite to run it on all PRs.
- Make it required on GitHub (for example, using a branch protection rule).