refactor: change selector name, add spaced and correct alphabetical order

apps/client/src/app/components/header/header.component.html

@@ -134,7 +134,7 @@
           </button>
           <mat-menu
             #assistantMenu="matMenu"
-            class="wide-menu"
+            class="no-max-width"
             xPosition="before"
             [overlapTrigger]="true"
             (closed)="assistantElement?.setIsOpen(false)"

apps/client/src/app/pages/portfolio/analysis/analysis-page.component.ts

@@ -40,6 +40,7 @@ import { takeUntil } from 'rxjs/operators';
 })
 export class AnalysisPageComponent implements OnDestroy, OnInit {
   @ViewChild(MatMenuTrigger) actionsMenuButton!: MatMenuTrigger;
+
   public benchmark: Partial<SymbolProfile>;
   public benchmarkDataItems: HistoricalDataItem[] = [];
   public benchmarks: Partial<SymbolProfile>[];
@@ -54,11 +55,11 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
   public investments: InvestmentItem[];
   public investmentTimelineDataLabel = $localize`Investment`;
   public investmentsByGroup: InvestmentItem[];
+  public isLoadingAiPrompt: boolean;
   public isLoadingBenchmarkComparator: boolean;
   public isLoadingDividendTimelineChart: boolean;
   public isLoadingInvestmentChart: boolean;
   public isLoadingInvestmentTimelineChart: boolean;
-  public isLoadingAiPrompt: boolean;
   public mode: GroupBy = 'month';
   public modeOptions: ToggleOption[] = [
     { label: $localize`Monthly`, value: 'month' },
@@ -153,6 +154,7 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
 
   public onCopyPromptToClipboard(mode: AiPromptMode) {
     this.isLoadingAiPrompt = true;
+
     this.dataService
       .fetchPrompt(mode)
       .pipe(takeUntil(this.unsubscribeSubject))
@@ -175,6 +177,7 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
           });
 
         this.actionsMenuButton.closeMenu();
+
         this.isLoadingAiPrompt = false;
       });
   }

apps/client/src/app/pages/portfolio/analysis/analysis-page.html

@@ -13,7 +13,11 @@
           >
             <ion-icon name="ellipsis-vertical" />
           </button>
-          <mat-menu #actionsMenu="matMenu" class="wide-menu" xPosition="before">
+          <mat-menu
+            #actionsMenu="matMenu"
+            class="no-max-width"
+            xPosition="before"
+          >
             <div (click)="$event.stopPropagation()">
               <button
                 mat-menu-item

apps/client/src/styles.scss

@@ -451,7 +451,7 @@ ngx-skeleton-loader {
 }
 
 .mat-mdc-menu-panel {
-  &.wide-menu {
+  &.no-max-width {
     max-width: unset !important;
 
     .mat-mdc-menu-content {