Hdworld111/improve getting started text (#7629)

* update quickstart text for data manager

* replace data manager image with mp4

Author: hdworld11

public/images/gen2/getting-started/amplify-console-data-manager.mp4

@@ -348,7 +348,7 @@ Let's take a tour of the project structure in this starter repository by opening
 
 In the Amplify console, click into the deployment branch (in this case **main**) > select **Data** in the left-hand menu > **Data manager** to see the data entered in your database.
 
-![Amplify data manager user interface showing the ToDo model with two to do instances](/images/gen2/getting-started/data-manager.png)
+<Video src="/images/gen2/getting-started/amplify-console-data-manager.mp4" />
 
 ## Make frontend updates
 
@@ -672,7 +672,7 @@ Let's take a tour of the project structure in this starter repository by opening
 
 In the Amplify console, click into the deployment branch (in this case **main**) > select **Data** in the left-hand menu > **Data manager** to see the data entered in your database.
 
-![Amplify data manager user interface showing the ToDo model with two to do instances](/images/gen2/getting-started/data-manager.png)
+<Video src="/images/gen2/getting-started/amplify-console-data-manager.mp4" />
 
 ## Make frontend updates
 
@@ -991,7 +991,7 @@ Let's take a tour of the project structure in this starter repository by opening
 
 In the Amplify console, click into the deployment branch (in this case **main**) > select **Data** in the left-hand menu > **Data manager** to see the data entered in your database.
 
-![Amplify data manager user interface showing the ToDo model with two to do instances](/images/gen2/getting-started/data-manager.png)
+<Video src="/images/gen2/getting-started/amplify-console-data-manager.mp4" />
 
 ## Make frontend updates
 

src/pages/[platform]/start/quickstart/index.mdx

@@ -96,8 +96,7 @@ Let's take a tour of the project structure in this starter repository by opening
 
 In the Amplify console, click into the deployment branch (in this case **main**) > select **Data** in the left-hand menu > **Data manager** to see the data entered in your database.
 
-![Amplify data manager user interface showing the ToDo model with two to do instances](/images/gen2/getting-started/data-manager.png)
-
+<Video src="/images/gen2/getting-started/amplify-console-data-manager.mp4" />
 
 ## Make frontend updates
 

src/pages/[platform]/start/quickstart/nextjs-app-router-client-components/index.mdx

@@ -97,7 +97,7 @@ Let's take a tour of the project structure in this starter repository by opening
 
 In the Amplify console, click into the deployment branch (in this case **main**) > select **Data** in the left-hand menu > **Data manager** to see the data entered in your database.
 
-![Amplify data manager user interface showing the ToDo model with two to do instances](/images/gen2/getting-started/data-manager.png)
+<Video src="/images/gen2/getting-started/amplify-console-data-manager.mp4" />
 
 
 ## Make frontend updates