Fix VS Code tab step ordering: configure DbContext before scaffolding in 8.0 tutorial (#36958)

* Initial plan

* Fix VS Code tab step ordering: configure DbContext before scaffolding

Move "Use SQLite for development, SQL Server for production" subsection
before the scaffolding command in the Visual Studio Code tab of
adding-model8.md so readers configure Program.cs before running
dotnet aspnet-codegenerator.

Agent-Logs-Url: https://github.com/dotnet/AspNetCore.Docs/sessions/cc710fc5-8af0-434e-b488-c136227d4a33

Co-authored-by: wadepickett <10985336+wadepickett@users.noreply.github.com>

* Fix punctuation and formatting in adding-model8.md

Fxied a few typos.

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: wadepickett <10985336+wadepickett@users.noreply.github.com>
Co-authored-by: Wade Pickett <wpickett@microsoft.com>

Author: Copilot

aspnetcore/tutorials/first-mvc-app/adding-model/includes/adding-model8.md

@@ -6,7 +6,7 @@ These model classes are used with [Entity Framework Core](/ef/core) (EF Core) to
 
 The model classes created are known as ***POCO*** classes, from **P**lain **O**ld **C**LR **O**bjects. POCO classes don't have any dependency on EF Core. They only define the properties of the data to be stored in the database.
 
-In this tutorial,  model classes are created first, and EF Core creates the database.
+In this tutorial, model classes are created first, and EF Core creates the database.
 
 ## Add a data model class
 
@@ -66,7 +66,7 @@ In **Solution Explorer**, right-click the *Controllers* folder and select **Add
 In the **Add New Scaffolded Item** dialog:
 
 * In the left pane, select **Installed** > **Common** > **MVC**.
-* Select  **MVC Controller with views, using Entity Framework**.
+* Select **MVC Controller with views, using Entity Framework**.
 * Select **Add**.
 
 ![Add Scaffold dialog](~/tutorials/first-mvc-app/adding-model/_static/8/add_scaffold-VS22-17.8.0.png)
@@ -115,6 +115,14 @@ Build the app to verify that there are no errors.
 
 Open a command window in the project directory. The project directory is the directory that contains the `Program.cs` and `.csproj` files.
 
+<a name="sqlite-dev-vsc"></a>
+
+### Use SQLite for development, SQL Server for production
+
+The following highlighted code in `Program.cs` shows how to use SQLite in development and SQL Server in production.
+
+[!code-csharp[](~/tutorials/first-mvc-app/start-mvc/sample/MvcMovie80/Program.cs?name=snippet_SQLiteDevProd&highlight=3-99)]
+
 On macOS and Linux, export the scaffold tool path:
 
 ```console
@@ -139,7 +147,7 @@ Scaffolding creates the following:
 
 Scaffolding updates the following:
 
-* Registers the database context in the `Program.cs` file
+* Registers the database context in the `Program.cs` file.
 * Adds a database connection string to the `appsettings.json` file.
 
 The automatic creation of these files and file updates is known as *scaffolding*.
@@ -148,14 +156,6 @@ The scaffolded pages can't be used yet because the database doesn't exist. Runni
 
 Build the app to verify that there are no errors.
 
-<a name="sqlite-dev-vsc"></a>
-
-### Use SQLite for development, SQL Server for production
-
-The following highlighted code in `Program.cs` shows how to use SQLite in development and SQL Server in production.
-
-[!code-csharp[](~/tutorials/first-mvc-app/start-mvc/sample/MvcMovie80/Program.cs?name=snippet_SQLiteDevProd&highlight=3-99)]
-
 ---
 
 <a name="migration"></a>
@@ -388,4 +388,4 @@ Because the `Model` object is strongly typed as an `IEnumerable<Movie>` object,
 > [Previous: Adding a View](~/tutorials/first-mvc-app/adding-view.md)
 > [Next: Working with SQL](~/tutorials/first-mvc-app/working-with-sql.md)
 
-:::moniker-end
+:::moniker-end