Adding database specific settings, cancel migration and other dark UI fixes (#14626)

* Made dashboard dark ui compat

* foundations for sql vm

* WIP

* Added cancel migration
Added refresh migraiton table
Added multi db config

* disabling cancel migration button if the migration is not in progress.

* Addressing some PR based coments
- Removing (s) from loc strings
- Adding return type to cancel migration
- removing _ from public vars
- localizing strings
- Adding name to dialogs for telemetry

* Adding todo comment for offline mode

extensions/sql-migration/src/wizard/wizardController.ts

@@ -14,6 +14,7 @@ import { DatabaseBackupPage } from './databaseBackupPage';
 import { AccountsSelectionPage } from './accountsSelectionPage';
 import { IntergrationRuntimePage } from './integrationRuntimePage';
 import { SummaryPage } from './summaryPage';
+import { MigrationModePage } from './migrationModePage';
 
 export const WIZARD_INPUT_COMPONENT_WIDTH = '400px';
 export class WizardController {
@@ -36,6 +37,7 @@ export class WizardController {
 		wizard.generateScriptButton.hidden = true;
 		const skuRecommendationPage = new SKURecommendationPage(wizard, stateModel);
 		// const subscriptionSelectionPage = new SubscriptionSelectionPage(wizard, stateModel);
+		const migrationModePage = new MigrationModePage(wizard, stateModel);
 		const azureAccountsPage = new AccountsSelectionPage(wizard, stateModel);
 		const databaseBackupPage = new DatabaseBackupPage(wizard, stateModel);
 		const integrationRuntimePage = new IntergrationRuntimePage(wizard, stateModel);
@@ -45,6 +47,7 @@ export class WizardController {
 			// subscriptionSelectionPage,
 			azureAccountsPage,
 			skuRecommendationPage,
+			migrationModePage,
 			databaseBackupPage,
 			integrationRuntimePage,
 			summaryPage
@@ -114,7 +117,7 @@ export function createHeadingTextComponent(view: azdata.ModelView, value: string
 export function creaetLabelTextComponent(view: azdata.ModelView, value: string): azdata.TextComponent {
 	const component = createTextCompononent(view, value);
 	component.updateCssStyles({
-		'width': '250px'
+		'width': '300px'
 	});
 	return component;
 }