fix: updating outdated screenshots in tutorial

[CBID2]

Why:

The first step in the X Code tab of the Copilot chat tutorial is missing a screenshot while the first step in the VS Code contains an outdated one. These issues make it difficult for users to learn how to find the copilot chat on their chosen IDE.

Closes: #36573

What's being changed (if available, include any code snippets, screenshots, or gifs):

With the help of @rakleed, this pull request will replace outdated and missing screenshots with new ones in the X Code and VS Code tabs of the Copilot chat tutorial.

Note

Hi @sophietheking, I'm not to sure if the annotations for the screenshot fits GitHub's standards for screenshots. What do you think?

Check off the following:

• A subject matter expert (SME) has reviewed the technical accuracy of the content in this PR. In most cases, the author can be the SME. Open source contributions may require an SME review from GitHub staff.
• The changes in this PR meet the docs fundamentals that are required for all content.
• All CI checks are passing and the changes look good in the review environment.

[github-actions]

How to review these changes 👓

Thank you for your contribution. To review these changes, choose one of the following options:

• Spin up a codespace
• Set up a local development environment

A Hubber will need to deploy your changes internally to review.

Table of review links

⚠️ Warning: Our review server is experiencing latency issues.

This pull request contains code changes, so we will not generate a table of review links.

🤖 This comment is automatically generated.

[Sharra-writes]

Thanks so much for opening a PR! I'll get this triaged for review.