adding feedback dialog and support request buttons

extensions/sql-migration/src/dialog/migrationCutover/migrationCutoverDialog.ts

@@ -24,6 +24,7 @@ export class MigrationCutoverDialog {
 	private _cancelButton!: azdata.ButtonComponent;
 	private _refreshLoader!: azdata.LoadingComponent;
 	private _copyDatabaseMigrationDetails!: azdata.ButtonComponent;
+	private _newSupportRequest!: azdata.ButtonComponent;
 
 	private _serverName!: azdata.TextComponent;
 	private _serverVersion!: azdata.TextComponent;
@@ -371,7 +372,6 @@ export class MigrationCutoverDialog {
 			flex: '0'
 		});
 
-
 		this._refreshButton = this._view.modelBuilder.button().withProps({
 			iconPath: IconPathHelper.refresh,
 			iconHeight: '16px',
@@ -419,6 +419,30 @@ export class MigrationCutoverDialog {
 			}
 		});
 
+		// create new support request button.  Hiding button until sql migration support has been setup.
+		this._newSupportRequest = this._view.modelBuilder.button().withProps({
+			label: loc.NEW_SUPPORT_REQUEST,
+			iconPath: IconPathHelper.newSupportRequest,
+			iconHeight: '16px',
+			iconWidth: '16px',
+			height: '20px',
+			width: '140px',
+			display: 'none'	// remove when support requests are setup for sql migrations
+		}).component();
+
+		this._newSupportRequest.onDidClick(async (e) => {
+			const serviceId = this._model._migration.controller.id;
+			const supportUrl = `https://portal.azure.com/#resource${serviceId}/supportrequest`;
+			await vscode.env.openExternal(vscode.Uri.parse(supportUrl));
+		});
+
+		headerActions.addItem(this._newSupportRequest, {
+			flex: '0',
+			CSSStyles: {
+				'margin-left': '5px'
+			}
+		});
+
 		this._refreshLoader = this._view.modelBuilder.loadingComponent().withProps({
 			loading: false,
 			height: '15px'