Snippet tweaks

Author: jasonjoh

tutorial/02-create-app.md

@@ -57,7 +57,7 @@ Start by creating a navbar for the app.
 
 1. Open `./src/App.tsx` and replace its entire contents with the following.
 
-    ```TSX
+    ```typescript
     import React, { Component } from 'react';
     import { BrowserRouter as Router, Route } from 'react-router-dom';
     import { Container } from 'reactstrap';
@@ -115,6 +115,6 @@ Start by creating a navbar for the app.
     export default App;
     ```
 
-Save all of your changes and refresh the page. Now, the app should look very different.
+1. Save all of your changes and refresh the page. Now, the app should look very different.
 
-![A screenshot of the redesigned home page](images/create-app-01.png)
+    ![A screenshot of the redesigned home page](images/create-app-01.png)

tutorial/04-add-aad-auth.md

@@ -13,10 +13,10 @@ In this exercise you will extend the application from the previous exercise to s
 
 1. Open `./src/App.tsx` and add the following `import` statements to the top of the file.
 
-```js
-import { config } from './Config';
-import { UserAgentApplication } from 'msal';
-```
+    ```typescript
+    import { config } from './Config';
+    import { UserAgentApplication } from 'msal';
+    ```
 
 ## Implement sign-in
 
@@ -117,13 +117,13 @@ In this section you will get the user's details from Microsoft Graph.
 
     :::code language="typescript" source="../demo/graph-tutorial/src/App.tsx" id="getUserProfileSnippet" highlight="13-22":::
 
-Now if you save your changes and start the app, after sign-in you should end up back on the home page, but the UI should change to indicate that you are signed-in.
+1. Save your changes and start the app, after sign-in you should end up back on the home page, but the UI should change to indicate that you are signed-in.
 
-![A screenshot of the home page after signing in](./images/add-aad-auth-01.png)
+    ![A screenshot of the home page after signing in](./images/add-aad-auth-01.png)
 
-Click the user avatar in the top right corner to access the **Sign Out** link. Clicking **Sign Out** resets the session and returns you to the home page.
+1. Click the user avatar in the top right corner to access the **Sign Out** link. Clicking **Sign Out** resets the session and returns you to the home page.
 
-![A screenshot of the dropdown menu with the Sign Out link](./images/add-aad-auth-02.png)
+    ![A screenshot of the dropdown menu with the Sign Out link](./images/add-aad-auth-02.png)
 
 ## Storing and refreshing tokens
 

tutorial/05-add-ms-graph.md

@@ -16,7 +16,7 @@ In this exercise you will incorporate the Microsoft Graph into the application.
 
 1. Create a React component to display the results of the call. Create a new file in the `./src` directory named `Calendar.tsx` and add the following code.
 
-    ```TSX
+    ```typescript
     import React from 'react';
     import { Table } from 'reactstrap';
     import moment from 'moment';
@@ -85,7 +85,7 @@ In this exercise you will incorporate the Microsoft Graph into the application.
 
 1. Add the following component just after the existing `<Route>`.
 
-    ```TSX
+    ```typescript
     <Route exact path="/calendar"
       render={(props) =>
         <Calendar {...props}