feat: Add copilot icon to prompts

Author: chriswblake

.github/steps/1-preparing.md

@@ -56,9 +56,12 @@ Let's start up our development environment, use copilot to learn a bit about the
 
 1. Enter the below prompt to ask Copilot to introduce you to the project.
 
-   ```txt
-   @workspace Please briefly explain the structure of this project. What should I do to run it?
-   ```
+   > <img width="13px" src="https://github.com/user-attachments/assets/98fd5d2e-ea29-4a4a-9212-c7050e177a69" /> **Prompt**
+   >
+   > ```prompt
+   > @workspace Please briefly explain the structure of this project.
+   > What should I do to run it?
+   > ```
 
    > **Note**: It is not necesesary to follow Copilot's recommended instructions. We have already prepared the environment for you.
 
@@ -86,6 +89,12 @@ Great work! Now that we are familiar with the app and we know it works, let's as
 
 1. Let's ask Copilot to help us remember a command we have forgotten: creating a branch and publishing it
 
+   > <img width="13px" src="https://github.com/user-attachments/assets/98fd5d2e-ea29-4a4a-9212-c7050e177a69" /> **Prompt**
+   >
+   > ```prompt
+   > Hey copilot, how can I create and publish a new Git branch?
+   > ```
+
    > **Tip:** This is a simple example, but Copilot is great at providing more tailored commands that might involve loops, pattern matching, file modification, and more! Don't be afraid to ask Copilot for a suggestion. Just remember it is a suggestion and you should always verify it first to be safe.
 
 1. Copilot probably gave us a command like the following. Rather than manually modify it, let's respond back to tell Copilot to use a particular name.
@@ -95,9 +104,12 @@ Great work! Now that we are familiar with the app and we know it works, let's as
    git push -u origin {new_branch_name}
    ```
 
-   ```text
-   Awesome! Thanks, Copilot! Let's use the branch name "accelerate-with-copilot".
-   ```
+   > <img width="13px" src="https://github.com/user-attachments/assets/98fd5d2e-ea29-4a4a-9212-c7050e177a69" /> **Prompt**
+   >
+   > ```prompt
+   > Awesome! Thanks, Copilot! Let's use the
+   > branch name "accelerate-with-copilot".
+   > ```
 
    > **Tip:** If Copilot doesn't give you quite what you want, you can always continue explaining what you need. Copilot will remember the conversation history for follow-up responses.
 

.github/steps/2-first-introduction.md

@@ -22,9 +22,12 @@ In short, you can think of Copilot like a very focused coworker. To be effective
 
 1. Let's ask Copilot to suggest where our bug might be coming from. Open the **Copilot Chat** panel and ask the following.
 
-   ```text
-   @workspace Students are able to register twice for an activity. Where could this bug be coming from?
-   ```
+   > <img width="13px" src="https://github.com/user-attachments/assets/98fd5d2e-ea29-4a4a-9212-c7050e177a69" /> **Prompt**
+   >
+   > ```prompt
+   > @workspace Students are able to register twice for an activity.
+   > Where could this bug be coming from?
+   > ```
 
 1. Now that we know the issue is in the `src/appy.py` file and the `signup_for_activity` method, let's follow Copilot's recommendation and go fix it (semi-manually). We'll start with a comment and let Copilot finish the correction.
 
@@ -87,9 +90,12 @@ In new project developments, it's often helpful to have some realistic looking f
 
 1. Enter the following prompt text and press enter or the **Send and Dispatch** button.
 
-   ```text
-   Add 2 more sports related activities, 2 more artistic activities, and 2 more intellectual activities.
-   ```
+   > <img width="13px" src="https://github.com/user-attachments/assets/98fd5d2e-ea29-4a4a-9212-c7050e177a69" /> **Prompt**
+   >
+   > ```prompt
+   > Add 2 more sports related activities, 2 more artistic
+   > activities, and 2 more intellectual activities.
+   > ```
 
 1. After a moment, Copilot will directly start making changes to the code. The changes will be stylized differently to make any additions and removals easy to identify. Take a moment to inspect and then press the **Accept** button.
 

.github/steps/3-copilot-edits.md

@@ -37,9 +37,12 @@ In our previous steps, we used features of Copilot that require more hands-on gu
 
 1. Ask Copilot to update our project to display the current participants of activities. Wait a moment for the edit suggestions to arrive and be applied.
 
-   ```txt
-   Hey Copilot, can you please edit the area where activities are listed on the website to show what participants are already signed up for that activity.
-   ```
+   > <img width="13px" src="https://github.com/user-attachments/assets/98fd5d2e-ea29-4a4a-9212-c7050e177a69" /> **Prompt**
+   >
+   > ```prompt
+   > Hey Copilot, can you please edit the area where activities are
+   > listed on the website to show what participants are already signed up for that activity.
+   > ```
 
    - An extra icon has appeared next to the file names and open editor windows indicating they have suggested edits.
    - A suggested edits panel has appeared in the bottom right of the editor window providing controls to jump to the recommended changes.