Resolves #18314

This PR:

• ★ Redesigns the empty view at the beginning of the domains step in site creation by:
  • ⊕ Replacing the site example illustration with the latest version from the design
  • ⊕ Left-aligning the title and subtitle
  • ⊕ Set serif font for title in landscape orientation

To Test

Prerequisite

◐ Toggle the SiteCreationDomainPurchasingFeatureConfig flag

1. Go to Me → App Settings → Debug settings
2. Scroll to the Features in development section
3. Tap on the item corresponding to the flag
4. Tap RESTART THE APP button

● Treatment Variation

• Verify the new illustration is shown on the domains step in site creation

○ Control Variation

• Verify The original illustration is shown

Previews

1	2	3

Regression Notes

1. Potential unintended areas of impact
   N/a

2. What I did to test those areas of impact (or what existing automated tests I relied on)
   Manual testing and unit testing

3. What automated tests I added (or what prevented me from doing so)
   N/a

PR submission checklist:

• I have completed the Regression Notes.
• I have considered adding accessibility improvements for my changes.
• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

UI Changes testing checklist:

• Portrait and landscape orientations.
• Light and dark modes.
• Fonts: Larger, smaller and bold text.
• High contrast.
• Talkback.
• Languages with large words or with letters/accents not frequently used in English.
• Right-to-left languages. (Even if translation isn’t complete, formatting should still respect the right-to-left layout)
• Large and small screen sizes. (Tablet and smaller phones)
• Multi-tasking: Split screen and Pop-up view. (Android 10 or higher)