Update onboarding UX, adding new tasks

[bradkratky-shop]

What does this change accomplish?

This is an update to the Onboarding splash screen. This new version adds additional tasks to the Xcode and Android Studio set up to provide more detailed instructions for how to install the necessary tools. To accommodate the new tasks, the layout has also been modified.

Old (light)	New (light)

Old (dark)	New (dark)

Video of incomplete tasks (mocked):

Screen.Recording.2025-02-12.at.3.24.13.PM.mov

New task links:

1. Open Xcode to be prompted to install the Simulator SDKs. More information.
2. Open Android Studio and install the latest SDKs. More information.
3. Open Android Studio and create an Android Virtual Device.

How have you achieved it?

1. Added new OnboardingItems for Xcode and Android (SDKs and simulators/emulators)
2. Updated the UX to accommodate new OnboardingItems

How can the change be tested?

The easiest way is to checkout the branch and make local modifications to force the onboarding screen to load:

1. Comment out lines 206-208 in TophatApp.swift
2. Open the app and verify that all checks are green (assuming you already have the developer tools installed)
3. If you would like to test each item, you can set the variable isComplete to false in the following files:
   a. AndroidStudioOnboardingItem
   b. AndroidSDKsOnboardingItem
   c. AndroidEmulatorsOnboardingItem
   d. XcodeOnboardingItem
   e. XcodeSimulatorSDKsOnboardingItem
   f. XcodeCommandLineToolsOnboardingItem

[lfroms]

Looks great! Thanks!