docs: use named import to import aws-amplify

Author: wlee221

docs/src/pages/[platform]/components/authenticator/formfields/dialcode/form-fields.angular.mdx

@@ -17,7 +17,7 @@ _app.component.ts_
 
 ```js
 import { Component } from '@angular/core';
-import Amplify from 'aws-amplify';
+import { Amplify } from 'aws-amplify';
 
 import awsExports from './aws-exports';
 

docs/src/pages/[platform]/components/authenticator/formfields/dialcodelist/form-fields.angular.mdx

@@ -17,7 +17,7 @@ _app.component.ts_
 
 ```js
 import { Component } from '@angular/core';
-import Amplify from 'aws-amplify';
+import { Amplify } from 'aws-amplify';
 
 import awsExports from './aws-exports';
 

docs/src/pages/[platform]/components/authenticator/formfields/form-fields.angular.mdx

@@ -17,7 +17,7 @@ _app.component.ts_
 
 ```js
 import { Component } from '@angular/core';
-import Amplify from 'aws-amplify';
+import { Amplify } from 'aws-amplify';
 
 import awsExports from './aws-exports';
 

docs/src/pages/[platform]/components/authenticator/formfields/orderformfields/form-fields.angular.mdx

@@ -17,7 +17,7 @@ _app.component.ts_
 
 ```js
 import { Component } from '@angular/core';
-import Amplify from 'aws-amplify';
+import { Amplify } from 'aws-amplify';
 
 import awsExports from './aws-exports';
 

docs/src/pages/[platform]/components/authenticator/formfields/qrcode/form-fields.angular.mdx

@@ -17,7 +17,7 @@ _app.component.ts_
 
 ```js
 import { Component } from '@angular/core';
-import Amplify from 'aws-amplify';
+import { Amplify } from 'aws-amplify';
 
 import awsExports from './aws-exports';
 

docs/src/pages/[platform]/components/authenticator/overrides/username.vue.mdx

@@ -1,6 +1,6 @@
 ```html
 <script setup lang="ts">
-  import Amplify, { Auth } from 'aws-amplify';
+  import { Amplify, Auth } from 'aws-amplify';
   import { Authenticator } from '@aws-amplify/ui-vue';
   import '@aws-amplify/ui-vue/styles.css';
   import aws_exports from './aws-exports';

docs/src/pages/[platform]/components/authenticator/quick-start-example.vue.mdx

@@ -7,7 +7,7 @@ For Vue 3, import the `Authenticator` and the `styles.css` into your single file
   import { Authenticator } from "@aws-amplify/ui-vue";
   import "@aws-amplify/ui-vue/styles.css";
 
-  import Amplify from 'aws-amplify';
+  import { Amplify } from 'aws-amplify';
   import awsconfig from './aws-exports';
 
   Amplify.configure(awsconfig);

docs/src/pages/[platform]/components/chatbot/migration.vue.mdx

@@ -15,7 +15,7 @@ import App from "./App.vue";
 +   applyPolyfills,
 +   defineCustomElements,
 + } from '@aws-amplify/ui-components/loader';
-import Amplify from 'aws-amplify';
+import { Amplify } from 'aws-amplify';
 import awsconfig from './aws-exports';
 
 Amplify.configure(awsconfig);

docs/src/pages/[platform]/components/chatbot/usage.angular.mdx

@@ -6,7 +6,7 @@ import { NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
 - import { AmplifyAngularModule, AmplifyService } from 'aws-amplify-angular';
 + import { LegacyAmplifyUiModule } from '@aws-amplify/ui-angular/legacy';
-import Amplify from 'aws-amplify';
+import { Amplify } from 'aws-amplify';
 import awsconfig from './aws-exports';
 
 Amplify.configure(awsconfig);

docs/src/pages/[platform]/components/chatbot/usage.react.mdx

@@ -1,6 +1,6 @@
 ```jsx
 import * as React from 'react';
-import Amplify from 'aws-amplify';
+import { Amplify } from 'aws-amplify';
 import { AmplifyChatbot } from '@aws-amplify/ui-react/legacy';
 import awsconfig from './aws-exports';