run formatter and turn prefer standalone rule off

frontend/eslint.config.mjs

@@ -59,6 +59,8 @@ export default tsEslint.config(
       '@stylistic/function-paren-newline': ['error', { minItems: 4 }],
       '@stylistic/space-before-function-paren': ['error', 'never'],
 
+      // Off because angular our files are not standalone
+      '@angular-eslint/prefer-standalone': 'off',
       '@angular-eslint/directive-selector': [
         'error',
         {

frontend/src/app/app.component.ts

@@ -7,7 +7,7 @@ import { DomSanitizer } from '@angular/platform-browser';
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class AppComponent {
   readonly PATH_PREFIX = '../assets/icons/';

frontend/src/app/components/action-plan/action-plan.component.ts

@@ -10,7 +10,7 @@ import { DialogService } from '../../services/dialog.service';
   selector: 'app-action-plan',
   templateUrl: './action-plan.component.html',
   styleUrls: ['./action-plan.component.scss'],
-  standalone: false,
+  standalone: false
 })
 export class ActionPlanComponent {
   @Input() control: BehaviorSubject<Action[] | null> = new BehaviorSubject<Action[] | null>([]);

frontend/src/app/components/application-banner/application-banner.component.ts

@@ -16,7 +16,7 @@ import { DEFAULT_HEADER_HEIGHT_PX, PUZZLE_TOP_BAR_HEIGHT } from '../../shared/co
   templateUrl: './application-banner.component.html',
   styleUrls: ['./application-banner.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class ApplicationBannerComponent implements AfterViewInit, OnDestroy {
   @ViewChild('okrBanner') okrBanner!: ElementRef;

frontend/src/app/components/application-top-bar/application-top-bar.component.ts

@@ -11,7 +11,7 @@ import { getFullNameFromUser } from '../../shared/types/model/User';
   templateUrl: './application-top-bar.component.html',
   styleUrls: ['./application-top-bar.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class ApplicationTopBarComponent implements OnInit, OnDestroy {
   userFullName = '';

frontend/src/app/components/check-in-history-dialog/check-in-history-dialog.component.ts

@@ -15,7 +15,7 @@ import { CheckInOrdinalMin } from '../../shared/types/model/CheckInOrdinalMin';
 @Component({
   selector: 'app-check-in-history-dialog',
   templateUrl: './check-in-history-dialog.component.html',
-  standalone: false,
+  standalone: false
 })
 export class CheckInHistoryDialogComponent implements OnInit {
   keyResult!: KeyResult;

frontend/src/app/components/checkin/check-in-form-metric/check-in-form-metric.component.ts

@@ -11,7 +11,7 @@ import { CheckInMetricMin } from '../../../shared/types/model/CheckInMetricMin';
   templateUrl: './check-in-form-metric.component.html',
   styleUrls: ['./check-in-form-metric.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class CheckInFormMetricComponent implements OnInit {
   @Input()

frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.ts

@@ -3,14 +3,12 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
 @Directive({
   selector: '[metricCheckIn]',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => MetricCheckInDirective),
-      multi: true,
-    },
-  ],
-  standalone: false,
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => MetricCheckInDirective),
+    multi: true
+  }],
+  standalone: false
 })
 export class MetricCheckInDirective implements ControlValueAccessor {
   private onChange: (value: number | null) => void = () => {};

frontend/src/app/components/checkin/check-in-form-ordinal/check-in-form-ordinal.component.ts

@@ -8,7 +8,7 @@ import { CheckInMin } from '../../../shared/types/model/CheckInMin';
   selector: 'app-check-in-form-ordinal',
   templateUrl: './check-in-form-ordinal.component.html',
   styleUrls: ['./check-in-form-ordinal.component.scss'],
-  standalone: false,
+  standalone: false
 })
 export class CheckInFormOrdinalComponent {
   @Input()

frontend/src/app/components/checkin/check-in-form/check-in-form.component.ts

@@ -19,7 +19,7 @@ import { CheckInOrdinalMin } from '../../../shared/types/model/CheckInOrdinalMin
   templateUrl: './check-in-form.component.html',
   styleUrls: ['./check-in-form.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class CheckInFormComponent implements OnInit {
   keyResult: KeyResult;

frontend/src/app/components/confidence/confidence.component.ts

@@ -6,7 +6,7 @@ import { CheckInMin } from '../../shared/types/model/CheckInMin';
   templateUrl: './confidence.component.html',
   styleUrls: ['./confidence.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class ConfidenceComponent implements OnChanges {
   min = 0;

frontend/src/app/components/key-result-form/key-result-form.component.ts

@@ -16,7 +16,7 @@ import { TranslateService } from '@ngx-translate/core';
   templateUrl: './key-result-form.component.html',
   styleUrls: ['./key-result-form.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class KeyResultFormComponent implements OnInit, OnDestroy {
   users$!: Observable<User[]>;

frontend/src/app/components/keyresult-detail/keyresult-detail.component.ts

@@ -23,7 +23,7 @@ import { KeyResultOrdinalMin } from '../../shared/types/model/KeyResultOrdinalMi
   templateUrl: './keyresult-detail.component.html',
   styleUrls: ['./keyresult-detail.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class KeyresultDetailComponent implements OnInit, OnDestroy {
   @Input() keyResultId!: number;

frontend/src/app/components/keyresult-dialog/keyresult-dialog.component.ts

@@ -15,7 +15,7 @@ import { DialogService } from '../../services/dialog.service';
   selector: 'app-keyresult-dialog',
   templateUrl: './keyresult-dialog.component.html',
   styleUrls: ['./keyresult-dialog.component.scss'],
-  standalone: false,
+  standalone: false
 })
 export class KeyresultDialogComponent {
   keyResultForm = new FormGroup({

frontend/src/app/components/keyresult-type/keyresult-type.component.ts

@@ -11,7 +11,7 @@ import { TranslateService } from '@ngx-translate/core';
   selector: 'app-keyresult-type',
   templateUrl: './keyresult-type.component.html',
   styleUrls: ['./keyresult-type.component.scss'],
-  standalone: false,
+  standalone: false
 })
 export class KeyresultTypeComponent implements OnInit {
   @Input() keyResultForm!: FormGroup;

frontend/src/app/components/keyresult/keyresult.component.ts

@@ -10,7 +10,7 @@ import { KeyResultOrdinalMin } from '../../shared/types/model/KeyResultOrdinalMi
   templateUrl: './keyresult.component.html',
   styleUrls: ['./keyresult.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class KeyresultComponent {
   @Input() keyResult!: KeyresultMin;

frontend/src/app/components/objective-detail/objective-detail.component.ts

@@ -13,7 +13,7 @@ import { DialogService } from '../../services/dialog.service';
   templateUrl: './objective-detail.component.html',
   styleUrl: 'objective-detail.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class ObjectiveDetailComponent implements OnInit {
   objectiveId!: number;

frontend/src/app/components/objective-filter/objective-filter.component.ts

@@ -8,7 +8,7 @@ import { debounceTime, map, Subject } from 'rxjs';
   templateUrl: './objective-filter.component.html',
   styleUrls: ['./objective-filter.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class ObjectiveFilterComponent implements OnInit {
   refresh = new Subject<void>();

frontend/src/app/components/objective/objective.component.ts

@@ -15,7 +15,7 @@ import { MatMenuTrigger } from '@angular/material/menu';
   selector: 'app-objective-column',
   templateUrl: './objective.component.html',
   styleUrls: ['./objective.component.scss'],
-  standalone: false,
+  standalone: false
 })
 export class ObjectiveComponent {
   @Input() isWritable!: boolean;

frontend/src/app/components/overview/overview.component.ts

@@ -21,7 +21,7 @@ import { ConfigService } from '../../services/config.service';
   templateUrl: './overview.component.html',
   styleUrls: ['./overview.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class OverviewComponent implements OnInit, OnDestroy {
   overviewEntities$: Subject<OverviewEntity[]> = new Subject<OverviewEntity[]>();

frontend/src/app/components/quarter-filter/quarter-filter.component.ts

@@ -10,7 +10,7 @@ import { getValueFromQuery } from '../../shared/common';
   selector: 'app-quarter-filter',
   templateUrl: './quarter-filter.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class QuarterFilterComponent implements OnInit {
   quarters: BehaviorSubject<Quarter[]> = new BehaviorSubject<Quarter[]>([]);

frontend/src/app/components/team-filter/team-filter.component.ts

@@ -14,7 +14,7 @@ import { BreakpointObserver } from '@angular/cdk/layout';
   templateUrl: './team-filter.component.html',
   styleUrls: ['./team-filter.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class TeamFilterComponent implements OnInit, OnDestroy {
   teams$: BehaviorSubject<Team[]> = new BehaviorSubject<Team[]>([]);

frontend/src/app/components/team/team.component.ts

@@ -15,7 +15,7 @@ import { BehaviorSubject, first } from 'rxjs';
   templateUrl: './team.component.html',
   styleUrls: ['./team.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class TeamComponent {
   @Input({ required: true })

frontend/src/app/shared/custom/dialog-template-core/dialog-template-core.component.ts

@@ -5,7 +5,7 @@ import { Observable, of } from 'rxjs';
   selector: 'app-dialog-template-core',
   templateUrl: './dialog-template-core.component.html',
   styleUrl: './dialog-template-core.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class DialogTemplateCoreComponent {
   @Input() observable: Observable<any> = of({});

frontend/src/app/shared/custom/okr-tangram/okr-tangram.component.ts

@@ -6,7 +6,7 @@ import { map, Observable } from 'rxjs';
   selector: 'app-okr-tangram',
   templateUrl: 'okr-tangram.component.html',
   styleUrl: 'okr-tangram.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class OkrTangramComponent {
   private readonly DEFAULT_TRIANGLE_SRC = 'assets/images/empty.svg';

frontend/src/app/shared/custom/puzzle-icon-button/puzzle-icon-button.component.ts

@@ -4,7 +4,7 @@ import { Component, Input } from '@angular/core';
   selector: 'app-puzzle-icon-button',
   templateUrl: './puzzle-icon-button.component.html',
   styleUrl: './puzzle-icon-button.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class PuzzleIconButtonComponent {
   @Input({ required: true })

frontend/src/app/shared/custom/puzzle-icon/puzzle-icon.component.ts

@@ -3,7 +3,7 @@ import { Component, Input } from '@angular/core';
 @Component({
   selector: 'app-puzzle-icon',
   templateUrl: './puzzle-icon.component.html',
-  standalone: false,
+  standalone: false
 })
 export class PuzzleIconComponent {
   @Input({ required: true })

frontend/src/app/shared/custom/scoring/scoring.component.ts

@@ -22,7 +22,7 @@ import { CheckInOrdinalMin } from '../../types/model/CheckInOrdinalMin';
   templateUrl: './scoring.component.html',
   styleUrls: ['./scoring.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class ScoringComponent implements OnInit, AfterViewInit, OnChanges {
   @Input() keyResult!: KeyResultOrdinalMin | KeyResultMetricMin;

frontend/src/app/shared/custom/spinner/spinner.component.ts

@@ -4,7 +4,7 @@ import { Component, Input } from '@angular/core';
   selector: 'app-spinner',
   templateUrl: './spinner.component.html',
   styleUrl: './spinner.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class SpinnerComponent {
   @Input({ required: false })

frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.ts

@@ -8,7 +8,7 @@ import { TranslateService } from '@ngx-translate/core';
   selector: 'app-complete-dialog',
   templateUrl: './complete-dialog.component.html',
   styleUrls: ['./complete-dialog.component.scss'],
-  standalone: false,
+  standalone: false
 })
 export class CompleteDialogComponent {
   completeForm = new FormGroup({

frontend/src/app/shared/dialog/confirm-dialog/confirm-dialog.component.ts

@@ -7,7 +7,7 @@ import { ButtonState } from '../../types/enums/ButtonState';
   selector: 'app-confirm-dialog',
   templateUrl: './confirm-dialog.component.html',
   styleUrls: ['./confirm-dialog.component.scss'],
-  standalone: false,
+  standalone: false
 })
 export class ConfirmDialogComponent implements OnInit {
   dialogTitle = '';

frontend/src/app/shared/dialog/example-dialog/example-dialog.component.ts

@@ -7,7 +7,7 @@ import { formInputCheck } from '../../common';
 @Component({
   selector: 'app-example-dialog',
   templateUrl: './example-dialog.component.html',
-  standalone: false,
+  standalone: false
 })
 export class ExampleDialogComponent {
   hobbies = [

frontend/src/app/shared/dialog/objective-dialog/objective-form.component.ts

@@ -22,7 +22,7 @@ import { KeyResultDTO } from '../../types/DTOs/KeyResultDTO';
   templateUrl: './objective-form.component.html',
   styleUrls: ['./objective-form.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class ObjectiveFormComponent implements OnInit, OnDestroy {
   objectiveForm = new FormGroup({

frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.ts

@@ -3,7 +3,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
   name: 'unitTransformation',
-  standalone: false,
+  standalone: false
 })
 export class UnitTransformationPipe implements PipeTransform {
   transform(value: number, label: string): string {

frontend/src/app/shared/sidepanel/sidepanel.component.ts

@@ -16,7 +16,7 @@ import { ConnectedPosition } from '@angular/cdk/overlay'; // ESM
   templateUrl: './sidepanel.component.html',
   styleUrls: ['./sidepanel.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  standalone: false
 })
 export class SidepanelComponent implements OnInit, AfterContentInit, OnDestroy {
   leaveKeys = ['Escape'];

frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.ts

@@ -12,7 +12,7 @@ import { Router } from '@angular/router';
   selector: 'app-add-edit-team-dialog',
   templateUrl: './add-edit-team-dialog.component.html',
   styleUrls: ['./add-edit-team-dialog.component.scss'],
-  standalone: false,
+  standalone: false
 })
 export class AddEditTeamDialog implements OnInit {
   teamForm = new FormGroup({

frontend/src/app/team-management/add-member-to-team-dialog/add-member-to-team-dialog.component.ts

@@ -18,7 +18,7 @@ export interface AddMemberToTeamDialogComponentData {
   selector: 'app-add-member-to-team-dialog',
   templateUrl: './add-member-to-team-dialog.component.html',
   styleUrl: './add-member-to-team-dialog.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class AddMemberToTeamDialogComponent implements OnInit, OnDestroy {
   @ViewChild(MatTable) table!: MatTable<User[]>;

frontend/src/app/team-management/add-user-team/add-user-team.component.ts

@@ -8,7 +8,7 @@ import { UserTeam } from '../../shared/types/model/UserTeam';
   selector: 'app-add-user-team',
   templateUrl: './add-user-team.component.html',
   styleUrl: './add-user-team.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class AddUserTeamComponent implements OnInit, OnDestroy {
   @Output()

frontend/src/app/team-management/delete-user/delete-user.component.ts

@@ -12,7 +12,7 @@ import { UserOkrData } from '../../shared/types/model/UserOkrData';
   selector: 'app-delete-user',
   templateUrl: './delete-user.component.html',
   styleUrl: './delete-user.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class DeleteUserComponent implements OnInit, OnDestroy {
   @Input({ required: true }) user!: User;

frontend/src/app/team-management/edit-okr-champion/edit-okr-champion.component.ts

@@ -7,7 +7,7 @@ import { TeamService } from '../../services/team.service';
   selector: 'app-edit-okr-champion',
   templateUrl: './edit-okr-champion.component.html',
   styleUrl: './edit-okr-champion.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class EditOkrChampionComponent {
   @Input({ required: true }) user!: User;

frontend/src/app/team-management/invite-user-dialog/invite-user-dialog.component.ts

@@ -11,7 +11,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
   selector: 'app-invite-user-dialog',
   templateUrl: './invite-user-dialog.component.html',
   styleUrl: './invite-user-dialog.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class InviteUserDialogComponent {
   form: FormArray<FormGroup<NewUserForm<FormControl>>>;

frontend/src/app/team-management/member-detail/member-detail.component.ts

@@ -14,7 +14,7 @@ import { DialogService } from '../../services/dialog.service';
   selector: 'app-member-detail',
   templateUrl: './member-detail.component.html',
   styleUrl: './member-detail.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class MemberDetailComponent implements OnInit, OnDestroy {
   @ViewChild(MatTable) table!: MatTable<User[]>;

frontend/src/app/team-management/member-list/member-list-mobile/member-list-mobile.component.ts

@@ -10,7 +10,7 @@ import { getRouteToUserDetails } from '../../../shared/routeUtils';
   selector: 'app-member-list-mobile',
   templateUrl: './member-list-mobile.component.html',
   styleUrl: './member-list-mobile.component.scss',
-  standalone: false,
+  standalone: false
 })
 export class MemberListMobileComponent implements OnInit {
   @Input({ required: true }) dataSource!: MatTableDataSource<UserTableEntry>;