refactor: update import statements and code blocks to use consistent syntax in documentation

Author: IEvangelist

src/frontend/src/assets/dashboard/architecture-diagram.png

@@ -3,7 +3,7 @@ title: Use the Aspire dashboard with Node.js apps
 description: How to use the Aspire Dashboard in a Node.js application.
 ---
 
-import { Steps } from '@astrojs/starlight/components';
+import { TabItem, Tabs, Steps } from '@astrojs/starlight/components';
 
 The [Aspire dashboard](/dashboard/overview/) provides a great user experience for viewing telemetry, and is available as a standalone container image that can be used with any OpenTelemetry-enabled app. In this article, you'll learn how to:
 
@@ -35,21 +35,21 @@ To create a new Express.js application:
 
 1. Initialize a new Node.js project:
 
-    ```npm
+    ```bash
     npm init -y
     ```
 
 1. Install Express.js:
 
-    ```npm
+    ```bash
     npm install express
     ```
 
 1. Create a basic Express.js application by creating an *app.js* file with Express server code.
 
 1. Test the application by running:
 
-    ```console
+    ```bash
     npm start
     ```
 
@@ -60,30 +60,32 @@ To create a new Express.js application:
 
 To use the Aspire dashboard with your Node.js app, you need to install the OpenTelemetry SDK and exporter. The OpenTelemetry SDK provides the API for instrumenting your application, and the exporter sends telemetry data to the Aspire dashboard.
 
+<Steps>
 1. Create a new file called *tracing.js* to configure OpenTelemetry.
 
 1. Update your *app.js* to import the tracing configuration at the very beginning.
 
 1. Restart your application:
 
-    ```console
+    ```bash
     npm start
     ```
+</Steps>
 
 ## Start the Aspire dashboard
 
 To start the Aspire dashboard in standalone mode, run the following Docker command:
 
 <Tabs>
-<TabItem label="Bash">
+<TabItem label="Bash" icon="seti:shell">
 
 ```bash
 docker run --rm -it -p 18888:18888 -p 4317:18889 --name aspire-dashboard \
     mcr.microsoft.com/dotnet/aspire-dashboard:9.5
 ```
 
 </TabItem>
-<TabItem label="PowerShell">
+<TabItem label="PowerShell" icon="seti:powershell">
 
 ```powershell
 docker run --rm -it -p 18888:18888 -p 4317:18889 --name aspire-dashboard `
@@ -99,14 +101,16 @@ In the Docker logs, the endpoint and key for the dashboard are displayed. Copy t
 
 After starting both the dashboard and your Node.js application, you can view telemetry data by making requests to your application and observing the results in the dashboard.
 
+<Steps>
 1. Make some requests to your Node.js application:
 
     ```console
     curl http://localhost:3000/
     curl http://localhost:3000/api/weather
     ```
 
-1. Navigate to the Aspire dashboard at <http://localhost:18888> and explore the different sections:
+1. Navigate to the Aspire dashboard at `http://localhost:18888` and explore the different sections:
+</Steps>
 
 ### Traces
 

src/frontend/src/assets/dashboard/explore/architecture-diagram.png

@@ -23,13 +23,13 @@ This tutorial can be completed using either Flask, Django, or FastAPI. A sample
 
 ### Flask
 
-```console
+```bash
 git clone https://github.com/Azure-Samples/msdocs-python-flask-webapp-quickstart
 ```
 
 ### FastAPI
 
-```console
+```bash
 git clone https://github.com/Azure-Samples/msdocs-python-fastapi-webapp-quickstart.git
 ```
 
@@ -41,7 +41,7 @@ To use the Aspire dashboard with your Python app, you need to install the OpenTe
 
 1. Install the OpenTelemetry SDK and exporter:
 
-    ```console
+    ```bash
     pip install opentelemetry-api opentelemetry-sdk opentelemetry-exporter-otlp-proto-grpc
     ```
 
@@ -59,7 +59,7 @@ This instrumentation has only focused on adding OpenTelemetry to our code. For m
 
 1. Install the Flask instrumentation package:
 
-    ```console
+    ```bash
     pip install opentelemetry-instrumentation-flask
     ```
 
@@ -69,7 +69,7 @@ This instrumentation has only focused on adding OpenTelemetry to our code. For m
 
 1. Install the FastAPI instrumentation package:
 
-    ```console
+    ```bash
     pip install opentelemetry-instrumentation-fastapi
     ```
 
@@ -86,7 +86,7 @@ docker run --rm -it -p 18888:18888 -p 4317:18889 --name aspire-dashboard \
 
 In the Docker logs, the endpoint and key for the dashboard are displayed. Copy the key and navigate to `http://localhost:18888` in a web browser. Enter the key to log in to the dashboard.
 
-## View Structured Logs
+## View structured logs
 
 Navigate around the Python application, and you'll see structured logs in the Aspire dashboard. The structured logs page displays logs from your application, and you can filter and search the logs.