Onboarding: update screenshots (#35317)

* Onboarding: update screenshots

- to refelct current software
- Create my smart home step: add screenshot to make it clear where this is
- Add note on difference between name and unsername, as this seems to come up in support

* Revert Gemfile

source/getting-started/onboarding.markdown

@@ -17,13 +17,16 @@ After Home Assistant has been [installed](/installation/) on your device, there
    - **Option 1: new installation**: If this is your initial installation, we will now create the owner's account of Home Assistant.
      - {% icon "mdi:information-outline" %} This account is an administrator account. It will always be able to change everything.
      - Select **Create my smart home**.
+
+        ![Home Assistant preparation](/images/getting-started/onboarding_preparing_02.png)
      - Enter a name, username, and password.
        - Make sure the username is lowercase and contains no whitespace.
+       - {% icon "mdi:info" %} **Info**: The **Name** is the name of the person the is shown in the UI. The username is used for login.
+
+        ![Set your username and password.](/images/getting-started/onboarding_username.png)
      - Store the name, username, and password somewhere safe. There is no way to recover the owner credentials.
      - Select **Create account**.
 
-    ![Set your username and password.](/images/getting-started/username.png)
-
    - **Option 2: restore from backup**: If you want to restore a backup of a previous installation, select **Restore from backup**.
      - Ignore the rest of this procedure and continue with the procedure on [restoring from backup](/common-tasks/os/#restoring-a-backup).
        - If you have a Home Assistant Yellow, start with the [Yellow documentation on restoring from backup](https://yellow.home-assistant.io/guides/restore-backup/).