[SM-1246] Routing to new machine account after machine account is created (#15080)

* Routing to new machine account after machine account is created

* Updating the width of the tabbed content during responsive size changes

* Removing responsive UI changes

bitwarden_license/bit-web/src/app/secrets-manager/service-accounts/dialog/service-account-dialog.component.ts

@@ -2,9 +2,9 @@
 // @ts-strict-ignore
 import { Component, Inject, OnInit } from "@angular/core";
 import { FormControl, FormGroup, Validators } from "@angular/forms";
+import { Router } from "@angular/router";
 
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
-import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
 import { DialogRef, DIALOG_DATA, BitValidators, ToastService } from "@bitwarden/components";
 
 import { ServiceAccountView } from "../../models/view/service-account.view";
@@ -46,8 +46,8 @@ export class ServiceAccountDialogComponent implements OnInit {
     @Inject(DIALOG_DATA) private data: ServiceAccountOperation,
     private serviceAccountService: ServiceAccountService,
     private i18nService: I18nService,
-    private platformUtilsService: PlatformUtilsService,
     private toastService: ToastService,
+    private router: Router,
   ) {}
 
   async ngOnInit() {
@@ -87,8 +87,17 @@ export class ServiceAccountDialogComponent implements OnInit {
     let serviceAccountMessage: string;
 
     if (this.data.operation == OperationType.Add) {
-      await this.serviceAccountService.create(this.data.organizationId, serviceAccountView);
+      const newServiceAccount = await this.serviceAccountService.create(
+        this.data.organizationId,
+        serviceAccountView,
+      );
       serviceAccountMessage = this.i18nService.t("machineAccountCreated");
+      await this.router.navigate([
+        "sm",
+        this.data.organizationId,
+        "machine-accounts",
+        newServiceAccount.id,
+      ]);
     } else {
       await this.serviceAccountService.update(
         this.data.serviceAccountId,

bitwarden_license/bit-web/src/app/secrets-manager/service-accounts/service-account.service.ts

@@ -91,7 +91,10 @@ export class ServiceAccountService {
     );
   }
 
-  async create(organizationId: string, serviceAccountView: ServiceAccountView) {
+  async create(
+    organizationId: string,
+    serviceAccountView: ServiceAccountView,
+  ): Promise<ServiceAccountView> {
     const orgKey = await this.getOrganizationKey(organizationId);
     const request = await this.getServiceAccountRequest(orgKey, serviceAccountView);
     const r = await this.apiService.send(
@@ -101,9 +104,14 @@ export class ServiceAccountService {
       true,
       true,
     );
-    this._serviceAccount.next(
+
-      await this.createServiceAccountView(orgKey, new ServiceAccountResponse(r)),
+    const serviceAccount = await this.createServiceAccountView(
+      orgKey,
+      new ServiceAccountResponse(r),
     );
+    this._serviceAccount.next(serviceAccount);
+
+    return serviceAccount;
   }
 
   async delete(serviceAccounts: ServiceAccountView[]): Promise<BulkOperationStatus[]> {