Update screenshots for codespace billing (#31316)

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Sam Browning <106113886+sabrowning1@users.noreply.github.com>

content/codespaces/developing-in-codespaces/creating-a-codespace.md

@@ -73,6 +73,8 @@ Organization owners can specify who can create and use codespaces at the organiz
 
    ![New codespace button](/assets/images/help/codespaces/new-codespace-button.png)
 
+   If codespaces for this repository are billable, a message is displayed below the **Create codespace on BRANCH** button telling you who will pay for the codespace.
+
 1. Create your codespace, either using the default options, or after configuring advanced options:
  
    * **Use the default options**
@@ -131,7 +133,7 @@ To create a new codespace, use the `gh codespace create` subcommand.
 gh codespace create 
 ```
 
-You are prompted to choose a repository, a branch, a dev container configuration file (if more than one is available), and a machine type (if more than one is available).
+You are prompted to choose a repository. If codespaces for this repository are billable, a message is displayed telling you who will pay for the codespace. You are then prompted to choose a branch, a dev container configuration file (if more than one is available), and a machine type (if more than one is available).
 
 Alternatively, you can use flags to specify some or all of the options:
 

content/codespaces/overview.md

@@ -41,3 +41,5 @@ You can also personalize aspects of your codespace environment by using a public
 For information on pricing, storage, and usage for {% data variables.product.prodname_github_codespaces %}, see "[About billing for {% data variables.product.prodname_github_codespaces %}](/billing/managing-billing-for-github-codespaces/about-billing-for-github-codespaces)."
 
 {% data reusables.codespaces.codespaces-spending-limit-requirement %} For information on how organizations owners and billing managers can manage the spending limit for {% data variables.product.prodname_github_codespaces %} for an organization, see "[Managing spending limits for {% data variables.product.prodname_github_codespaces %}](/billing/managing-billing-for-github-codespaces/managing-spending-limits-for-github-codespaces)."
+
+You can see who will pay for a codespace before you create it. For more information, see "[Creating a codespace](/codespaces/developing-in-codespaces/creating-a-codespace#creating-a-codespace)."

data/reusables/codespaces/creating-a-codespace-in-vscode.md

@@ -15,6 +15,8 @@ After you connect your account on {% data variables.product.product_location %}
 
    ![Searching for repository to create a new codespace](/assets/images/help/codespaces/choose-repository-vscode.png)
 
+   If codespaces are billable for the repository you choose, a message will be displayed in subsequent prompts telling you who will pay for the codespace.
+
 4. Click the branch you want to develop on.
 
    ![Searching for a branch to create a new codespace](/assets/images/help/codespaces/choose-branch-vscode.png)