From 1a1aed6425eed37d0a84ea5dea41e8d9f9c363aa Mon Sep 17 00:00:00 2001
From: Yanick Minder <79108296+kcinay055679@users.noreply.github.com>
Date: Tue, 24 Dec 2024 11:45:31 +0100
Subject: [PATCH] Feature/1135 formatter enable rules rebased (#1260)

* apply eslint

squash branch

update eslint config

run formatter

fix tests

revert to single quotes

regen package-lock

move eslint dependendencies to devDependencies and update comment in eslint-config

remove not needed parent clings

fix typo in comment in scoring component tests

put both statements inside if statement

change asignment of args in global ts

add curly to eslint config

put curly into quotes

update comments to clarify that they are for lint

replace multiple ifs with one switch

replace multiple ifs with one switch

replace multiple ifs with one switch

turn no-non-null-assertion off and bring back all usages of

add strict equality

fix eslint errors

remove not needed comment

add todo for error handling oauth interceptor

update comments so its clear that linter needs them

revert change made accidentally

fix frontend unit tests

revert changes made accidentally

bring back all not null assertions and create some switch statements in scoring component for readability

* fix formatting errors

* regen package-lock

---------

Co-authored-by: Nevio Di Gennaro <digennaro@puzzle.ch>
---
 frontend/cypress/e2e/check-in.cy.ts           |  18 +-
 frontend/cypress/e2e/objective-backlog.cy.ts  |  16 +-
 frontend/cypress/e2e/objective-crud.cy.ts     |  14 +-
 frontend/cypress/e2e/objective.cy.ts          |  18 +-
 frontend/cypress/e2e/team-management.cy.ts    |   6 +-
 frontend/cypress/support/commands.ts          |  24 +-
 frontend/cypress/support/component.ts         |   2 +-
 .../dom-helper/dialogs/objectiveDialog.ts     |   2 +-
 .../support/helper/dom-helper/filterHelper.ts |   4 +-
 .../helper/dom-helper/pages/overviewPage.ts   |   4 +-
 .../cypress/support/helper/scoringSupport.ts  |  82 ++--
 frontend/cypress/support/helper/utils.ts      |   4 +-
 frontend/eslint.config.mjs                    | 112 +++--
 frontend/package-lock.json                    | 402 +++++++++++++++++-
 frontend/package.json                         |   2 +
 frontend/src/app/app.component.spec.ts        |  40 +-
 frontend/src/app/app.component.ts             |   6 +-
 .../action-plan/action-plan.component.spec.ts |   4 +-
 .../action-plan/action-plan.component.ts      |  21 +-
 .../metric-check-in-directive.spec.ts         |   2 +-
 .../metric-check-in-directive.ts              |  13 +-
 .../check-in-form-ordinal.component.html      |  18 +-
 .../check-in-form/check-in-form.component.ts  |   8 +-
 .../confidence/confidence.component.spec.ts   |   6 +-
 .../key-result-detail.component.html          |  11 +-
 .../key-result-form.component.ts              |   8 +-
 .../key-result-type.component.ts              |   9 +-
 .../objective-detail.component.html           |   6 +-
 .../objective/ObjectiveMenuActions.ts         |   8 +-
 .../overview/overview.component.html          |   2 +-
 .../overview/overview.component.spec.ts       |  29 +-
 .../team-filter/team-filter.component.spec.ts |   4 -
 .../team-filter/team-filter.component.ts      |   3 +-
 .../src/app/components/team/team.component.ts |   4 +-
 .../interceptors/error.interceptor.spec.ts    | 113 +++--
 .../src/app/interceptors/error.interceptor.ts |  34 +-
 .../app/interceptors/o-auth.interceptor.ts    |  22 +-
 frontend/src/app/services/action.service.ts   |   2 +-
 .../src/app/services/check-in.service.spec.ts |   1 -
 .../src/app/services/customization.service.ts |   6 +-
 .../src/app/services/dialog.service.spec.ts   |   8 +-
 .../src/app/services/keyresult.service.ts     |   4 +-
 .../objective-menu-actions.service.ts         |   6 +-
 .../src/app/services/overview.service.spec.ts |   2 +-
 frontend/src/app/services/team.service.ts     |   3 +-
 .../src/app/services/user.service.spec.ts     |  10 +-
 frontend/src/app/services/user.service.ts     |   2 +-
 frontend/src/app/shared/common.spec.ts        |  38 +-
 frontend/src/app/shared/common.ts             |  31 +-
 .../custom/scoring/scoring.component.html     |   2 +-
 .../custom/scoring/scoring.component.spec.ts  |   4 +-
 .../custom/scoring/scoring.component.ts       |  10 +-
 .../complete-dialog.component.html            |   4 +-
 .../complete-dialog.component.ts              |   7 +-
 .../objective-form.component.html             |   5 +-
 .../objective-form.component.spec.ts          | 133 +++---
 .../objective-form.component.ts               |  60 +--
 .../unit-transformation.pipe.spec.ts          |   2 +-
 .../unit-transformation.pipe.ts               |   2 +-
 frontend/src/app/shared/routeUtils.spec.ts    |  10 +-
 frontend/src/app/shared/routeUtils.ts         |   2 +-
 .../shared/side-panel/side-panel.component.ts |   5 +-
 .../add-edit-team-dialog.component.spec.ts    |  14 +-
 .../add-edit-team-dialog.component.ts         |  27 +-
 .../add-member-to-team-dialog.component.ts    |  18 +-
 .../add-user-team.component.spec.ts           |   3 -
 .../add-user-team/add-user-team.component.ts  |  22 +-
 .../delete-user/delete-user.component.ts      |  38 +-
 .../member-detail/member-detail.component.ts  |  12 +-
 .../member-list-mobile.component.ts           |   6 +-
 .../member-list-table.component.ts            |   6 +-
 .../member-list/member-list.component.spec.ts |  29 +-
 .../member-list/member-list.component.ts      |  15 +-
 .../search-team-management.component.ts       |   7 +-
 .../team-list/team-list.component.spec.ts     |   4 -
 .../team-management-banner.component.spec.ts  |   4 +-
 .../team-management-banner.component.ts       |   6 +-
 .../team-management/team-management.module.ts |   4 +-
 frontend/src/global.ts                        |   5 +-
 79 files changed, 1053 insertions(+), 607 deletions(-)

diff --git a/frontend/cypress/e2e/check-in.cy.ts b/frontend/cypress/e2e/check-in.cy.ts
index d7cdd63fef..ef3c48c1a2 100644
--- a/frontend/cypress/e2e/check-in.cy.ts
+++ b/frontend/cypress/e2e/check-in.cy.ts
@@ -17,7 +17,7 @@ describe('okr check-in', () => {
     cy.loginAsUser(users.gl);
   });
 
-  it(`should create check-in metric`, () => {
+  it('should create check-in metric', () => {
     overviewPage
       .addKeyResult()
       .fillKeyResultTitle('Very important keyresult')
@@ -39,7 +39,7 @@ describe('okr check-in', () => {
     cy.contains('We bought a new house');
   });
 
-  it(`should create check-in metric with confidence 0`, () => {
+  it('should create check-in metric with confidence 0', () => {
     overviewPage
       .addKeyResult()
       .fillKeyResultTitle('Very important keyresult')
@@ -61,7 +61,7 @@ describe('okr check-in', () => {
     cy.contains('We bought a new house');
   });
 
-  it(`should create check-in metric with value below baseline`, () => {
+  it('should create check-in metric with value below baseline', () => {
     overviewPage
       .addKeyResult()
       .fillKeyResultTitle('This will not be good')
@@ -249,7 +249,7 @@ describe('okr check-in', () => {
     cy.contains('STRETCH');
   });
 
-  it(`should display confirm dialog when creating check-in on draft objective`, () => {
+  it('should display confirm dialog when creating check-in on draft objective', () => {
     overviewPage.addObjective()
       .fillObjectiveTitle('draft objective title')
       .selectQuarter('3')
@@ -270,7 +270,7 @@ describe('okr check-in', () => {
       .checkDescription('Dein Objective befindet sich noch im DRAFT Status. Möchtest du das Check-in trotzdem erfassen?');
   });
 
-  it(`should only display last value div if last check-in is present`, () => {
+  it('should only display last value div if last check-in is present', () => {
     const objectiveName = uniqueSuffix('new objective');
 
     overviewPage.addObjective()
@@ -310,8 +310,12 @@ function getCurrentDate() {
 
   let dd_str = '' + dd;
   let mm_str = '' + mm;
-  if (dd < 10) dd_str = '0' + dd_str;
-  if (mm < 10) mm_str = '0' + mm_str;
+  if (dd < 10) {
+    dd_str = '0' + dd_str;
+  }
+  if (mm < 10) {
+    mm_str = '0' + mm_str;
+  }
 
   return dd_str + '.' + mm_str + '.' + yyyy;
 }
diff --git a/frontend/cypress/e2e/objective-backlog.cy.ts b/frontend/cypress/e2e/objective-backlog.cy.ts
index d3df96c62e..13870e8967 100644
--- a/frontend/cypress/e2e/objective-backlog.cy.ts
+++ b/frontend/cypress/e2e/objective-backlog.cy.ts
@@ -10,7 +10,7 @@ describe('okr objective backlog', () => {
     cy.loginAsUser(users.gl);
   });
 
-  it(`should not have save button when creating objective in backlog quarter`, () => {
+  it('should not have save button when creating objective in backlog quarter', () => {
     overviewPage
       .addObjective()
       .fillObjectiveTitle('Objective in quarter backlog')
@@ -27,7 +27,7 @@ describe('okr objective backlog', () => {
     cy.contains('Objective in quarter backlog');
   });
 
-  it(`should edit objective and move it to backlog`, () => {
+  it('should edit objective and move it to backlog', () => {
     overviewPage.addObjective()
       .fillObjectiveTitle('Move to another quarter on edit')
       .submitDraftObjective();
@@ -50,7 +50,7 @@ describe('okr objective backlog', () => {
     cy.contains('This goes now to backlog');
   });
 
-  it(`should not be able to select backlog quarter when editing ongoing objective`, () => {
+  it('should not be able to select backlog quarter when editing ongoing objective', () => {
     overviewPage.addObjective()
       .fillObjectiveTitle('We can not move this to backlog')
       .submit();
@@ -67,7 +67,7 @@ describe('okr objective backlog', () => {
       .should('not.contain', 'Backlog');
   });
 
-  it(`should release objective to another quarter from backlog`, () => {
+  it('should release objective to another quarter from backlog', () => {
     overviewPage.visitBacklogQuarter();
     overviewPage.addObjective()
       .fillObjectiveTitle('We can not release this')
@@ -105,7 +105,7 @@ describe('okr objective backlog', () => {
     cy.contains('This is our first released objective');
   });
 
-  it(`should edit objective title in backlog`, () => {
+  it('should edit objective title in backlog', () => {
     overviewPage.visitBacklogQuarter();
     overviewPage.addObjective()
       .fillObjectiveTitle('This is possible for edit')
@@ -124,7 +124,7 @@ describe('okr objective backlog', () => {
     overviewPage.getObjectiveByNameAndState('My new title', 'draft');
   });
 
-  it(`should edit objective in backlog and change quarter`, () => {
+  it('should edit objective in backlog and change quarter', () => {
     overviewPage.visitBacklogQuarter();
     overviewPage.addObjective()
       .fillObjectiveTitle('This goes to other quarter later')
@@ -144,7 +144,7 @@ describe('okr objective backlog', () => {
     overviewPage.getObjectiveByNameAndState('This goes to other quarter later', 'draft');
   });
 
-  it(`should duplicate objective in backlog`, () => {
+  it('should duplicate objective in backlog', () => {
     overviewPage.visitBacklogQuarter();
     overviewPage.addObjective()
       .fillObjectiveTitle('Ready for duplicate in backlog')
@@ -189,7 +189,7 @@ describe('okr objective backlog', () => {
       .should('exist');
   });
 
-  it(`should duplicate ongoing objective to backlog`, () => {
+  it('should duplicate ongoing objective to backlog', () => {
     overviewPage.addObjective()
       .fillObjectiveTitle('Possible to duplicate into backlog')
       .submit();
diff --git a/frontend/cypress/e2e/objective-crud.cy.ts b/frontend/cypress/e2e/objective-crud.cy.ts
index 22bf882b66..a7d52c3db0 100644
--- a/frontend/cypress/e2e/objective-crud.cy.ts
+++ b/frontend/cypress/e2e/objective-crud.cy.ts
@@ -18,7 +18,7 @@ describe('crud operations', () => {
     'draft-icon.svg']].forEach(([objectiveTitle,
     buttonTestId,
     icon]) => {
-    it(`should create objective without key-results`, () => {
+    it('should create objective without key-results', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle(objectiveTitle)
         .selectQuarter('3');
@@ -32,7 +32,7 @@ describe('crud operations', () => {
     });
   });
 
-  it(`should display error message when title not set`, () => {
+  it('should display error message when title not set', () => {
     overviewPage.addObjective();
     cy.getByTestId('title')
       .first()
@@ -47,7 +47,7 @@ describe('crud operations', () => {
       .should('not.be.disabled');
   });
 
-  it(`should cancel creating an objective`, () => {
+  it('should cancel creating an objective', () => {
     const objectiveTitle = 'this is a canceled objective';
     overviewPage.addObjective()
       .selectQuarter('3')
@@ -57,7 +57,7 @@ describe('crud operations', () => {
       .should('not.exist');
   });
 
-  it(`should delete existing objective`, () => {
+  it('should delete existing objective', () => {
     overviewPage.getFirstObjective()
       .findByTestId('three-dot-menu')
       .click();
@@ -69,7 +69,7 @@ describe('crud operations', () => {
       .submit();
   });
 
-  it(`should open objective detail view via click`, () => {
+  it('should open objective detail view via click', () => {
     overviewPage.getFirstObjective()
       .find('.title')
       .click();
@@ -77,7 +77,7 @@ describe('crud operations', () => {
       .should('include', 'objective');
   });
 
-  it(`should edit objective`, () => {
+  it('should edit objective', () => {
     const updatedTitle = 'This is an updated title';
     overviewPage.getFirstObjective()
       .findByTestId('three-dot-menu')
@@ -90,7 +90,7 @@ describe('crud operations', () => {
       .should('exist');
   });
 
-  it(`should duplicate objective`, () => {
+  it('should duplicate objective', () => {
     const duplicatedTitle = 'This is a duplicated objective';
     overviewPage.getFirstObjective()
       .findByTestId('three-dot-menu')
diff --git a/frontend/cypress/e2e/objective.cy.ts b/frontend/cypress/e2e/objective.cy.ts
index f437e050d7..43ee55abaf 100644
--- a/frontend/cypress/e2e/objective.cy.ts
+++ b/frontend/cypress/e2e/objective.cy.ts
@@ -11,7 +11,7 @@ describe('okr objective', () => {
   });
 
   describe('tests via click', () => {
-    it(`should release objective from draft to ongoing`, () => {
+    it('should release objective from draft to ongoing', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('A objective in state draft')
         .submitDraftObjective();
@@ -31,7 +31,7 @@ describe('okr objective', () => {
         .should('exist');
     });
 
-    it(`should complete objective with successful`, () => {
+    it('should complete objective with successful', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('We want to complete this successful')
         .submit();
@@ -58,7 +58,7 @@ describe('okr objective', () => {
       overviewPage.getObjectiveByNameAndState('We want to complete this successful', 'successful');
     });
 
-    it(`should complete objective with not-successful`, () => {
+    it('should complete objective with not-successful', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('A not successful objective')
         .submit();
@@ -84,7 +84,7 @@ describe('okr objective', () => {
       overviewPage.getObjectiveByNameAndState('A not successful objective', 'not-successful');
     });
 
-    it(`should reopen successful objective`, () => {
+    it('should reopen successful objective', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('This objective will be reopened after')
         .submit();
@@ -119,7 +119,7 @@ describe('okr objective', () => {
         .should('exist');
     });
 
-    it(`should cancel reopening successful objective`, () => {
+    it('should cancel reopening successful objective', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('The reopening of this objective will be canceled')
         .submit();
@@ -198,7 +198,7 @@ describe('okr objective', () => {
         .should('exist');
     });
 
-    it(`should search and find objectives`, () => {
+    it('should search and find objectives', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('Search after this objective')
         .submit();
@@ -258,7 +258,7 @@ describe('okr objective', () => {
         .should('not.exist');
     });
 
-    it(`should create objective in other quarter`, () => {
+    it('should create objective in other quarter', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('Objective in quarter 3')
         .selectQuarter('3')
@@ -272,7 +272,7 @@ describe('okr objective', () => {
       cy.contains('Objective in quarter 3');
     });
 
-    it(`should edit objective and move it to another quarter`, () => {
+    it('should edit objective and move it to another quarter', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('Move to another quarter on edit')
         .submit();
@@ -296,7 +296,7 @@ describe('okr objective', () => {
   });
 
   describe('tests via keyboard', () => {
-    it(`should open objective aside via enter`, () => {
+    it('should open objective aside via enter', () => {
       cy.getByTestId('objective')
         .first()
         .find('[tabindex]')
diff --git a/frontend/cypress/e2e/team-management.cy.ts b/frontend/cypress/e2e/team-management.cy.ts
index f41ac166ec..8f2333955a 100644
--- a/frontend/cypress/e2e/team-management.cy.ts
+++ b/frontend/cypress/e2e/team-management.cy.ts
@@ -304,7 +304,7 @@ describe('okr team-management', () => {
           return true;
         })
         .then(() => {
-          expect(foundEsha).to.be.true;
+          expect(foundEsha).to.equal(true);
         });
     });
 
@@ -461,7 +461,7 @@ describe('okr team-management', () => {
             .trim() !== 'Findus Peterson') {
             return;
           }
-          $row.find(`[data-testId='edit-role']`)
+          $row.find('[data-testId=\'edit-role\']')
             .click();
           cy.wait(500); // wait for dialog to open
         })
@@ -495,7 +495,7 @@ describe('okr team-management', () => {
 
       ConfirmDialog.do()
         .checkTitle('Mitglied entfernen')
-        .checkDescription(`Möchtest du Findus Peterson wirklich aus dem Team '/BBT' entfernen?`)
+        .checkDescription('Möchtest du Findus Peterson wirklich aus dem Team \'/BBT\' entfernen?')
         .submit();
 
       cy.get('app-member-detail')
diff --git a/frontend/cypress/support/commands.ts b/frontend/cypress/support/commands.ts
index e8a1ce80f8..e4c4efdc80 100644
--- a/frontend/cypress/support/commands.ts
+++ b/frontend/cypress/support/commands.ts
@@ -19,19 +19,17 @@ Cypress.Commands.add('getByTestId', (testId: string, text?: string): Chainable =
   }
 });
 
-Cypress.Commands.add('findByTestId',
-  { prevSubject: true },
-  (subject: JQuery<HTMLElement>, testId: string, text?: string): Chainable => {
-    const selector = `[data-testId=${testId}]`;
-    if (text) {
-      return cy.wrap(subject)
-        .find(selector)
-        .contains(text);
-    } else {
-      return cy.wrap(subject)
-        .find(selector);
-    }
-  });
+Cypress.Commands.add('findByTestId', { prevSubject: true }, (subject: JQuery<HTMLElement>, testId: string, text?: string): Chainable => {
+  const selector = `[data-testId=${testId}]`;
+  if (text) {
+    return cy.wrap(subject)
+      .find(selector)
+      .contains(text);
+  } else {
+    return cy.wrap(subject)
+      .find(selector);
+  }
+});
 
 Cypress.Commands.add('pressUntilContains', (text: string, key: keyof typeof keyCodeDefinitions) => {
   pressUntilContains(text, key);
diff --git a/frontend/cypress/support/component.ts b/frontend/cypress/support/component.ts
index 2733f4b08b..3d45dba0b0 100644
--- a/frontend/cypress/support/component.ts
+++ b/frontend/cypress/support/component.ts
@@ -2,7 +2,7 @@ import './commands';
 import { keyCodeDefinitions } from 'cypress-real-events/keyCodeDefinitions';
 
 declare global {
-  namespace Cypress {
+  export namespace Cypress {
     interface Chainable {
       loginAsUser(user: any): Chainable;
       getByTestId(testsId: string, text?: string): Chainable;
diff --git a/frontend/cypress/support/helper/dom-helper/dialogs/objectiveDialog.ts b/frontend/cypress/support/helper/dom-helper/dialogs/objectiveDialog.ts
index 4957e72663..6252040b00 100644
--- a/frontend/cypress/support/helper/dom-helper/dialogs/objectiveDialog.ts
+++ b/frontend/cypress/support/helper/dom-helper/dialogs/objectiveDialog.ts
@@ -21,7 +21,7 @@ export default class ObjectiveDialog extends Dialog {
 
   toggleCreateKeyResults() {
     cy.getByTestId('keyResult-checkbox')
-      .find("[type='checkbox']")
+      .find('[type=\'checkbox\']')
       .check();
     return this;
   }
diff --git a/frontend/cypress/support/helper/dom-helper/filterHelper.ts b/frontend/cypress/support/helper/dom-helper/filterHelper.ts
index aab16bf130..0b377d8ea4 100644
--- a/frontend/cypress/support/helper/dom-helper/filterHelper.ts
+++ b/frontend/cypress/support/helper/dom-helper/filterHelper.ts
@@ -1,7 +1,9 @@
 import { PageObjectMapperBase } from './pageObjectMapperBase';
 
 export default class FilterHelper extends PageObjectMapperBase {
-  validatePage(): void {}
+  validatePage(): void {
+    // Does not need to be implemented this comment is for making linter happy
+  }
 
   optionShouldBeSelected(text: string, isOnOverview = true): this {
     if (isOnOverview) {
diff --git a/frontend/cypress/support/helper/dom-helper/pages/overviewPage.ts b/frontend/cypress/support/helper/dom-helper/pages/overviewPage.ts
index 87b20f8ccc..68a806b995 100644
--- a/frontend/cypress/support/helper/dom-helper/pages/overviewPage.ts
+++ b/frontend/cypress/support/helper/dom-helper/pages/overviewPage.ts
@@ -196,7 +196,9 @@ export default class CyOverviewPage extends Page {
     return '';
   }
 
-  validatePage(): void {}
+  validatePage(): void {
+    // Does not need to be implemented this comment is for making linter happy
+  }
 
   protected doVisit(): void {
     this.elements.logo()
diff --git a/frontend/cypress/support/helper/scoringSupport.ts b/frontend/cypress/support/helper/scoringSupport.ts
index ccb55625de..cfa2c75aca 100644
--- a/frontend/cypress/support/helper/scoringSupport.ts
+++ b/frontend/cypress/support/helper/scoringSupport.ts
@@ -20,7 +20,9 @@ export function validateScoring(isOverview: boolean, percentage: number) {
   validateScoringWidth('commit', scoringValue.commitPercent, isOverview);
   validateScoringWidth('target', scoringValue.targetPercent, isOverview);
 
-  if (percentage == 0) return;
+  if (percentage == 0) {
+    return;
+  }
   validateScoringColor('fail', rgbCode, isOverview);
   validateScoringColor('commit', rgbCode, isOverview);
   validateScoringColor('target', rgbCode, isOverview);
@@ -30,15 +32,22 @@ export function getPercentageMetric(baseline: number, stretchGoal: number, value
   if (isLastCheckInNegative(baseline, stretchGoal, value)) {
     return -1;
   }
-  return (Math.abs(value - baseline) / Math.abs(stretchGoal - baseline)) * 100;
+  return Math.abs(value - baseline) / Math.abs(stretchGoal - baseline) * 100;
 }
 
 export function getPercentageOrdinal(zone: string) {
-  if (zone == 'stretch') return 101;
-  if (zone == 'target') return 99.99;
-  if (zone == 'commit') return 70;
-  if (zone == 'fail') return 30;
-  return 0;
+  switch (zone) {
+    case 'fail':
+      return 30;
+    case 'commit':
+      return 70;
+    case 'target':
+      return 99.99;
+    case 'stretch':
+      return 101;
+    default:
+      return 0;
+  }
 }
 
 function validateScoringWidth(zone: string, percent: number, isOverview: boolean) {
@@ -46,7 +55,7 @@ function validateScoringWidth(zone: string, percent: number, isOverview: boolean
     .parent()
     .invoke('width')
     .then((parentWidth) => {
-      expect(parentWidth).not.to.be.undefined;
+      expect(parentWidth).not.to.equal(undefined);
       cy.getZone(zone, isOverview)
         .invoke('width')
         .should('be.within', parentWidth! * (percent / 100) - 3, parentWidth! * (percent / 100) + 3);
@@ -77,30 +86,43 @@ function checkVisibilityOfScoringComponent(isOverview: boolean, displayProperty:
 }
 
 function colorFromPercentage(percentage: number) {
-  if (percentage >= 100) return 'rgba(0, 0, 0, 0)';
-  if (percentage > 70) return 'rgb(30, 138, 41)';
-  if (percentage > 30) return 'rgb(255, 214, 0)';
-  return 'rgb(186, 56, 56)';
+  switch (true) {
+    case percentage >= 100:
+      return 'rgba(0, 0, 0, 0)';
+    case percentage > 70:
+      return 'rgb(30, 138, 41)';
+    case percentage > 30:
+      return 'rgb(255, 214, 0)';
+    default:
+      return 'rgb(186, 56, 56)';
+  }
 }
 
 function scoringValueFromPercentage(percentage: number): ScoringValue {
-  if (percentage >= 100) {
-    return { failPercent: 0,
-      commitPercent: 0,
-      targetPercent: 0 };
-  } else if (percentage > 70) {
-    const targetPercent = (percentage - 70) * (100 / 30);
-    return { failPercent: 100,
-      commitPercent: 100,
-      targetPercent: targetPercent };
-  } else if (percentage > 30) {
-    const commitPercent = (percentage - 30) * (100 / 40);
-    return { failPercent: 100,
-      commitPercent: commitPercent,
-      targetPercent: -1 };
+  switch (true) {
+    case percentage >= 100:
+      return {
+        failPercent: 0,
+        commitPercent: 0,
+        targetPercent: 0
+      };
+    case percentage > 70:
+      return {
+        failPercent: 100,
+        commitPercent: 100,
+        targetPercent: (percentage - 70) * (100 / 30)
+      };
+    case percentage > 30:
+      return {
+        failPercent: 100,
+        commitPercent: (percentage - 30) * (100 / 40),
+        targetPercent: -1
+      };
+    default:
+      return {
+        failPercent: percentage * (100 / 30),
+        commitPercent: -1,
+        targetPercent: -1
+      };
   }
-  const failPercent = percentage * (100 / 30);
-  return { failPercent: failPercent,
-    commitPercent: -1,
-    targetPercent: -1 };
 }
diff --git a/frontend/cypress/support/helper/utils.ts b/frontend/cypress/support/helper/utils.ts
index 454ba2433c..3600ff1b54 100644
--- a/frontend/cypress/support/helper/utils.ts
+++ b/frontend/cypress/support/helper/utils.ts
@@ -30,7 +30,9 @@ function doUntil(
   limit = 100,
   count = 0
 ) {
-  if (count >= limit) return;
+  if (count >= limit) {
+    return;
+  }
 
   cy.focused()
     .then((element) => {
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
index 3b2afd4e25..bc3c1546ad 100644
--- a/frontend/eslint.config.mjs
+++ b/frontend/eslint.config.mjs
@@ -7,6 +7,9 @@ import angular from 'angular-eslint'
 import htmlParser from '@html-eslint/parser'
 
 export default tsEslint.config(
+  {
+    ignores: ['cypress/downloads/**/*'],
+  },
   {
     files: ['**/*.ts'],
     extends: [
@@ -16,35 +19,83 @@ export default tsEslint.config(
       ...angular.configs.tsRecommended,
     ],
     processor: angular.processInlineTemplates,
+    languageOptions: {
+      globals: {
+        //Cypress things not recognized by eslint
+        cy: 'readonly',
+        Cypress: 'readonly',
+        it: 'readonly',
+        describe: 'readonly',
+        expect: 'readonly',
+        beforeEach: 'readonly',
+        before: 'readonly',
+        //Dom things not recognized by eslint
+        localStorage: 'readonly',
+        console: 'readonly',
+        window: 'readonly',
+        document: 'readonly',
+        //Event not recognized by eslint
+        MouseEvent: 'readonly',
+        KeyboardEvent: 'readonly',
+        Event: 'readonly',
+        //HTML Elements not recognized by eslint
+        HTMLDivElement: 'readonly',
+        HTMLInputElement: 'readonly',
+        HTMLSpanElement: 'readonly',
+        HTMLElement: 'readonly',
+        HTMLTitleElement: 'readonly',
+        HTMLHtmlElement: 'readonly',
+        //Others not recognized by eslint
+        ResizeObserver: 'readonly',
+        ResizeObserverEntry: 'readonly',
+        setTimeout: 'readonly',
+        JQuery: 'readonly',
+        Document: 'readonly',
+        URL: 'readonly',
+      },
+    },
     rules: {
       ...stylistic.configs['all-flat'].rules,
+      //eslint rules
       'unused-imports/no-unused-imports': 'error',
+      'no-undef': 'error',
+      curly: 'error',
+      'prefer-rest-params': 'error',
+      'space-before-function-paren': ['error', 'never'],
 
-      // ToDo: Disable rules so eslint passes, fix in followup ticket
-      '@typescript-eslint/no-unused-vars': 'off',
-      '@typescript-eslint/no-unused-expressions': 'off',
-      '@typescript-eslint/ban-ts-comment': 'off',
-      'no-undef': 'off',
+      //Typescript eslint rules
+      '@typescript-eslint/ban-ts-comment': 'error',
+      '@typescript-eslint/no-unused-expressions': [
+        'error',
+        {
+          allowTernary: true,
+        },
+      ],
+
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          args: 'none',
+        },
+      ],
       '@typescript-eslint/no-explicit-any': 'off',
-      '@typescript-eslint/no-namespace': 'off',
-      'prefer-rest-params': 'off',
-      '@typescript-eslint/no-empty-function': ['off'],
-      '@stylistic/lines-around-comment': ['off'],
-      '@angular-eslint/no-empty-lifecycle-method': 'off',
-      '@angular-eslint/component-class-suffix': 'off',
-      '@angular-eslint/template/eqeqeq': 'off',
-      '@angular-eslint/template/interactive-supports-focus': 'off',
-      '@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
+      '@typescript-eslint/no-namespace': [
+        'error',
+        {
+          allowDeclarations: true,
+        },
+      ],
+      '@typescript-eslint/no-empty-function': ['error', { allow: ['arrowFunctions', 'constructors'] }],
+      //Turned off to allow ! in the code
       '@typescript-eslint/no-non-null-assertion': 'off',
-      '@stylistic/no-extra-parens': 'off',
-      '@typescript-eslint/no-confusing-non-null-assertion': 'off',
-      //Delete these rules after fixing all the issues and enabling the actual rules
-      '@stylistic/quotes': 'off',
-      '@stylistic/function-call-argument-newline': 'off',
+      '@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
 
-      //Actual formatting rules
-      // '@stylistic/function-call-argument-newline': ['error', 'never'],
-      // '@stylistic/quotes': ['error', 'double'],
+      '@typescript-eslint/no-confusing-non-null-assertion': 'error',
+
+      //Stylistic eslint rules
+      '@stylistic/no-extra-parens': 'error',
+      '@stylistic/function-call-argument-newline': ['error', 'never'],
+      '@stylistic/quotes': ['error', 'single'],
       '@stylistic/padded-blocks': ['error', 'never'],
       '@stylistic/dot-location': ['error', 'property'],
       '@stylistic/newline-per-chained-call': ['error', { ignoreChainWithDepth: 1 }],
@@ -55,10 +106,13 @@ export default tsEslint.config(
       '@stylistic/object-curly-spacing': ['error', 'always'],
       '@stylistic/array-bracket-newline': ['error', { minItems: 4 }],
       '@stylistic/semi-style': ['error'],
-      'space-before-function-paren': ['error', 'never'],
       '@stylistic/function-paren-newline': ['error', { minItems: 4 }],
       '@stylistic/space-before-function-paren': ['error', 'never'],
-
+      // Disabled because it's an unnecessary rule in our case
+      '@stylistic/lines-around-comment': 'off',
+      //Angular eslint rules
+      '@angular-eslint/no-empty-lifecycle-method': 'error',
+      '@angular-eslint/component-class-suffix': 'error',
       '@angular-eslint/directive-selector': [
         'error',
         {
@@ -80,10 +134,14 @@ export default tsEslint.config(
   },
   {
     files: ['**/*.spec.ts'],
+    extends: [...tsEslint.configs.recommended],
     rules: {
+      //Rules removed for Test files because they are unnecessary for tests
       '@typescript-eslint/no-explicit-any': 'off',
       'prefer-rest-params': 'off',
       '@typescript-eslint/no-empty-function': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-non-null-assertion': 'off',
     },
   },
 
@@ -96,11 +154,13 @@ export default tsEslint.config(
     },
     rules: {
       ...html.configs['flat/recommended'].rules,
+      //Html eslint rules
       // Must be defined. If not, all recommended rules will be lost
-      '@html-eslint/indent': ['error', 2],
       '@html-eslint/require-img-alt': 'off',
-      '@html-eslint/element-newline': 'off',
+      '@html-eslint/indent': ['error', 2],
       '@html-eslint/require-closing-tags': ['error', { selfClosing: 'always' }],
+      //Doesn't work with Angular 17+
+      '@html-eslint/element-newline': 'off',
     },
   },
   {
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3b7dd96e24..050060cc9a 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -30,6 +30,7 @@
       },
       "devDependencies": {
         "@angular-devkit/build-angular": "^18.2.9",
+        "@angular-eslint/eslint-plugin-template": "^19.0.2",
         "@angular/cli": "~18.2.9",
         "@angular/compiler-cli": "^18.2.8",
         "@cypress/schematic": "^2.5.2",
@@ -47,6 +48,7 @@
         "cypress": "^13.15.0",
         "cypress-real-events": "^1.13.0",
         "eslint": "^9.16.0",
+        "eslint-plugin-i18n-json": "^4.0.0",
         "eslint-plugin-unused-imports": "^4.1.4",
         "jest": "^29.7.0",
         "jest-preset-angular": "^14.2.4",
@@ -3620,6 +3622,62 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.1.tgz",
+      "integrity": "sha512-Ip9uV+/MpLXWRk03U/GzeJMuPeOXpJBSB5V1tjA6kJhvqssye5J5LoYLc7Z5IAHb7nR62sRoguzrFiVCP/hnzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "2.2.5",
+        "@formatjs/intl-localematcher": "0.5.9",
+        "decimal.js": "10",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.5.tgz",
+      "integrity": "sha512-6PoewUMrrcqxSoBXAOJDiW1m+AmkrAj0RiXnOMD59GRaswjXhm3MDhgepXPBgonc09oSirAJTsAggzAGQf6A6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.9.7",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.9.7.tgz",
+      "integrity": "sha512-cuEHyRM5VqLQobANOjtjlgU7+qmk9Q3fDQuBiRRJ3+Wp3ZoZhpUPtUfuimZXsir6SaI2TaAJ+SLo9vLnV5QcbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.1",
+        "@formatjs/icu-skeleton-parser": "1.8.11",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.11",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.11.tgz",
+      "integrity": "sha512-8LlHHE/yL/zVJZHAX3pbKaCjZKmBIO6aJY1mkVh4RMSEu/2WRZ4Ysvv3kKXJ9M8RJLBHdnk1/dUQFdod1Dt7Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.1",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.9",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.9.tgz",
+      "integrity": "sha512-8zkGu/sv5euxbjfZ/xmklqLyDGQSxsLqg8XOq88JW3cmJtzhCP8EtSJXlaKZnVO4beEaoiT9wj4eIoCQ9smwxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
     "node_modules/@html-eslint/eslint-plugin": {
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/@html-eslint/eslint-plugin/-/eslint-plugin-0.27.0.tgz",
@@ -6577,6 +6635,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/aggregate-error/node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ajv": {
       "version": "8.17.1",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
@@ -8947,6 +9015,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/diff": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
+      "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
     "node_modules/diff-sequences": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
@@ -9029,9 +9107,9 @@
       }
     },
     "node_modules/domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.0.tgz",
+      "integrity": "sha512-pmjBRsZD5Fz3XR8NlM1zTBDlHjB5OvLjMkGMGHrLabzoECJNPPOCiCNEgSSLQn2pYIOO4Ytfia7zIehRiit+sQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -9506,6 +9584,142 @@
         }
       }
     },
+    "node_modules/eslint-plugin-i18n-json": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-i18n-json/-/eslint-plugin-i18n-json-4.0.1.tgz",
+      "integrity": "sha512-LNQS2XeEy1fdCOn/n3Aeh7RWPVbwKL0tH4Q1c2Y/M1TN6Jo3uN6C3cTvtjzJEms7ul0rmCAPoGqM4IsVCOIxnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/icu-messageformat-parser": "^2.0.18",
+        "chalk": "^2.3.2",
+        "indent-string": "^3.2.0",
+        "jest-diff": "^22.0.3",
+        "lodash": "^4.17.21",
+        "log-symbols": "^2.2.0",
+        "parse-json": "^5.2.0",
+        "plur": "^2.1.2",
+        "pretty-format": "^22.0.3"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/ansi-regex": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/log-symbols": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz",
+      "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/pretty-format": {
+      "version": "22.4.3",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-22.4.3.tgz",
+      "integrity": "sha512-S4oT9/sT6MN7/3COoOy+ZJeA92VmOnveLHgrwBE3Z1W5N9S2A1QGNYiE1z75DAENbJrXXUb+OWXhpJcg05QKQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^3.0.0",
+        "ansi-styles": "^3.2.0"
+      }
+    },
+    "node_modules/eslint-plugin-i18n-json/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/eslint-plugin-unused-imports": {
       "version": "4.1.4",
       "resolved": "https://registry.npmjs.org/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-4.1.4.tgz",
@@ -11146,13 +11360,13 @@
       }
     },
     "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-3.2.0.tgz",
+      "integrity": "sha512-BYqTHXTGUIvg7t1r4sJNKcbDZkL92nkXA8YtRpbjFHRHGDL/NtUeiBJMeE60kIFN/Mg8ESaWQvftaYMGJzQZCQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=4"
       }
     },
     "node_modules/inflight": {
@@ -11208,6 +11422,16 @@
         "node": ">= 10"
       }
     },
+    "node_modules/irregular-plurals": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/irregular-plurals/-/irregular-plurals-1.4.0.tgz",
+      "integrity": "sha512-kniTIJmaZYiwa17eTtWIfm0K342seyugl6vuC8DiiyiRAJWAVlLkqGCI0Im0neo0TkXw+pRcKaBPRdcKHnQJ6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
@@ -11894,19 +12118,122 @@
       }
     },
     "node_modules/jest-diff": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
-      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
+      "version": "22.4.3",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-22.4.3.tgz",
+      "integrity": "sha512-/QqGvCDP5oZOF6PebDuLwrB2BMD8ffJv6TAGAdEVuDx1+uEgrHpSFrfrOiMRx2eJ1hgNjlQrOQEHetVwij90KA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^29.6.3",
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
+        "chalk": "^2.0.1",
+        "diff": "^3.2.0",
+        "jest-get-type": "^22.4.3",
+        "pretty-format": "^22.4.3"
+      }
+    },
+    "node_modules/jest-diff/node_modules/ansi-regex": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/jest-diff/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">=4"
+      }
+    },
+    "node_modules/jest-diff/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/jest-diff/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/jest-diff/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-diff/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/jest-diff/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/jest-diff/node_modules/jest-get-type": {
+      "version": "22.4.3",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-22.4.3.tgz",
+      "integrity": "sha512-/jsz0Y+V29w1chdXVygEKSz2nBoHoYqNShPe+QgxSNjAuP1i8+k4LbQNrfoliKej0P45sivkSCh7yiD6ubHS3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-diff/node_modules/pretty-format": {
+      "version": "22.4.3",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-22.4.3.tgz",
+      "integrity": "sha512-S4oT9/sT6MN7/3COoOy+ZJeA92VmOnveLHgrwBE3Z1W5N9S2A1QGNYiE1z75DAENbJrXXUb+OWXhpJcg05QKQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^3.0.0",
+        "ansi-styles": "^3.2.0"
+      }
+    },
+    "node_modules/jest-diff/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
       }
     },
     "node_modules/jest-docblock": {
@@ -12051,6 +12378,22 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-matcher-utils/node_modules/jest-diff": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
+      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^29.6.3",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
     "node_modules/jest-message-util": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
@@ -12328,6 +12671,22 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-snapshot/node_modules/jest-diff": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
+      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^29.6.3",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
     "node_modules/jest-util": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
@@ -14987,6 +15346,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/plur": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/plur/-/plur-2.1.2.tgz",
+      "integrity": "sha512-WhcHk576xg9y/iv6RWOuroZgsqvCbJN+XGvAypCJwLAYs2iWDp5LUmvaCdV6JR2O0SMBf8l6p7A94AyLCFVMlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "irregular-plurals": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.41",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 3e183315ea..fb2e149a98 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -53,6 +53,8 @@
     "@angular/compiler-cli": "^18.2.8",
     "@cypress/schematic": "^2.5.2",
     "@cypress/skip-test": "^2.6.1",
+    "eslint-plugin-i18n-json": "^4.0.0",
+    "@angular-eslint/eslint-plugin-template": "^19.0.2",
     "@stylistic/eslint-plugin": "^2.11.0",
     "@typescript-eslint/eslint-plugin": "^8.15.0",
     "@eslint/js": "^9.15.0",
diff --git a/frontend/src/app/app.component.spec.ts b/frontend/src/app/app.component.spec.ts
index da41e72992..59730f25ce 100644
--- a/frontend/src/app/app.component.spec.ts
+++ b/frontend/src/app/app.component.spec.ts
@@ -3,51 +3,32 @@ import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { TranslateTestingModule } from 'ngx-translate-testing';
-import { AuthConfig, OAuthModule, OAuthService } from 'angular-oauth2-oidc';
+import { OAuthModule, OAuthService } from 'angular-oauth2-oidc';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 // @ts-ignore
 import * as de from '../assets/i18n/de.json';
-import { HarnessLoader } from '@angular/cdk/testing';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { NavigationEnd, Routes } from '@angular/router';
-import { of } from 'rxjs';
+import { Routes } from '@angular/router';
 import { OverviewComponent } from './components/overview/overview.component';
 import { ObjectiveDetailComponent } from './components/objective-detail/objective-detail.component';
 import { CommonModule } from '@angular/common';
 
-const oAuthServiceMock = {
-  configure(environment: AuthConfig): void {},
-  initCodeFlow(): void {},
-  setupAutomaticSilentRefresh(): void {},
-  hasValidAccessToken(): boolean {
-    return true;
-  },
-  loadDiscoveryDocumentAndTryLogin(): Promise<any> {
-    this.initCodeFlow();
-    return Promise.resolve();
-  }
-};
-
-const routerMock = {
-  root: jest.fn(),
-  // Router
-  events: of(new NavigationEnd(0, 'http://localhost:4200/objective/2', 'http://localhost:4200/objective/2'))
-};
+const oAuthServiceMock = {};
 
 const routes: Routes = [{
   path: '',
   component: OverviewComponent,
-  children: [{ path: 'objective/:id',
+  children: [{
+    path: 'objective/:id',
     component: ObjectiveDetailComponent,
-    pathMatch: 'full' }]
+    pathMatch: 'full'
+  }]
 }];
 
 describe('AppComponent', () => {
   let component: AppComponent;
   let fixture: ComponentFixture<AppComponent>;
-  let loader: HarnessLoader;
 
   beforeEach(async() => {
     await TestBed.configureTestingModule({
@@ -62,8 +43,10 @@ describe('AppComponent', () => {
         NoopAnimationsModule,
         CommonModule
       ],
-      providers: [{ provide: OAuthService,
-        useValue: oAuthServiceMock }],
+      providers: [{
+        provide: OAuthService,
+        useValue: oAuthServiceMock
+      }],
       declarations: [AppComponent,
         OverviewComponent],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
@@ -74,7 +57,6 @@ describe('AppComponent', () => {
         component = fixture.componentInstance;
         fixture.detectChanges();
 
-        loader = TestbedHarnessEnvironment.loader(fixture);
         fixture.detectChanges();
       });
   });
diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
index 8b2861a876..33a11643d9 100644
--- a/frontend/src/app/app.component.ts
+++ b/frontend/src/app/app.component.ts
@@ -13,9 +13,7 @@ export class AppComponent {
 
   constructor(private matIconRegistry: MatIconRegistry,
     private domSanitizer: DomSanitizer) {
-    this.matIconRegistry.addSvgIcon('pz-search',
-      this.domSanitizer.bypassSecurityTrustResourceUrl(this.PATH_PREFIX + 'search-icon.svg'));
-    this.matIconRegistry.addSvgIcon('pz-menu-icon',
-      this.domSanitizer.bypassSecurityTrustResourceUrl(this.PATH_PREFIX + 'three-dot-menu-icon.svg'));
+    this.matIconRegistry.addSvgIcon('pz-search', this.domSanitizer.bypassSecurityTrustResourceUrl(this.PATH_PREFIX + 'search-icon.svg'));
+    this.matIconRegistry.addSvgIcon('pz-menu-icon', this.domSanitizer.bypassSecurityTrustResourceUrl(this.PATH_PREFIX + 'three-dot-menu-icon.svg'));
   }
 }
diff --git a/frontend/src/app/components/action-plan/action-plan.component.spec.ts b/frontend/src/app/components/action-plan/action-plan.component.spec.ts
index 943111a5fb..a898fe8db3 100644
--- a/frontend/src/app/components/action-plan/action-plan.component.spec.ts
+++ b/frontend/src/app/components/action-plan/action-plan.component.spec.ts
@@ -116,7 +116,7 @@ describe('ActionPlanComponent', () => {
       action3]);
     component.handleKeyDown(keyEvent, 2);
 
-    expect((component.activeItem = 1));
+    expect(component.activeItem = 1);
     expect(component.control.getValue()!.toString())
       .toBe([action1,
         action3,
@@ -136,7 +136,7 @@ describe('ActionPlanComponent', () => {
     ]);
     component.handleKeyDown(keyEvent, 2);
 
-    expect((component.activeItem = 3));
+    expect(component.activeItem = 3);
     expect(component.control.getValue()!.toString())
       .toBe([
         action1,
diff --git a/frontend/src/app/components/action-plan/action-plan.component.ts b/frontend/src/app/components/action-plan/action-plan.component.ts
index 623055e1d8..674ddcf58d 100644
--- a/frontend/src/app/components/action-plan/action-plan.component.ts
+++ b/frontend/src/app/components/action-plan/action-plan.component.ts
@@ -22,7 +22,8 @@ export class ActionPlanComponent {
   listItems!: QueryList<ElementRef>;
 
   constructor(private actionService: ActionService,
-    public dialogService: DialogService) {}
+    public dialogService: DialogService) {
+  }
 
   handleKeyDown(event: Event, currentIndex: number) {
     let newIndex = currentIndex;
@@ -44,18 +45,18 @@ export class ActionPlanComponent {
     const currentActionPlan: Action[] = this.control.getValue()!;
     this.updateActionTexts(currentActionPlan);
     moveItemInArray(currentActionPlan, currentIndex, newIndex);
-    currentActionPlan.forEach((action: Action, index: number) => (action.priority = index));
+    currentActionPlan.forEach((action: Action, index: number) => action.priority = index);
     this.control.next(currentActionPlan);
   }
 
   updateActionTexts(currentActionPlan: Action[]) {
     const texts = Array.from(this.listItems)
       .map((input: any) => input.nativeElement.value);
-    currentActionPlan.forEach((action: Action, index: number) => (action.action = texts[index]));
+    currentActionPlan.forEach((action: Action, index: number) => action.action = texts[index]);
   }
 
   increaseActiveItemWithTab() {
-    if (this.activeItem <= this.control.value!.length - 2) {
+    if (this.activeItem <= this.control.getValue()!.length - 2) {
       this.activeItem++;
     }
   }
@@ -70,8 +71,10 @@ export class ActionPlanComponent {
     const value: string = (event.container.element.nativeElement.children[event.previousIndex].children[1] as HTMLInputElement).value;
     const actions: Action[] = this.control.getValue()!;
     if (actions[event.previousIndex].action == '' && value != '') {
-      actions[event.previousIndex] = { ...actions[event.previousIndex],
-        action: value };
+      actions[event.previousIndex] = {
+        ...actions[event.previousIndex],
+        action: value
+      };
       this.control.next(actions);
     }
     if (event.previousContainer === event.container) {
@@ -122,9 +125,11 @@ export class ActionPlanComponent {
 
   addNewAction() {
     const actions: Action[] = this.control.getValue()!;
-    actions.push({ action: '',
+    actions.push({
+      action: '',
       priority: actions.length,
-      keyResultId: this.keyResultId } as Action);
+      keyResultId: this.keyResultId
+    } as Action);
     this.control.next(actions);
     this.activeItem = actions.length - 1;
   }
diff --git a/frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.spec.ts b/frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.spec.ts
index 4ef1d3d017..c4a93de78e 100644
--- a/frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.spec.ts
+++ b/frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.spec.ts
@@ -12,7 +12,7 @@ describe('MetricCheckInDirective', () => {
       200],
     ['200HelloWorld',
       200],
-    ["200'000",
+    ['200\'000',
       200000],
     ['1050&%ç*',
       1050],
diff --git a/frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.ts b/frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.ts
index 98f4638545..55375f93c5 100644
--- a/frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.ts
+++ b/frontend/src/app/components/checkin/check-in-form-metric/metric-check-in-directive.ts
@@ -1,4 +1,4 @@
-import { Directive, HostListener, forwardRef } from '@angular/core';
+import { Directive, forwardRef, HostListener } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
 @Directive({
@@ -10,20 +10,21 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
   }]
 })
 export class MetricCheckInDirective implements ControlValueAccessor {
-  private onChange: (value: number | null) => void = () => {};
+  private onChange: (value: number | null) => void = () => {
+  };
 
   protected readonly CHAR_REGEX = /[^0-9.]/g;
 
-  writeValue(value: any): void {
-    // does not need to be implemented because the display value does not need to be modified
+  writeValue(): void {
+    // does not need to be implemented because the display value does not need to be modified comment is here to make linter happy
   }
 
   registerOnChange(fn: (value: number | null) => void): void {
     this.onChange = fn;
   }
 
-  registerOnTouched(fn: () => void): void {
-    // does not need to be implemented
+  registerOnTouched(): void {
+    // does not need to be implemented comment is here to make linter happy
   }
 
   @HostListener('input', ['$event.target.value'])
diff --git a/frontend/src/app/components/checkin/check-in-form-ordinal/check-in-form-ordinal.component.html b/frontend/src/app/components/checkin/check-in-form-ordinal/check-in-form-ordinal.component.html
index a15793ca9b..99eec7cbc4 100644
--- a/frontend/src/app/components/checkin/check-in-form-ordinal/check-in-form-ordinal.component.html
+++ b/frontend/src/app/components/checkin/check-in-form-ordinal/check-in-form-ordinal.component.html
@@ -12,7 +12,8 @@
         class="ordinal-zone"
       >
         <div class="radio-text-container d-flex align-items-center p-3 text-black">
-          <strong>Fail:&nbsp;</strong> Commit / Target / Stretch noch nicht erreicht
+          <strong>Fail:&nbsp;</strong>
+          Commit / Target / Stretch noch nicht erreicht
         </div>
       </mat-radio-button>
 
@@ -22,7 +23,10 @@
         class="ordinal-zone"
       >
         <div class="radio-text-container d-flex p-3">
-          <span class="text-black"><strong>Commit:&nbsp;</strong>{{ keyResult.commitZone }}</span>
+          <span class="text-black">
+            <strong>Commit:&nbsp;</strong>
+            {{ keyResult.commitZone }}
+          </span>
         </div>
       </mat-radio-button>
 
@@ -32,7 +36,10 @@
         class="ordinal-zone"
       >
         <div class="radio-text-container d-flex p-3 w-100">
-          <span class="text-black"><strong>Target:&nbsp;</strong>{{ keyResult.targetZone }}</span>
+          <span class="text-black">
+            <strong>Target:&nbsp;</strong>
+            {{ keyResult.targetZone }}
+          </span>
         </div>
       </mat-radio-button>
 
@@ -42,7 +49,10 @@
         class="ordinal-zone"
       >
         <div class="radio-text-container d-flex p-3">
-          <span class="text-black"><strong>Stretch:&nbsp;</strong>{{ keyResult.stretchZone }}</span>
+          <span class="text-black">
+            <strong>Stretch:&nbsp;</strong>
+            {{ keyResult.stretchZone }}
+          </span>
         </div>
       </mat-radio-button>
     </mat-radio-group>
diff --git a/frontend/src/app/components/checkin/check-in-form/check-in-form.component.ts b/frontend/src/app/components/checkin/check-in-form/check-in-form.component.ts
index 3298e393e1..6711b0ba98 100644
--- a/frontend/src/app/components/checkin/check-in-form/check-in-form.component.ts
+++ b/frontend/src/app/components/checkin/check-in-form/check-in-form.component.ts
@@ -72,6 +72,7 @@ export class CheckInFormComponent implements OnInit {
       this.dialogForm.controls.initiatives.setValue(this.checkIn.initiatives);
       return;
     }
+
     /* If KeyResult has lastCheckIn set checkIn to this value */
     if ((this.keyResult as KeyResultMetric | KeyResultOrdinal).lastCheckIn != null) {
       this.checkIn = {
@@ -81,6 +82,7 @@ export class CheckInFormComponent implements OnInit {
       this.dialogForm.controls.confidence.setValue(this.checkIn.confidence);
       return;
     }
+
     /* If Check-in is null set as object with confidence 5 default value */
     this.checkIn = { confidence: 5 } as CheckInMin;
   }
@@ -136,8 +138,10 @@ export class CheckInFormComponent implements OnInit {
 
   changeIsChecked(event: any, index: number) {
     const actions = this.dialogForm.value.actionList!;
-    actions[index] = { ...actions[index],
-      isChecked: event.checked };
+    actions[index] = {
+      ...actions[index],
+      isChecked: event.checked
+    };
     this.dialogForm.patchValue({ actionList: actions });
   }
 
diff --git a/frontend/src/app/components/confidence/confidence.component.spec.ts b/frontend/src/app/components/confidence/confidence.component.spec.ts
index 6c6e4b623f..a628972571 100644
--- a/frontend/src/app/components/confidence/confidence.component.spec.ts
+++ b/frontend/src/app/components/confidence/confidence.component.spec.ts
@@ -1,8 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ConfidenceComponent } from './confidence.component';
-import { HarnessLoader } from '@angular/cdk/testing';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { checkInMetric } from '../../shared/testData';
 import { MatSliderModule } from '@angular/material/slider';
 import { CheckInMin } from '../../shared/types/model/CheckInMin';
@@ -13,7 +11,6 @@ import { By } from '@angular/platform-browser';
 describe('ConfidenceComponent', () => {
   let component: ConfidenceComponent;
   let fixture: ComponentFixture<ConfidenceComponent>;
-  let loader: HarnessLoader;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
@@ -25,7 +22,6 @@ describe('ConfidenceComponent', () => {
 
     fixture = TestBed.createComponent(ConfidenceComponent);
     component = fixture.componentInstance;
-    loader = TestbedHarnessEnvironment.loader(fixture);
     component.checkIn = checkInMetric;
     component.isEdit = true;
   });
@@ -45,7 +41,7 @@ describe('ConfidenceComponent', () => {
     });
     fixture.detectChanges();
     await fixture.whenStable();
-    const textField = fixture.debugElement.query(By.css("[data-testId='confidence']"));
+    const textField = fixture.debugElement.query(By.css('[data-testId=\'confidence\']'));
     const expectedLabel = expected + '/' + component.max;
     const sliderInputField = fixture.debugElement.query(By.css('mat-slider > input '));
 
diff --git a/frontend/src/app/components/key-result-detail/key-result-detail.component.html b/frontend/src/app/components/key-result-detail/key-result-detail.component.html
index 6be9fbb3ef..fee2d36990 100644
--- a/frontend/src/app/components/key-result-detail/key-result-detail.component.html
+++ b/frontend/src/app/components/key-result-detail/key-result-detail.component.html
@@ -52,7 +52,7 @@ <h4 class="confidence-label">Confidence</h4>
         </section>
 
         <section class="d-flex gap-4 flex-row mb-2-rem">
-          <ng-container *ngIf="keyResult.keyResultType == 'metric' && castToMetric(keyResult) as keyResultMetric">
+          <ng-container *ngIf="keyResult.keyResultType === 'metric' && castToMetric(keyResult) as keyResultMetric">
             <div class="d-flex justify-content-start w-100 metric-label-div">
               <p class="key-result-detail-attribute-show rounded-5 p-2 d-flex justify-content-center metric-col">
                 Baseline: {{ keyResultMetric.baseline | unitTransformation: keyResultMetric.unit }}
@@ -76,7 +76,7 @@ <h4 class="confidence-label">Confidence</h4>
             </div>
           </ng-container>
 
-          <ng-container *ngIf="keyResult.keyResultType == 'ordinal' && castToOrdinal(keyResult) as keyResultOrdinal">
+          <ng-container *ngIf="keyResult.keyResultType === 'ordinal' && castToOrdinal(keyResult) as keyResultOrdinal">
             <div class="d-flex justify-content-between w-100 ordinal-div mb-4">
               <div class="ordinal-col h-auto">
                 <h4 class="mb-1">Commit</h4>
@@ -106,7 +106,7 @@ <h3 class="mb-1">Beschrieb</h3>
             <p class="linebreak">{{ keyResult.description || "-" }}</p>
           </div>
 
-          <div *ngIf="keyResult.actionList?.length != 0" class="mb-2-rem">
+          <div *ngIf="keyResult.actionList?.length !== 0" class="mb-2-rem">
             <h3 class="mb-1">Action Plan</h3>
             <div *ngFor="let action of keyResult.actionList">
               <div *ngIf="action.isChecked">
@@ -120,7 +120,10 @@ <h3 class="mb-1">Action Plan</h3>
                 </div>
               </div>
               <div *ngIf="!action.isChecked">
-                <div class="action-list-item break-word ms-4"><span class="me-2">-</span> {{ action.action }}</div>
+                <div class="action-list-item break-word ms-4">
+                  <span class="me-2">-</span>
+                  {{ action.action }}
+                </div>
               </div>
             </div>
           </div>
diff --git a/frontend/src/app/components/key-result-form/key-result-form.component.ts b/frontend/src/app/components/key-result-form/key-result-form.component.ts
index 7fd70a3585..6f88e55fef 100644
--- a/frontend/src/app/components/key-result-form/key-result-form.component.ts
+++ b/frontend/src/app/components/key-result-form/key-result-form.component.ts
@@ -40,9 +40,7 @@ export class KeyResultFormComponent implements OnInit, OnDestroy {
 
   ngOnInit(): void {
     this.users$ = this.userService.getUsers();
-    this.filteredUsers$ = this.keyResultForm.get('owner')?.valueChanges.pipe(startWith(''),
-      filter((value) => typeof value === 'string'),
-      switchMap((value) => this.filter(value as string)));
+    this.filteredUsers$ = this.keyResultForm.get('owner')?.valueChanges.pipe(startWith(''), filter((value) => typeof value === 'string'), switchMap((value) => this.filter(value as string)));
     if (this.keyResult) {
       this.keyResultForm.patchValue({ actionList: this.keyResult.actionList });
       this.keyResultForm.controls['title'].setValue(this.keyResult.title);
@@ -145,7 +143,9 @@ export class KeyResultFormComponent implements OnInit, OnDestroy {
     return this.keyResult ? this.keyResult.id : null;
   }
 
-  updateFormValidity() {}
+  updateFormValidity() {
+    // Implemented because of interface this comment is to satisfy the linter
+  }
 
   getFullNameOfLoggedInUser() {
     return this.getFullNameOfUser(this.userService.getCurrentUser());
diff --git a/frontend/src/app/components/key-result-type/key-result-type.component.ts b/frontend/src/app/components/key-result-type/key-result-type.component.ts
index 3c143d8a71..6015b9b135 100644
--- a/frontend/src/app/components/key-result-type/key-result-type.component.ts
+++ b/frontend/src/app/components/key-result-type/key-result-type.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { KeyResult } from '../../shared/types/model/KeyResult';
 import { FormGroup, Validators } from '@angular/forms';
 import { KeyResultMetric } from '../../shared/types/model/KeyResultMetric';
@@ -17,7 +17,6 @@ export class KeyResultTypeComponent implements OnInit {
 
   @Input() keyResult!: KeyResult | null;
 
-  @Output() formValidityEmitter = new EventEmitter<boolean>();
 
   isMetric = true;
 
@@ -29,7 +28,8 @@ export class KeyResultTypeComponent implements OnInit {
 
   protected readonly hasFormFieldErrors = hasFormFieldErrors;
 
-  constructor(private translate: TranslateService) {}
+  constructor(private translate: TranslateService) {
+  }
 
   ngOnInit(): void {
     if (this.keyResult) {
@@ -65,7 +65,6 @@ export class KeyResultTypeComponent implements OnInit {
 
   async updateFormValidity() {
     await new Promise((r) => setTimeout(r, 100));
-    this.formValidityEmitter.emit(this.keyResultForm.invalid);
   }
 
   setValidatorsMetric() {
@@ -98,7 +97,7 @@ export class KeyResultTypeComponent implements OnInit {
   }
 
   switchKeyResultType(type: string) {
-    if (((type == 'metric' && !this.isMetric) || (type == 'ordinal' && this.isMetric)) && this.typeChangeAllowed) {
+    if ((type == 'metric' && !this.isMetric || type == 'ordinal' && this.isMetric) && this.typeChangeAllowed) {
       this.isMetric = !this.isMetric;
       const keyResultType = this.isMetric ? 'metric' : 'ordinal';
       this.keyResultForm.controls['keyResultType'].setValue(keyResultType);
diff --git a/frontend/src/app/components/objective-detail/objective-detail.component.html b/frontend/src/app/components/objective-detail/objective-detail.component.html
index 9e9b5094c8..55ac578e19 100644
--- a/frontend/src/app/components/objective-detail/objective-detail.component.html
+++ b/frontend/src/app/components/objective-detail/objective-detail.component.html
@@ -19,7 +19,9 @@ <h2 class="title" [attr.data-testId]="'objective-title'">{{ objective.title }}</
 
       <section class="me-3">
         <h3 class="mb-1">Beschrieb</h3>
-        <div class="linebreak" *ngIf="objective.description === ''"><p>-</p></div>
+        <div class="linebreak" *ngIf="objective.description === ''">
+          <p>-</p>
+        </div>
         <div
           *ngIf="objective.description !== ''"
           [attr.data-testId]="'description'"
@@ -28,7 +30,7 @@ <h3 class="mb-1">Beschrieb</h3>
           <p>{{ objective.description }}</p>
         </div>
 
-        <div class="d-flex align-items-center flex-row justify-content-start" *ngIf="objective.state.toUpperCase() != 'SUCCESSFUL' && objective.state.toUpperCase() != 'NOTSUCCESSFUL'">
+        <div class="d-flex align-items-center flex-row justify-content-start" *ngIf="objective.state.toUpperCase() !== 'SUCCESSFUL' && objective.state.toUpperCase() !== 'NOTSUCCESSFUL'">
           <button
             *ngIf="objective.isWriteable"
             mat-flat-button
diff --git a/frontend/src/app/components/objective/ObjectiveMenuActions.ts b/frontend/src/app/components/objective/ObjectiveMenuActions.ts
index eaad39b5f2..c270765aef 100644
--- a/frontend/src/app/components/objective/ObjectiveMenuActions.ts
+++ b/frontend/src/app/components/objective/ObjectiveMenuActions.ts
@@ -15,9 +15,9 @@ export class ObjectiveMenuActions {
     private readonly refreshDataService: RefreshDataService,
     private readonly afterActions: ObjectiveMenuAfterActions) {}
 
-  releaseFromQuarterAction(objective: ObjectiveMin): ObjectiveMenuEntry {
+  releaseFromQuarterAction(): ObjectiveMenuEntry {
     const action: ObjectiveMenuAction = () => this.dialogService.openConfirmDialog('CONFIRMATION.RELEASE');
-    const afterAction: ObjectiveMenuAfterAction = (objective: ObjectiveMin, dialogResult) => this.afterActions.releaseFromQuarter(objective);
+    const afterAction: ObjectiveMenuAfterAction = (objective: ObjectiveMin) => this.afterActions.releaseFromQuarter(objective);
     return { displayName: 'Objective veröffentlichen',
       action: action,
       afterAction: afterAction };
@@ -68,7 +68,7 @@ export class ObjectiveMenuActions {
 
   objectiveBackToDraft(): ObjectiveMenuEntry {
     const action: ObjectiveMenuAction = () => this.dialogService.openConfirmDialog('CONFIRMATION.TO_DRAFT');
-    const afterAction: ObjectiveMenuAfterAction = (obj: ObjectiveMin, result: any) => this.afterActions.objectiveBackToDraft(obj);
+    const afterAction: ObjectiveMenuAfterAction = (obj: ObjectiveMin) => this.afterActions.objectiveBackToDraft(obj);
 
     return { displayName: 'Objective als Draft speichern',
       action: action,
@@ -77,7 +77,7 @@ export class ObjectiveMenuActions {
 
   objectiveReopen(): ObjectiveMenuEntry {
     const action: ObjectiveMenuAction = () => this.dialogService.openConfirmDialog('CONFIRMATION.REOPEN');
-    const afterAction: ObjectiveMenuAfterAction = (obj: ObjectiveMin, result: any) => this.afterActions.objectiveReopen(obj);
+    const afterAction: ObjectiveMenuAfterAction = (obj: ObjectiveMin) => this.afterActions.objectiveReopen(obj);
 
     return { displayName: 'Objective wiedereröffnen',
       action: action,
diff --git a/frontend/src/app/components/overview/overview.component.html b/frontend/src/app/components/overview/overview.component.html
index 1e2203d729..d4d6911782 100644
--- a/frontend/src/app/components/overview/overview.component.html
+++ b/frontend/src/app/components/overview/overview.component.html
@@ -6,7 +6,7 @@
 
 >  <app-team *ngFor="let overviewEntity of overviewEntities$ | async; trackBy: trackByFn" [overviewEntity]="overviewEntity">
   </app-team>
-  <div *ngIf="(overviewEntities$ | async)?.length == 0" class="d-flex align-items-center flex-column pt-5 gap-5">
+  <div *ngIf="(overviewEntities$ | async)?.length === 0" class="d-flex align-items-center flex-column pt-5 gap-5">
     <p id="no-team-text">Kein Team ausgewählt</p>
     <img
       src="{{ this.backgroundLogoSrc$ | async }}"
diff --git a/frontend/src/app/components/overview/overview.component.spec.ts b/frontend/src/app/components/overview/overview.component.spec.ts
index 6a6c8c3ddd..799b69f863 100644
--- a/frontend/src/app/components/overview/overview.component.spec.ts
+++ b/frontend/src/app/components/overview/overview.component.spec.ts
@@ -149,21 +149,20 @@ describe('OverviewComponent', () => {
       [],
       'a a'
     ]
-  ])('should load overview based on query-params',
-    async(
-      query: string, quarterParam?: number, teamsParam?: number[], objectiveParam?: string
-    ) => {
-      jest.spyOn(overviewService, 'getOverview');
-      jest.spyOn(component, 'loadOverview');
-      const routerHarness = await RouterTestingHarness.create();
-      await routerHarness.navigateByUrl('/' + query);
-      routerHarness.detectChanges();
-      component.loadOverviewWithParams();
-      expect(overviewService.getOverview)
-        .toHaveBeenCalledWith(quarterParam, teamsParam, objectiveParam);
-      expect(component.loadOverview)
-        .toHaveBeenCalledWith(quarterParam, teamsParam, objectiveParam);
-    });
+  ])('should load overview based on query-params', async(
+    query: string, quarterParam?: number, teamsParam?: number[], objectiveParam?: string
+  ) => {
+    jest.spyOn(overviewService, 'getOverview');
+    jest.spyOn(component, 'loadOverview');
+    const routerHarness = await RouterTestingHarness.create();
+    await routerHarness.navigateByUrl('/' + query);
+    routerHarness.detectChanges();
+    component.loadOverviewWithParams();
+    expect(overviewService.getOverview)
+      .toHaveBeenCalledWith(quarterParam, teamsParam, objectiveParam);
+    expect(component.loadOverview)
+      .toHaveBeenCalledWith(quarterParam, teamsParam, objectiveParam);
+  });
 
   it('should refresh overview entities after getOverview() is called', async() => {
     jest.spyOn(component.overviewEntities$, 'next');
diff --git a/frontend/src/app/components/team-filter/team-filter.component.spec.ts b/frontend/src/app/components/team-filter/team-filter.component.spec.ts
index d62e60d2f0..7a5c3debc6 100644
--- a/frontend/src/app/components/team-filter/team-filter.component.spec.ts
+++ b/frontend/src/app/components/team-filter/team-filter.component.spec.ts
@@ -4,8 +4,6 @@ import { TeamFilterComponent } from './team-filter.component';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { RouterTestingHarness, RouterTestingModule } from '@angular/router/testing';
 import { MatChipsModule } from '@angular/material/chips';
-import { HarnessLoader } from '@angular/cdk/testing';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { TeamService } from '../../services/team.service';
 import { RefreshDataService } from '../../services/refresh-data.service';
 import { BehaviorSubject, of, Subject } from 'rxjs';
@@ -33,7 +31,6 @@ const userServiceMock = {
 describe('TeamFilterComponent', () => {
   let component: TeamFilterComponent;
   let fixture: ComponentFixture<TeamFilterComponent>;
-  let loader: HarnessLoader;
   let router: Router;
 
   beforeEach(() => {
@@ -55,7 +52,6 @@ describe('TeamFilterComponent', () => {
     });
     fixture = TestBed.createComponent(TeamFilterComponent);
     component = fixture.componentInstance;
-    loader = TestbedHarnessEnvironment.loader(fixture);
     teamServiceMock.getAllTeams.mockReturnValue(of(teamList));
     refreshDataServiceMock
       .markDataRefresh()
diff --git a/frontend/src/app/components/team-filter/team-filter.component.ts b/frontend/src/app/components/team-filter/team-filter.component.ts
index f1708d283b..f4dd5ea46d 100644
--- a/frontend/src/app/components/team-filter/team-filter.component.ts
+++ b/frontend/src/app/components/team-filter/team-filter.component.ts
@@ -61,8 +61,7 @@ export class TeamFilterComponent implements OnInit, OnDestroy {
     }
     this.subscription = this.teamService
       .getAllTeams()
-      .pipe(takeUntil(this.unsubscribe$),
-        filter((teams) => teams.length > 0))
+      .pipe(takeUntil(this.unsubscribe$), filter((teams) => teams.length > 0))
       .subscribe((teams: Team[]) => {
         this.teams$.next(teams);
         const teamQuery = this.route.snapshot.queryParams['teams'];
diff --git a/frontend/src/app/components/team/team.component.ts b/frontend/src/app/components/team/team.component.ts
index 5c88d30db7..be241e4d3d 100644
--- a/frontend/src/app/components/team/team.component.ts
+++ b/frontend/src/app/components/team/team.component.ts
@@ -28,7 +28,9 @@ export class TeamComponent {
     this.configService.config$.pipe(first())
       .subscribe((config: ClientConfig) => {
         const configuredIconSrc = config.customStyles['okr-add-objective-icon'];
-        if (configuredIconSrc) this.addIconSrc.next(configuredIconSrc);
+        if (configuredIconSrc) {
+          this.addIconSrc.next(configuredIconSrc);
+        }
       });
   }
 
diff --git a/frontend/src/app/interceptors/error.interceptor.spec.ts b/frontend/src/app/interceptors/error.interceptor.spec.ts
index 7117ea72ea..49428c969b 100644
--- a/frontend/src/app/interceptors/error.interceptor.spec.ts
+++ b/frontend/src/app/interceptors/error.interceptor.spec.ts
@@ -97,31 +97,30 @@ describe('ErrorInterceptor', () => {
     'KEYRESULT',
     ToasterType.SUCCESS,
     'Keyresult wurde gelöscht'
-  ]])('should show correct success toaster when calling handleSuccessToaster()',
-    (
-      url: string, code: number, method: HttpType, key: string, toasterType: ToasterType, message: string
-    ) => {
-      const SUCCESS_PREFIX = 'SUCCESS.';
-      jest.spyOn(translator, 'instant')
-        .mockReturnValue(message);
-      jest.spyOn(toaster, 'showCustomToaster');
-      jest.spyOn(interceptor, 'getSuccessMessageKey')
-        .mockReturnValue({ key: key,
-          toasterType: toasterType });
+  ]])('should show correct success toaster when calling handleSuccessToaster()', (
+    url: string, code: number, method: HttpType, key: string, toasterType: ToasterType, message: string
+  ) => {
+    const SUCCESS_PREFIX = 'SUCCESS.';
+    jest.spyOn(translator, 'instant')
+      .mockReturnValue(message);
+    jest.spyOn(toaster, 'showCustomToaster');
+    jest.spyOn(interceptor, 'getSuccessMessageKey')
+      .mockReturnValue({ key: key,
+        toasterType: toasterType });
 
-      const requestMock = {
-        url: url,
-        status: code
-      };
+    const requestMock = {
+      url: url,
+      status: code
+    };
 
-      interceptor.handleSuccessToaster(requestMock, method);
-      expect(interceptor.getSuccessMessageKey)
-        .toBeCalledWith(url, code, method);
-      expect(translator.instant)
-        .toBeCalledWith(SUCCESS_PREFIX + key);
-      expect(toaster.showCustomToaster)
-        .toBeCalledWith(message, toasterType);
-    });
+    interceptor.handleSuccessToaster(requestMock, method);
+    expect(interceptor.getSuccessMessageKey)
+      .toBeCalledWith(url, code, method);
+    expect(translator.instant)
+      .toBeCalledWith(SUCCESS_PREFIX + key);
+    expect(toaster.showCustomToaster)
+      .toBeCalledWith(message, toasterType);
+  });
 
   it.each([[
     '/objective/1',
@@ -140,27 +139,26 @@ describe('ErrorInterceptor', () => {
     200,
     HttpType.GET,
     'KEYRESULT'
-  ]])('should not show toaster if handleSuccessToaster() returns undefined',
-    (url: string, code: number, method: HttpType) => {
-      jest.spyOn(translator, 'instant');
-      jest.spyOn(toaster, 'showCustomToaster');
-      jest.spyOn(interceptor, 'getSuccessMessageKey')
-        .mockReturnValue(undefined);
+  ]])('should not show toaster if handleSuccessToaster() returns undefined', (url: string, code: number, method: HttpType) => {
+    jest.spyOn(translator, 'instant');
+    jest.spyOn(toaster, 'showCustomToaster');
+    jest.spyOn(interceptor, 'getSuccessMessageKey')
+      .mockReturnValue(undefined);
 
-      const requestMock = {
-        url: url,
-        status: code
-      };
+    const requestMock = {
+      url: url,
+      status: code
+    };
 
-      interceptor.handleSuccessToaster(requestMock, method);
-      expect(interceptor.getSuccessMessageKey)
-        .toBeCalledWith(url, code, method);
+    interceptor.handleSuccessToaster(requestMock, method);
+    expect(interceptor.getSuccessMessageKey)
+      .toBeCalledWith(url, code, method);
 
-      expect(translator.instant)
-        .toBeCalledTimes(0);
-      expect(toaster.showCustomToaster)
-        .toBeCalledTimes(0);
-    });
+    expect(translator.instant)
+      .toBeCalledTimes(0);
+    expect(toaster.showCustomToaster)
+      .toBeCalledTimes(0);
+  });
 
   it.each([
     [
@@ -287,14 +285,13 @@ describe('ErrorInterceptor', () => {
       HttpType.DELETE,
       undefined
     ]
-  ])('should get correct success message object when calling getSuccessMessageKey()',
-    (
-      url: string, code: number, method: HttpType, result: any
-    ) => {
-      const successMessageKey = interceptor.getSuccessMessageKey(url, code, method);
-      expect(successMessageKey)
-        .toStrictEqual(result);
-    });
+  ])('should get correct success message object when calling getSuccessMessageKey()', (
+    url: string, code: number, method: HttpType, result: any
+  ) => {
+    const successMessageKey = interceptor.getSuccessMessageKey(url, code, method);
+    expect(successMessageKey)
+      .toStrictEqual(result);
+  });
 
   it.each([['http://localhost:4200/',
     'http://localhost:4200/api/objecive/1',
@@ -304,15 +301,14 @@ describe('ErrorInterceptor', () => {
     false],
   ['http://localhost:4200/',
     'http://habasch:4200/objecive/1',
-    false]])('should correctly determine if toaster is shown with checkIfSuccessToasterIsShown()',
-    (currentURL: string, requestURL: string, result: boolean) => {
-      const requestMock = { url: requestURL };
-      window.location.assign(currentURL);
+    false]])('should correctly determine if toaster is shown with checkIfSuccessToasterIsShown()', (currentURL: string, requestURL: string, result: boolean) => {
+    const requestMock = { url: requestURL };
+    window.location.assign(currentURL);
 
-      const b = interceptor.checkForToaster(requestMock);
-      expect(b)
-        .toBe(result);
-    });
+    const b = interceptor.checkForToaster(requestMock);
+    expect(b)
+      .toBe(result);
+  });
 
   it('should return custom success message on objective creation in backlog', () => {
     jest.spyOn(translator, 'instant')
@@ -337,7 +333,6 @@ describe('ErrorInterceptor', () => {
     expect(translator.instant)
       .toBeCalledWith('SUCCESS.OBJECTIVE.POST_BACKLOG');
     expect(toaster.showCustomToaster)
-      .toBeCalledWith('Das Objective wurde als Draft im Backlog gespeichert.',
-        undefined);
+      .toBeCalledWith('Das Objective wurde als Draft im Backlog gespeichert.', undefined);
   });
 });
diff --git a/frontend/src/app/interceptors/error.interceptor.ts b/frontend/src/app/interceptors/error.interceptor.ts
index 7030262795..16fe5adce3 100644
--- a/frontend/src/app/interceptors/error.interceptor.ts
+++ b/frontend/src/app/interceptors/error.interceptor.ts
@@ -22,20 +22,18 @@ export class ErrorInterceptor implements HttpInterceptor {
 
   intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
     return next.handle(request)
-      .pipe(filter((event) => event instanceof HttpResponse),
-        tap((response) => {
-          if (this.checkForToaster(response)) {
-            const method = HttpType[request.method as keyof typeof HttpType];
-            this.handleSuccessToaster(response, method);
-          }
-        }),
-        catchError((response) => {
-          if (this.checkForToaster(response)) {
-            this.handleErrorToaster(response);
-          }
-          this.handleDrawerError(request);
-          return throwError(() => new Error(response));
-        }));
+      .pipe(filter((event) => event instanceof HttpResponse), tap((response) => {
+        if (this.checkForToaster(response)) {
+          const method = HttpType[request.method as keyof typeof HttpType];
+          this.handleSuccessToaster(response, method);
+        }
+      }), catchError((response) => {
+        if (this.checkForToaster(response)) {
+          this.handleErrorToaster(response);
+        }
+        this.handleDrawerError(request);
+        return throwError(() => new Error(response));
+      }));
   }
 
   handleErrorToaster(response: any) {
@@ -53,7 +51,9 @@ export class ErrorInterceptor implements HttpInterceptor {
 
   handleSuccessToaster(response: any, method: HttpType) {
     const successMessageObj = this.getSuccessMessageKey(response.url, response.status, method);
-    if (!successMessageObj) return;
+    if (!successMessageObj) {
+      return;
+    }
 
     let messageKey = successMessageObj.key;
     const isBacklogQuarter = !GJ_REGEX_PATTERN.test(response.body?.quarterLabel);
@@ -67,7 +67,9 @@ export class ErrorInterceptor implements HttpInterceptor {
   getSuccessMessageKey(url: string, statusCode: number, method: HttpType) {
     for (const key in SUCCESS_MESSAGE_MAP) {
       const value = SUCCESS_MESSAGE_MAP[key];
-      if (!url.includes(key)) continue;
+      if (!url.includes(key)) {
+        continue;
+      }
 
       for (const toasterMessage of value.methods) {
         if (toasterMessage.method == method) {
diff --git a/frontend/src/app/interceptors/o-auth.interceptor.ts b/frontend/src/app/interceptors/o-auth.interceptor.ts
index 3abaf71994..eb1e127b7e 100644
--- a/frontend/src/app/interceptors/o-auth.interceptor.ts
+++ b/frontend/src/app/interceptors/o-auth.interceptor.ts
@@ -15,20 +15,16 @@ export class OAuthInterceptor implements HttpInterceptor {
     }
 
     return merge(of(this.oAuthService.getAccessToken())
-      .pipe(filter((token) => !!token)),
-    this.oAuthService.events.pipe(filter((e) => e.type === 'token_received'),
-      timeout(500),
-      map((_) => this.oAuthService.getAccessToken())))
-      .pipe(take(1),
-        mergeMap((token) => {
-          if (token) {
-            const header = 'Bearer ' + token;
-            const headers = req.headers.set('Authorization', header);
-            req = req.clone({ headers });
-          }
+      .pipe(filter((token) => !!token)), this.oAuthService.events.pipe(filter((e) => e.type === 'token_received'), timeout(500), map((_) => this.oAuthService.getAccessToken())))
+      .pipe(take(1), mergeMap((token) => {
+        if (token) {
+          const header = 'Bearer ' + token;
+          const headers = req.headers.set('Authorization', header);
+          req = req.clone({ headers });
+        }
 
-          return next.handle(req);
+        return next.handle(req);
         // .pipe(catchError((err) => this.errorHandler.handleError(err)));
-        }));
+      }));
   }
 }
diff --git a/frontend/src/app/services/action.service.ts b/frontend/src/app/services/action.service.ts
index a2ec00407a..55599c73f4 100644
--- a/frontend/src/app/services/action.service.ts
+++ b/frontend/src/app/services/action.service.ts
@@ -10,7 +10,7 @@ export class ActionService {
   constructor(private httpClient: HttpClient) {}
 
   updateActions(actionList: Action[]): Observable<Action> {
-    return this.httpClient.put<Action>(`/api/v2/action`, actionList);
+    return this.httpClient.put<Action>('/api/v2/action', actionList);
   }
 
   deleteAction(actionId: number): Observable<Action> {
diff --git a/frontend/src/app/services/check-in.service.spec.ts b/frontend/src/app/services/check-in.service.spec.ts
index fe6341368c..876cb583fe 100644
--- a/frontend/src/app/services/check-in.service.spec.ts
+++ b/frontend/src/app/services/check-in.service.spec.ts
@@ -23,7 +23,6 @@ describe('CheckInService', () => {
   it('should map correctly', () => {
     service.getAllCheckInOfKeyResult(keyResultMetricWithIdEight.id)
       .subscribe((checkIns) => {
-      /* Check first CheckIn of this KeyResult */
         expect(checkIns[0].confidence)
           .toBe(firstCheckIn.confidence);
         expect((checkIns[0] as CheckInMetricMin).value)
diff --git a/frontend/src/app/services/customization.service.ts b/frontend/src/app/services/customization.service.ts
index 8f1275ca73..fb083b2756 100644
--- a/frontend/src/app/services/customization.service.ts
+++ b/frontend/src/app/services/customization.service.ts
@@ -50,7 +50,7 @@ export class CustomizationService {
       return;
     }
 
-    this.document.querySelector('title')!.innerHTML = title;
+    (this.document.querySelector('title') as HTMLTitleElement)!.innerHTML = title;
   }
 
   private setStyleCustomizations(customStylesMap: CustomStyles) {
@@ -75,7 +75,7 @@ export class CustomizationService {
       return;
     }
 
-    const styles = this.document.querySelector('html')!.style;
+    const styles = (this.document.querySelector('html') as HTMLHtmlElement)!.style;
     if (!styles) {
       return;
     }
@@ -92,7 +92,7 @@ export class CustomizationService {
       return;
     }
 
-    const styles = this.document.querySelector('html')!.style;
+    const styles = (this.document.querySelector('html') as HTMLHtmlElement)!.style;
     if (!styles) {
       return;
     }
diff --git a/frontend/src/app/services/dialog.service.spec.ts b/frontend/src/app/services/dialog.service.spec.ts
index 14362ea020..a4abec609a 100644
--- a/frontend/src/app/services/dialog.service.spec.ts
+++ b/frontend/src/app/services/dialog.service.spec.ts
@@ -4,7 +4,7 @@ import { ConfirmDialogData, DialogService } from './dialog.service';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { ConfirmDialogComponent } from '../shared/dialog/confirm-dialog/confirm-dialog.component';
-import { AddEditTeamDialog } from '../team-management/add-edit-team-dialog/add-edit-team-dialog.component';
+import { AddEditTeamDialogComponent } from '../team-management/add-edit-team-dialog/add-edit-team-dialog.component';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { provideHttpClient } from '@angular/common/http';
 import { ButtonState } from '../shared/types/enums/ButtonState';
@@ -74,7 +74,7 @@ describe('DialogService', () => {
   });
 
   it('should open dialog', () => {
-    const dialog = service.open(AddEditTeamDialog, {
+    const dialog = service.open(AddEditTeamDialogComponent, {
       data: {
         aProperty: 'aValue'
       }
@@ -82,10 +82,10 @@ describe('DialogService', () => {
     expect(dialog)
       .toBeInstanceOf(MatDialogRef);
     expect(dialog.componentInstance)
-      .toBeInstanceOf(AddEditTeamDialog);
+      .toBeInstanceOf(AddEditTeamDialogComponent);
 
     expect(matDialogSpy.open)
-      .toHaveBeenCalledWith(AddEditTeamDialog, {
+      .toHaveBeenCalledWith(AddEditTeamDialogComponent, {
         panelClass: service.DIALOG_PANEL_CLASS_DEFAULT,
         ...service.DIALOG_CONFIG,
         data: {
diff --git a/frontend/src/app/services/keyresult.service.ts b/frontend/src/app/services/keyresult.service.ts
index a4dd7fa76b..2f6e90b4a3 100644
--- a/frontend/src/app/services/keyresult.service.ts
+++ b/frontend/src/app/services/keyresult.service.ts
@@ -20,13 +20,13 @@ export class KeyresultService {
 
   saveKeyResult(keyResultDTO: KeyResultDTO): Observable<KeyResult> {
     if (keyResultDTO.id) {
-      return this.httpClient.put<KeyResult>(`/api/v2/keyresults/` + keyResultDTO.id, keyResultDTO);
+      return this.httpClient.put<KeyResult>('/api/v2/keyresults/' + keyResultDTO.id, keyResultDTO);
     } else {
       return this.httpClient.post<KeyResult>('/api/v2/keyresults', keyResultDTO);
     }
   }
 
   deleteKeyResult(keyResultId: number): Observable<any> {
-    return this.httpClient.delete<void>(`/api/v2/keyresults/` + keyResultId);
+    return this.httpClient.delete<void>('/api/v2/keyresults/' + keyResultId);
   }
 }
diff --git a/frontend/src/app/services/objective-menu-actions.service.ts b/frontend/src/app/services/objective-menu-actions.service.ts
index 0c67435f0d..d901307294 100644
--- a/frontend/src/app/services/objective-menu-actions.service.ts
+++ b/frontend/src/app/services/objective-menu-actions.service.ts
@@ -44,7 +44,7 @@ export class ObjectiveMenuActionsService {
 
   private getSpecificMenuEntries(objective: ObjectiveMin): ObjectiveMenuEntry[] {
     if (this.isObjectiveComplete(objective)) {
-      return this.getCompletedMenuActions(objective);
+      return this.getCompletedMenuActions();
     } else if (objective.state === State.ONGOING) {
       return this.getOngoingMenuActions(objective);
     } else if (objective.state === State.DRAFT) {
@@ -68,14 +68,14 @@ export class ObjectiveMenuActionsService {
       this.actions.objectiveBackToDraft()];
   }
 
-  private getCompletedMenuActions(objective: ObjectiveMin): ObjectiveMenuEntry[] {
+  private getCompletedMenuActions(): ObjectiveMenuEntry[] {
     return [this.actions.objectiveReopen()];
   }
 
   private getReleaseAction(objective: ObjectiveMin): ObjectiveMenuEntry {
     return this.isInBacklogQuarter(objective)
       ? this.actions.releaseFromBacklogAction(objective)
-      : this.actions.releaseFromQuarterAction(objective);
+      : this.actions.releaseFromQuarterAction();
   }
 
   private isObjectiveComplete(objective: ObjectiveMin): boolean {
diff --git a/frontend/src/app/services/overview.service.spec.ts b/frontend/src/app/services/overview.service.spec.ts
index 5645ae5fb2..6afb1bb09d 100644
--- a/frontend/src/app/services/overview.service.spec.ts
+++ b/frontend/src/app/services/overview.service.spec.ts
@@ -32,7 +32,7 @@ describe('OverviewService', () => {
     jest.spyOn(httpClient, 'get')
       .mockReturnValue(of(overviews));
     service.getOverview()
-      .subscribe((dashboard) => {
+      .subscribe(() => {
         overviews.forEach((overview) => overview.objectives.forEach((objective) => expect(typeof objective.state)
           .toBe('string')));
         done();
diff --git a/frontend/src/app/services/team.service.ts b/frontend/src/app/services/team.service.ts
index dcf8b52698..76c52a0c72 100644
--- a/frontend/src/app/services/team.service.ts
+++ b/frontend/src/app/services/team.service.ts
@@ -63,8 +63,7 @@ export class TeamService {
 
   updateOrAddTeamMembership(userId: number, userTeam: UserTeam): Observable<void> {
     return this.http
-      .put<void>(`${this.API_URL}/${userTeam.team.id}/user/${userId}/updateaddteammembership/${userTeam.isTeamAdmin}`,
-        {})
+      .put<void>(`${this.API_URL}/${userTeam.team.id}/user/${userId}/updateaddteammembership/${userTeam.isTeamAdmin}`, {})
       .pipe(tap(() => this.reloadTeams()));
   }
 }
diff --git a/frontend/src/app/services/user.service.spec.ts b/frontend/src/app/services/user.service.spec.ts
index d51d35e7b3..50f960fdb0 100644
--- a/frontend/src/app/services/user.service.spec.ts
+++ b/frontend/src/app/services/user.service.spec.ts
@@ -70,8 +70,8 @@ describe('UserService', () => {
 
     tick();
 
-    const req2 = httpMock.expectOne(`api/v1/users`);
-    const req3 = httpMock.expectOne(`api/v1/users/current`);
+    const req2 = httpMock.expectOne('api/v1/users');
+    const req3 = httpMock.expectOne('api/v1/users/current');
     req2.flush({});
     req3.flush({});
   }));
@@ -79,12 +79,12 @@ describe('UserService', () => {
   it('should call createAll and reloadUsers when createUsers is called', fakeAsync(() => {
     service.createUsers(users)
       .subscribe();
-    const req = httpMock.expectOne(`api/v1/users/createall`);
+    const req = httpMock.expectOne('api/v1/users/createall');
     req.flush(users);
 
     tick();
 
-    const req2 = httpMock.expectOne(`api/v1/users`);
+    const req2 = httpMock.expectOne('api/v1/users');
     req2.flush({});
   }));
 
@@ -96,7 +96,7 @@ describe('UserService', () => {
 
     tick();
 
-    const req2 = httpMock.expectOne(`api/v1/users`);
+    const req2 = httpMock.expectOne('api/v1/users');
     req2.flush({});
   }));
 });
diff --git a/frontend/src/app/services/user.service.ts b/frontend/src/app/services/user.service.ts
index fa62e4d74f..65fad6cbb8 100644
--- a/frontend/src/app/services/user.service.ts
+++ b/frontend/src/app/services/user.service.ts
@@ -28,7 +28,7 @@ export class UserService {
 
   public reloadCurrentUser(): Observable<User> {
     return this.httpClient.get<User>(this.API_URL + '/current')
-      .pipe(tap((u) => (this._currentUser = u)));
+      .pipe(tap((u) => this._currentUser = u));
   }
 
   public getCurrentUser(): User {
diff --git a/frontend/src/app/shared/common.spec.ts b/frontend/src/app/shared/common.spec.ts
index 7412f77ce2..2a92a36ffc 100644
--- a/frontend/src/app/shared/common.spec.ts
+++ b/frontend/src/app/shared/common.spec.ts
@@ -301,21 +301,20 @@ describe('test common functions', () => {
       -10,
       0
     ]
-  ])('should calculate progress correctly',
-    async(
-      baseline: number, stretchGoal: number, value: number, filledPercentage: number
-    ) => {
-      const keyResult = {
-        ...keyResultMetricMinScoring,
-        baseline: baseline,
-        stretchGoal: stretchGoal,
-        lastCheckIn: { ...keyResultOrdinalMinScoring.lastCheckIn,
-          value: value }
-      } as KeyResultMetricMin;
-      const percentage = calculateCurrentPercentage(keyResult);
-      expect(percentage)
-        .toBe(filledPercentage);
-    });
+  ])('should calculate progress correctly', async(
+    baseline: number, stretchGoal: number, value: number, filledPercentage: number
+  ) => {
+    const keyResult = {
+      ...keyResultMetricMinScoring,
+      baseline: baseline,
+      stretchGoal: stretchGoal,
+      lastCheckIn: { ...keyResultOrdinalMinScoring.lastCheckIn,
+        value: value }
+    } as KeyResultMetricMin;
+    const percentage = calculateCurrentPercentage(keyResult);
+    expect(percentage)
+      .toBe(filledPercentage);
+  });
 
   it.each([
     ['t%20t',
@@ -352,11 +351,10 @@ describe('test common functions', () => {
       v2: 1 },
     { v: null,
       v2: 1 }]
-  ])('should give correct output for optionalReplaceWithNulls',
-    (obj1: Record<string, any>, obj2: Record<string, any>) => {
-      expect(optionalReplaceWithNulls(obj1))
-        .toStrictEqual(obj2);
-    });
+  ])('should give correct output for optionalReplaceWithNulls', (obj1: Record<string, any>, obj2: Record<string, any>) => {
+    expect(optionalReplaceWithNulls(obj1))
+      .toStrictEqual(obj2);
+  });
 
   test('should return correct class', () => {
     const testForm = new FormGroup({
diff --git a/frontend/src/app/shared/common.ts b/frontend/src/app/shared/common.ts
index 0942f99995..b77d641991 100644
--- a/frontend/src/app/shared/common.ts
+++ b/frontend/src/app/shared/common.ts
@@ -14,11 +14,15 @@ export function getValueFromQuery(query: any, fallback?: number): number[] {
   const values = Array.from([query])
     .flat()
     .filter((e) => e !== '')
-    .map((e) => (typeof e == 'string' ? e.split(',') : e))
+    .map((e) => {
+      return typeof e == 'string' ? e.split(',') : e;
+    })
     .flat()
     .map((id: any) => Number(id))
     .filter((id: number) => Number.isInteger(id));
-  if (fallback === undefined) return values;
+  if (fallback === undefined) {
+    return values;
+  }
   return values.length > 0 ? values : [fallback];
 }
 
@@ -36,19 +40,25 @@ export function optionalValue(param: object): Record<string, any> {
       return true;
     }));
 }
+
 export function isLastCheckInNegative(baseline: number, stretchGoal: number, value: number): boolean {
-  return (value > baseline && baseline > stretchGoal) || (value < baseline && baseline <= stretchGoal);
+  return value > baseline && baseline > stretchGoal || value < baseline && baseline <= stretchGoal;
 }
 
 export function calculateCurrentPercentage(keyResultMetric: KeyResultMetricMin): number {
   const value: number = +keyResultMetric.lastCheckIn?.value!;
   const baseline: number = +keyResultMetric.baseline;
   const stretchGoal: number = +keyResultMetric.stretchGoal;
-  if (isLastCheckInNegative(baseline, stretchGoal, value)) return 0;
-  if (value == stretchGoal) return 100;
+  if (isLastCheckInNegative(baseline, stretchGoal, value)) {
+    return 0;
+  }
+  if (value == stretchGoal) {
+    return 100;
+  }
 
-  return (Math.abs(value - baseline) / Math.abs(stretchGoal - baseline)) * 100;
+  return Math.abs(value - baseline) / Math.abs(stretchGoal - baseline) * 100;
 }
+
 export function sanitize(query: string) {
   return query.trim()
     .toLowerCase();
@@ -58,6 +68,7 @@ export function getQueryString(query?: string) {
   const queryString = query || '';
   return sanitize(decodeURI(queryString));
 }
+
 export function optionalReplaceWithNulls(param: object): Record<string, any> {
   const clearObject = optionalValue(param);
   return Object.fromEntries(Object.entries(param)
@@ -67,7 +78,9 @@ export function optionalReplaceWithNulls(param: object): Record<string, any> {
 }
 
 export function areEqual(arr1: number[], arr2: number[]) {
-  if (arr1.length !== arr2.length) return false;
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
 
   // implement custom sort if necessary
   arr1.sort((a, b) => a - b);
@@ -75,7 +88,9 @@ export function areEqual(arr1: number[], arr2: number[]) {
 
   // use normal for loop so we can return immediately if not equal
   for (let i = 0; i < arr1.length; i++) {
-    if (arr1[i] !== arr2[i]) return false;
+    if (arr1[i] !== arr2[i]) {
+      return false;
+    }
   }
 
   return true;
diff --git a/frontend/src/app/shared/custom/scoring/scoring.component.html b/frontend/src/app/shared/custom/scoring/scoring.component.html
index 335371564a..2ce582062f 100644
--- a/frontend/src/app/shared/custom/scoring/scoring.component.html
+++ b/frontend/src/app/shared/custom/scoring/scoring.component.html
@@ -21,7 +21,7 @@ <h5 class="text-center text-small">Target</h5>
             [attr.data-testId]="'fail'"
             class="child h-100 d-flex align-items-center"
           >
-            <div *ngIf="keyResult.keyResultType == 'metric' && calculateCurrentPercentage(castToMetric()) < 1" class="fs-6 text-white fw-bold text-center score-red scoring-error-badge rounded-circle">
+            <div *ngIf="keyResult.keyResultType === 'metric' && calculateCurrentPercentage(castToMetric()) < 1" class="fs-6 text-white fw-bold text-center score-red scoring-error-badge rounded-circle">
               !
             </div>
           </span>
diff --git a/frontend/src/app/shared/custom/scoring/scoring.component.spec.ts b/frontend/src/app/shared/custom/scoring/scoring.component.spec.ts
index cc758fbc23..8f60408630 100644
--- a/frontend/src/app/shared/custom/scoring/scoring.component.spec.ts
+++ b/frontend/src/app/shared/custom/scoring/scoring.component.spec.ts
@@ -162,8 +162,8 @@ describe('ScoringComponent', () => {
       component.commitPercent = 0;
       component.failPercent = 0;
 
-      // Set zone
-      (component.keyResult.lastCheckIn as CheckInOrdinalMin)!.zone! = object.zoneValue;
+      // Set zone parenthesis needed to make lint happy
+      ((component.keyResult.lastCheckIn as CheckInOrdinalMin)!.zone!) = object.zoneValue;
       component.calculatePercentageOrdinal();
 
       // Verify if percentage was set correctly
diff --git a/frontend/src/app/shared/custom/scoring/scoring.component.ts b/frontend/src/app/shared/custom/scoring/scoring.component.ts
index 0fd045d332..f9e81b63a7 100644
--- a/frontend/src/app/shared/custom/scoring/scoring.component.ts
+++ b/frontend/src/app/shared/custom/scoring/scoring.component.ts
@@ -115,16 +115,16 @@ export class ScoringComponent implements OnInit, AfterViewInit, OnChanges {
       this.labelPercentage = of(percentage);
       if (percentage < 30) {
         this.stretched = false;
-        this.failPercent = (100 / 30) * percentage;
+        this.failPercent = 100 / 30 * percentage;
       } else if (percentage < 70) {
         this.stretched = false;
         this.failPercent = 100;
-        this.commitPercent = (100 / 40) * (percentage - 30);
+        this.commitPercent = 100 / 40 * (percentage - 30);
       } else if (percentage < 100) {
         this.stretched = false;
         this.failPercent = 100;
         this.commitPercent = 100;
-        this.targetPercent = (100 / 30) * (percentage - 70);
+        this.targetPercent = 100 / 30 * (percentage - 70);
       } else if (percentage >= 100) {
         this.stretched = true;
       }
@@ -134,9 +134,9 @@ export class ScoringComponent implements OnInit, AfterViewInit, OnChanges {
   getScoringColorClassAndSetBorder(): string | null {
     if (this.targetPercent > 100) {
       return 'score-stretch';
-    } else if (this.targetPercent > 0 || (this.commitPercent == 100 && this.keyResult.keyResultType === 'metric')) {
+    } else if (this.targetPercent > 0 || this.commitPercent == 100 && this.keyResult.keyResultType === 'metric') {
       return 'score-green';
-    } else if (this.commitPercent > 0 || (this.failPercent == 100 && this.keyResult.keyResultType === 'metric')) {
+    } else if (this.commitPercent > 0 || this.failPercent == 100 && this.keyResult.keyResultType === 'metric') {
       return 'score-yellow';
     } else if (this.failPercent >= 3.3333) {
       // 3.3333% because if lower fail is not visible in overview and we display !
diff --git a/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.html b/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.html
index 0283be7df0..0205147960 100644
--- a/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.html
+++ b/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.html
@@ -14,7 +14,7 @@
           <button
             class="col successful valuation-card card-hover-successful"
             [ngClass]="{
-              'active-successful': completeForm.value.isSuccessful == true,
+              'active-successful': completeForm.value.isSuccessful === true,
               'non-active-successful': completeForm.value.isSuccessful === false,
             }"
             (click)="switchSuccessState('successful')"
@@ -28,7 +28,7 @@
             class="col not-successful valuation-card card-hover-not-successful"
             [ngClass]="{
               'active-not-successful': completeForm.value.isSuccessful === false,
-              'non-active-not-successful': completeForm.value.isSuccessful == true,
+              'non-active-not-successful': completeForm.value.isSuccessful === true,
             }"
             (click)="switchSuccessState('notSuccessful')"
             (keydown.enter)="switchSuccessState('notSuccessful')"
diff --git a/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.ts b/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.ts
index 581e82f7aa..0850991a50 100644
--- a/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.ts
+++ b/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.ts
@@ -21,15 +21,16 @@ export class CompleteDialogComponent {
 
   constructor(public dialogRef: MatDialogRef<CompleteDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: { objectiveTitle: string },
-    private translate: TranslateService) {}
+    private translate: TranslateService) {
+  }
 
   switchSuccessState(input: string) {
     this.removeStandardHover();
     let successfulValue = this.completeForm.value.isSuccessful;
     if (
       successfulValue == null ||
-      (input == 'successful' && !successfulValue) ||
-      (input == 'notSuccessful' && successfulValue)
+      input === 'successful' ||
+      input === 'notSuccessful'
     ) {
       successfulValue = input == 'successful';
       this.completeForm.patchValue({ isSuccessful: successfulValue });
diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html
index 88bca8f697..25a8157b87 100644
--- a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html
+++ b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html
@@ -119,10 +119,11 @@
         mat-button
         mat-dialog-close
         [attr.data-testId]="'cancel'"
-      >Abbrechen</button>
+      >Abbrechen
+      </button>
     </div>
 
-    <div class="col-auto" *ngIf="data.objective.objectiveId && data.action != 'duplicate'">
+    <div class="col-auto" *ngIf="data.objective.objectiveId && data.action !== 'duplicate'">
       <button
         color="primary"
         type="button"
diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.spec.ts b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.spec.ts
index 7676870fae..6740d47ec5 100644
--- a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.spec.ts
+++ b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.spec.ts
@@ -150,73 +150,72 @@ describe('ObjectiveDialogComponent', () => {
     });
 
     it.each([['DRAFT'],
-      ['ONGOING']])('onSubmit create',
-      fakeAsync((state: string) => {
-        // Prepare data
-        const title = 'title';
-        const description = 'description';
-        const createKeyResults = true;
-        let quarter = 0;
-        let team = 0;
-        teamService.getAllTeams()
-          .subscribe((teams: { id: number }[]) => {
-            team = teams[0].id;
-          });
-        quarterService.getAllQuarters()
-          .subscribe((quarters) => {
-            quarter = quarters[1].id;
-          });
-
-        // Get input elements and set values
-        const titleInput: HTMLInputElement = fixture.debugElement.query(By.css('[data-testId="title"]')).nativeElement;
-        titleInput.value = title;
-        const descriptionInput: HTMLInputElement = fixture.debugElement.query(By.css('[data-testId="description"]')).nativeElement;
-        descriptionInput.value = description;
-        loader.getHarness(MatCheckboxHarness)
-          .then((checkBox) => checkBox.check());
-        tick(200);
-        const quarterSelect: HTMLSelectElement = fixture.debugElement.query(By.css('[data-testId="quarterSelect"]')).nativeElement;
-        quarterSelect.value = quarter.toString();
-        // Trigger update of form
-        fixture.detectChanges();
-        titleInput.dispatchEvent(new Event('input'));
-        descriptionInput.dispatchEvent(new Event('input'));
-        quarterSelect.dispatchEvent(new Event('change'));
-
-        const rawFormValue = component.objectiveForm.getRawValue();
-        expect(rawFormValue.description)
-          .toBe(description);
-        expect(rawFormValue.quarter)
-          .toBe(quarter.toString());
-        expect(rawFormValue.team)
-          .toBe(team);
-        expect(rawFormValue.title)
-          .toBe(title);
-        expect(rawFormValue.createKeyResults)
-          .toBe(createKeyResults);
-
-        objectiveService.createObjective.mockReturnValue(of({ ...objective,
-          state: state }));
-        component.onSubmit(state);
-
-        expect(dialogMock.close)
-          .toHaveBeenCalledWith({
-            addKeyResult: createKeyResults,
-            delete: false,
-            objective: {
-              description: description,
-              id: 5,
-              version: 1,
-              quarterId: 2,
-              quarterLabel: 'GJ 22/23-Q2',
-              state: State[state as keyof typeof State],
-              teamId: 2,
-              title: title,
-              isWriteable: true
-            },
-            teamId: 1
-          });
-      }));
+      ['ONGOING']])('onSubmit create', fakeAsync((state: string) => {
+      // Prepare data
+      const title = 'title';
+      const description = 'description';
+      const createKeyResults = true;
+      let quarter = 0;
+      let team = 0;
+      teamService.getAllTeams()
+        .subscribe((teams: { id: number }[]) => {
+          team = teams[0].id;
+        });
+      quarterService.getAllQuarters()
+        .subscribe((quarters) => {
+          quarter = quarters[1].id;
+        });
+
+      // Get input elements and set values
+      const titleInput: HTMLInputElement = fixture.debugElement.query(By.css('[data-testId="title"]')).nativeElement;
+      titleInput.value = title;
+      const descriptionInput: HTMLInputElement = fixture.debugElement.query(By.css('[data-testId="description"]')).nativeElement;
+      descriptionInput.value = description;
+      loader.getHarness(MatCheckboxHarness)
+        .then((checkBox) => checkBox.check());
+      tick(200);
+      const quarterSelect: HTMLSelectElement = fixture.debugElement.query(By.css('[data-testId="quarterSelect"]')).nativeElement;
+      quarterSelect.value = quarter.toString();
+      // Trigger update of form
+      fixture.detectChanges();
+      titleInput.dispatchEvent(new Event('input'));
+      descriptionInput.dispatchEvent(new Event('input'));
+      quarterSelect.dispatchEvent(new Event('change'));
+
+      const rawFormValue = component.objectiveForm.getRawValue();
+      expect(rawFormValue.description)
+        .toBe(description);
+      expect(rawFormValue.quarter)
+        .toBe(quarter.toString());
+      expect(rawFormValue.team)
+        .toBe(team);
+      expect(rawFormValue.title)
+        .toBe(title);
+      expect(rawFormValue.createKeyResults)
+        .toBe(createKeyResults);
+
+      objectiveService.createObjective.mockReturnValue(of({ ...objective,
+        state: state }));
+      component.onSubmit(state);
+
+      expect(dialogMock.close)
+        .toHaveBeenCalledWith({
+          addKeyResult: createKeyResults,
+          delete: false,
+          objective: {
+            description: description,
+            id: 5,
+            version: 1,
+            quarterId: 2,
+            quarterLabel: 'GJ 22/23-Q2',
+            state: State[state as keyof typeof State],
+            teamId: 2,
+            title: title,
+            isWriteable: true
+          },
+          teamId: 1
+        });
+    }));
 
     it('should create objective', () => {
       matDataMock.objective.objectiveId = undefined;
diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.ts b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.ts
index 31036fc4df..93d708be75 100644
--- a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.ts
+++ b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.ts
@@ -30,10 +30,14 @@ export class ObjectiveFormComponent implements OnInit, OnDestroy {
       Validators.maxLength(250)]),
     description: new FormControl<string>('', [Validators.maxLength(4096)]),
     quarter: new FormControl<number>(0, [Validators.required]),
-    team: new FormControl<number>({ value: 0,
-      disabled: true }, [Validators.required]),
-    relation: new FormControl<number>({ value: 0,
-      disabled: true }),
+    team: new FormControl<number>({
+      value: 0,
+      disabled: true
+    }, [Validators.required]),
+    relation: new FormControl<number>({
+      value: 0,
+      disabled: true
+    }),
     keyResults: new FormArray<FormControl<boolean | null>>([]),
     createKeyResults: new FormControl<boolean>(false)
   });
@@ -78,7 +82,8 @@ export class ObjectiveFormComponent implements OnInit, OnDestroy {
       };
     },
     private translate: TranslateService
-  ) {}
+  ) {
+  }
 
   onSubmit(submitType: any): void {
     const value = this.objectiveForm.getRawValue();
@@ -93,23 +98,22 @@ export class ObjectiveFormComponent implements OnInit, OnDestroy {
       state: state
     } as unknown as Objective;
 
-    const submitFunction = this.getSubmitFunction(this.data.objective.objectiveId!, objectiveDTO);
+    const submitFunction = this.getSubmitFunction(this.data.objective.objectiveId, objectiveDTO);
     submitFunction.subscribe((savedObjective: Objective) => {
-      this.closeDialog(savedObjective, false, value.createKeyResults!);
+      this.closeDialog(savedObjective, false, value.createKeyResults ?? undefined);
     });
   }
 
   ngOnInit(): void {
-    const isEditing: boolean = this.data.objective.objectiveId != undefined;
     this.teams$ = this.teamService.getAllTeams()
       .pipe(takeUntil(this.unsubscribe$));
     this.quarters$ = this.quarterService.getAllQuarters();
     this.currentQuarter$ = this.quarterService.getCurrentQuarter();
-    this.keyResults$ = isEditing
+    this.keyResults$ = this.data.objective.objectiveId
       ? this.objectiveService.getAllKeyResultsByObjective(this.data.objective.objectiveId || -1)
       : of([]);
-    const objective$ = isEditing
-      ? this.objectiveService.getFullObjective(this.data.objective.objectiveId!)
+    const objective$ = this.data.objective.objectiveId
+      ? this.objectiveService.getFullObjective(this.data.objective.objectiveId)
       : of(this.getDefaultObjective());
 
     forkJoin([
@@ -125,7 +129,7 @@ export class ObjectiveFormComponent implements OnInit, OnDestroy {
         keyResults]: [Objective, Quarter[], Quarter, KeyResultDTO[]
       ]) => {
         this.handleDataInitialization(
-          objective, quarters, currentQuarter, keyResults, isEditing
+          objective, quarters, currentQuarter, keyResults, this.data.objective.objectiveId != null
         );
       });
   }
@@ -155,7 +159,9 @@ export class ObjectiveFormComponent implements OnInit, OnDestroy {
     // Subscribe to teams$ to find and update the current team
     this.teams$.subscribe((teams) => {
       const currentTeam = teams.find((team) => team.id === teamId);
-      this.currentTeam.next(currentTeam!);
+      if (currentTeam) {
+        this.currentTeam.next(currentTeam);
+      }
     });
 
     this.objectiveForm.patchValue({
@@ -175,20 +181,24 @@ export class ObjectiveFormComponent implements OnInit, OnDestroy {
     this.unsubscribe$.complete();
   }
 
-  getSubmitFunction(id: number, objectiveDTO: any): Observable<Objective> {
-    if (this.data.action == 'duplicate') {
+  getSubmitFunction(id: number | undefined, objectiveDTO: any): Observable<Objective> {
+    if (this.data.action == 'duplicate' && id) {
       objectiveDTO.id = null;
       objectiveDTO.state = 'DRAFT' as State;
       return this.objectiveService.duplicateObjective(id, {
         objective: objectiveDTO,
         keyResults: this.keyResults
-          .filter((keyResult, index) => (this.objectiveForm.value.keyResults ? this.objectiveForm.value.keyResults[index] : false))
-          .map((result) => ({ ...result,
-            id: undefined }))
+          .filter((keyResult, index) => this.objectiveForm.value.keyResults?.[index] ?? false)
+          .map((result) => ({
+            ...result,
+            id: undefined
+          }))
       });
     } else {
-      if (this.data.action == 'releaseBacklog') objectiveDTO.state = 'ONGOING' as State;
-      if (this.data.objective.objectiveId) {
+      if (this.data.action == 'releaseBacklog') {
+        objectiveDTO.state = 'ONGOING' as State;
+      }
+      if (this.data.objective.objectiveId && id) {
         objectiveDTO.id = id;
         return this.objectiveService.updateObjective(objectiveDTO);
       }
@@ -200,11 +210,11 @@ export class ObjectiveFormComponent implements OnInit, OnDestroy {
     const dialog = this.dialogService.openConfirmDialog('CONFIRMATION.DELETE.OBJECTIVE');
     dialog.afterClosed()
       .subscribe((result) => {
-        if (result) {
-          this.objectiveService.deleteObjective(this.data.objective.objectiveId!)
+        if (result && this.data.objective.objectiveId) {
+          this.objectiveService.deleteObjective(this.data.objective.objectiveId)
             .subscribe({
               next: () => {
-                const objectiveDTO: Objective = { id: this.data.objective.objectiveId! } as unknown as Objective;
+                const objectiveDTO: Objective = { id: this.data.objective.objectiveId } as unknown as Objective;
                 this.closeDialog(objectiveDTO, true);
               },
               error: () => {
@@ -255,7 +265,9 @@ export class ObjectiveFormComponent implements OnInit, OnDestroy {
     const currentQuarter: Quarter | undefined = this.quarters.find((quarter) => quarter.id == this.objectiveForm.value.quarter);
     if (currentQuarter) {
       const isBacklogCurrent = !this.isBacklogQuarter(currentQuarter.label);
-      if (this.data.action == 'duplicate') return true;
+      if (this.data.action == 'duplicate') {
+        return true;
+      }
       if (this.data.objective.objectiveId) {
         return isBacklogCurrent ? this.state == 'DRAFT' : true;
       } else {
diff --git a/frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.spec.ts b/frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.spec.ts
index 9e37a967da..f43c3e078b 100644
--- a/frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.spec.ts
+++ b/frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.spec.ts
@@ -41,7 +41,7 @@ describe('UnitTransformationPipe', () => {
   it('should format as Number with delimiter based on value', () => {
     const pipe = new UnitTransformationPipe();
     expect(pipe.transform(38000, Unit.NUMBER))
-      .toBe("38'000");
+      .toBe('38\'000');
   });
 
   it('should format as Number with two digits after dot', () => {
diff --git a/frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.ts b/frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.ts
index 23d8b84c9c..7f19df97f4 100644
--- a/frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.ts
+++ b/frontend/src/app/shared/pipes/unit-transformation/unit-transformation.pipe.ts
@@ -15,7 +15,7 @@ export class UnitTransformationPipe implements PipeTransform {
 
   roundAndAddThousandSplitSign(value: number): string {
     return (+value.toFixed(2)).toLocaleString('en-US')
-      .replace(/,/g, "'");
+      .replace(/,/g, '\'');
   }
 
   transformLabel(label: string): string {
diff --git a/frontend/src/app/shared/routeUtils.spec.ts b/frontend/src/app/shared/routeUtils.spec.ts
index 69709ca991..28668d669a 100644
--- a/frontend/src/app/shared/routeUtils.spec.ts
+++ b/frontend/src/app/shared/routeUtils.spec.ts
@@ -4,29 +4,29 @@ describe('routeUtils', () => {
   describe('getRouteToUserDetails', () => {
     it('should not include team fragment when teamId is missing', () => {
       expect(getRouteToUserDetails(1))
-        .toBe(`/team-management/details/member/1`);
+        .toBe('/team-management/details/member/1');
     });
 
     it('should include team fragment when teamId is missing', () => {
       expect(getRouteToUserDetails(1, 11))
-        .toBe(`/team-management/11/details/member/1`);
+        .toBe('/team-management/11/details/member/1');
     });
 
     it('should work with id=0', () => {
       expect(getRouteToUserDetails(0, 0))
-        .toBe(`/team-management/0/details/member/0`);
+        .toBe('/team-management/0/details/member/0');
     });
   });
 
   describe('getRouteToTeam', () => {
     it('should work with normal id', () => {
       expect(getRouteToTeam(1))
-        .toBe(`/team-management/1`);
+        .toBe('/team-management/1');
     });
 
     it('should work with id=0', () => {
       expect(getRouteToTeam(0))
-        .toBe(`/team-management/0`);
+        .toBe('/team-management/0');
     });
   });
 });
diff --git a/frontend/src/app/shared/routeUtils.ts b/frontend/src/app/shared/routeUtils.ts
index 4265526e72..ce92eb314d 100644
--- a/frontend/src/app/shared/routeUtils.ts
+++ b/frontend/src/app/shared/routeUtils.ts
@@ -3,4 +3,4 @@ export const getRouteToUserDetails = (userId: number, teamId?: number) => {
   return `/team-management${teamFragment}/details/member/${userId}`;
 };
 export const getRouteToTeam = (teamId: number) => `${getRouteToAllTeams()}/${teamId}`;
-export const getRouteToAllTeams = () => `/team-management`;
+export const getRouteToAllTeams = () => '/team-management';
diff --git a/frontend/src/app/shared/side-panel/side-panel.component.ts b/frontend/src/app/shared/side-panel/side-panel.component.ts
index 5f0d4d353e..4f71c5d5db 100644
--- a/frontend/src/app/shared/side-panel/side-panel.component.ts
+++ b/frontend/src/app/shared/side-panel/side-panel.component.ts
@@ -5,7 +5,6 @@ import {
   Component,
   ElementRef,
   OnDestroy,
-  OnInit,
   ViewChild
 } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -17,7 +16,7 @@ import { ConnectedPosition } from '@angular/cdk/overlay'; // ESM
   styleUrls: ['./side-panel.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class SidePanelComponent implements OnInit, AfterContentInit, OnDestroy {
+export class SidePanelComponent implements AfterContentInit, OnDestroy {
   leaveKeys = ['Escape'];
 
   right = '-100%';
@@ -38,8 +37,6 @@ export class SidePanelComponent implements OnInit, AfterContentInit, OnDestroy {
     private cd: ChangeDetectorRef,
     private route: ActivatedRoute) {}
 
-  ngOnInit(): void {}
-
   ngAfterContentInit(): void {
     document.body.classList.add('disable-scrolling');
     this.right = '0';
diff --git a/frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.spec.ts b/frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.spec.ts
index e71f9c4839..6658e063fc 100644
--- a/frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.spec.ts
+++ b/frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.spec.ts
@@ -1,6 +1,4 @@
-import { AddEditTeamDialog } from './add-edit-team-dialog.component';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { HarnessLoader } from '@angular/cdk/testing';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
@@ -10,7 +8,6 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { TeamService } from '../../services/team.service';
 import { of } from 'rxjs';
 import { marketingTeamWriteable, teamFormObject } from '../../shared/testData';
@@ -21,6 +18,7 @@ import { provideRouter } from '@angular/router';
 import { provideHttpClient } from '@angular/common/http';
 import { DialogTemplateCoreComponent } from '../../shared/custom/dialog-template-core/dialog-template-core.component';
 import { MatDividerModule } from '@angular/material/divider';
+import { AddEditTeamDialogComponent } from './add-edit-team-dialog.component';
 
 const dialogRefMock = {
   close: jest.fn()
@@ -37,9 +35,8 @@ const teamServiceMock = {
 };
 
 describe('TeamManagementComponent', () => {
-  let component: AddEditTeamDialog;
-  let fixture: ComponentFixture<AddEditTeamDialog>;
-  let loader: HarnessLoader;
+  let component: AddEditTeamDialogComponent;
+  let fixture: ComponentFixture<AddEditTeamDialogComponent>;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
@@ -54,7 +51,7 @@ describe('TeamManagementComponent', () => {
         MatCheckboxModule,
         MatDividerModule
       ],
-      declarations: [AddEditTeamDialog,
+      declarations: [AddEditTeamDialogComponent,
         DialogTemplateCoreComponent],
       providers: [
         provideRouter([]),
@@ -80,10 +77,9 @@ describe('TeamManagementComponent', () => {
           useValue: {} }
       ]
     });
-    fixture = TestBed.createComponent(AddEditTeamDialog);
+    fixture = TestBed.createComponent(AddEditTeamDialogComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
-    loader = TestbedHarnessEnvironment.loader(fixture);
   });
 
   it('should create', () => {
diff --git a/frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.ts b/frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.ts
index d4dd21b262..0e5fa4f008 100644
--- a/frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.ts
+++ b/frontend/src/app/team-management/add-edit-team-dialog/add-edit-team-dialog.component.ts
@@ -13,7 +13,7 @@ import { Router } from '@angular/router';
   templateUrl: './add-edit-team-dialog.component.html',
   styleUrls: ['./add-edit-team-dialog.component.scss']
 })
-export class AddEditTeamDialog implements OnInit {
+export class AddEditTeamDialogComponent implements OnInit {
   teamForm = new FormGroup({
     name: new FormControl<string>('', [Validators.required,
       Validators.minLength(2),
@@ -25,7 +25,7 @@ export class AddEditTeamDialog implements OnInit {
   protected readonly hasFormFieldErrors = hasFormFieldErrors;
 
   constructor(
-    public dialogRef: MatDialogRef<AddEditTeamDialog>,
+    public dialogRef: MatDialogRef<AddEditTeamDialogComponent>,
     private teamService: TeamService,
     private userService: UserService,
     private router: Router,
@@ -36,7 +36,8 @@ export class AddEditTeamDialog implements OnInit {
       }
       | undefined,
     private translate: TranslateService
-  ) {}
+  ) {
+  }
 
   ngOnInit(): void {
     if (this.data) {
@@ -67,15 +68,17 @@ export class AddEditTeamDialog implements OnInit {
   }
 
   private updateTeam() {
-    const updatedTeam: Team = {
-      ...this.teamForm.value,
-      id: this.data!.team.id,
-      version: this.data!.team.version
-    } as Team;
-    this.teamService.updateTeam(updatedTeam)
-      .subscribe((result) => {
-        this.dialogRef.close(result);
-      });
+    if (this.data) {
+      const updatedTeam: Team = {
+        ...this.teamForm.value,
+        id: this.data!.team.id,
+        version: this.data!.team.version
+      } as Team;
+      this.teamService.updateTeam(updatedTeam)
+        .subscribe((result) => {
+          this.dialogRef.close(result);
+        });
+    }
   }
 
   getErrorMessage(
diff --git a/frontend/src/app/team-management/add-member-to-team-dialog/add-member-to-team-dialog.component.ts b/frontend/src/app/team-management/add-member-to-team-dialog/add-member-to-team-dialog.component.ts
index 983b49ed15..370a5b7618 100644
--- a/frontend/src/app/team-management/add-member-to-team-dialog/add-member-to-team-dialog.component.ts
+++ b/frontend/src/app/team-management/add-member-to-team-dialog/add-member-to-team-dialog.component.ts
@@ -42,21 +42,19 @@ export class AddMemberToTeamDialogComponent implements OnInit, OnDestroy {
     @Inject(MAT_DIALOG_DATA)
     public data: AddMemberToTeamDialogComponentData
   ) {
-    this.selectedUsers$.subscribe((users) => (this.dataSource = new MatTableDataSource<User>(users)));
+    this.selectedUsers$.subscribe((users) => this.dataSource = new MatTableDataSource<User>(users));
   }
 
   public ngOnInit(): void {
+    // directly after selecting object, filtervalue is an object.
     this.usersForSelection$ = combineLatest([this.userService.getUsers(),
       this.selectedUsers$,
-      this.search.valueChanges.pipe(startWith(''),
-        // directly after selecting object, filtervalue is an object.
-        filter((searchValue) => typeof searchValue === 'string'))])
-      .pipe(takeUntil(this.unsubscribe$),
-        map(([allPossibleUsers,
-          selectedUsers,
-          filterValue]) => {
-          return this.filter(allPossibleUsers, filterValue || '', selectedUsers);
-        }));
+      this.search.valueChanges.pipe(startWith(''), filter((searchValue) => typeof searchValue === 'string'))])
+      .pipe(takeUntil(this.unsubscribe$), map(([allPossibleUsers,
+        selectedUsers,
+        filterValue]) => {
+        return this.filter(allPossibleUsers, filterValue || '', selectedUsers);
+      }));
   }
 
   public ngOnDestroy() {
diff --git a/frontend/src/app/team-management/add-user-team/add-user-team.component.spec.ts b/frontend/src/app/team-management/add-user-team/add-user-team.component.spec.ts
index 3738493f4b..fcf11ff8cd 100644
--- a/frontend/src/app/team-management/add-user-team/add-user-team.component.spec.ts
+++ b/frontend/src/app/team-management/add-user-team/add-user-team.component.spec.ts
@@ -7,8 +7,6 @@ import { of } from 'rxjs';
 describe('AddUserTeamComponent', () => {
   let component: AddUserTeamComponent;
   let fixture: ComponentFixture<AddUserTeamComponent>;
-  let teamService: TeamService;
-
   const team1Copy = { ...team1 };
   const team2Copy = { ...team2 };
   const team3Copy = { ...team3 };
@@ -29,7 +27,6 @@ describe('AddUserTeamComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(AddUserTeamComponent);
     component = fixture.componentInstance;
-    teamService = TestBed.inject(TeamService);
 
     teamServiceMock.getAllTeams.mockReturnValue(of([team1Copy,
       team2Copy,
diff --git a/frontend/src/app/team-management/add-user-team/add-user-team.component.ts b/frontend/src/app/team-management/add-user-team/add-user-team.component.ts
index 52bd31dd67..54e0cb450e 100644
--- a/frontend/src/app/team-management/add-user-team/add-user-team.component.ts
+++ b/frontend/src/app/team-management/add-user-team/add-user-team.component.ts
@@ -29,21 +29,19 @@ export class AddUserTeamComponent implements OnInit, OnDestroy {
 
   ngOnInit() {
     this.allAdminTeams$ = this.teamService.getAllTeams()
-      .pipe(takeUntil(this.unsubscribe$),
-        map((teams) => {
-          return teams.filter((t) => t.isWriteable);
-        }));
+      .pipe(takeUntil(this.unsubscribe$), map((teams) => {
+        return teams.filter((t) => t.isWriteable);
+      }));
 
     this.selectableAdminTeams$ = combineLatest([this.allAdminTeams$,
       this.currentTeams$])
-      .pipe(takeUntil(this.unsubscribe$),
-        map(([allTeams,
-          userTeams]) => {
-          const currentTeamIds = userTeams.map((ut) => ut.team.id);
-          return allTeams.filter((t) => {
-            return !currentTeamIds.includes(t.id);
-          });
-        }));
+      .pipe(takeUntil(this.unsubscribe$), map(([allTeams,
+        userTeams]) => {
+        const currentTeamIds = userTeams.map((ut) => ut.team.id);
+        return allTeams.filter((t) => {
+          return !currentTeamIds.includes(t.id);
+        });
+      }));
   }
 
   ngOnDestroy() {
diff --git a/frontend/src/app/team-management/delete-user/delete-user.component.ts b/frontend/src/app/team-management/delete-user/delete-user.component.ts
index cb1cf99a91..8287f648d4 100644
--- a/frontend/src/app/team-management/delete-user/delete-user.component.ts
+++ b/frontend/src/app/team-management/delete-user/delete-user.component.ts
@@ -44,16 +44,14 @@ export class DeleteUserComponent implements OnInit, OnDestroy {
   private loadOkrUser() {
     this.userService
       .getOrInitCurrentUser()
-      .pipe(takeUntil(this.unsubscribe$),
-        tap((user) => (this.okrUser = user)))
+      .pipe(takeUntil(this.unsubscribe$), tap((user) => this.okrUser = user))
       .subscribe();
   }
 
   loadUserOkrData() {
     this.userService
       .getUserOkrData(this.user)
-      .pipe(takeUntil(this.unsubscribe$),
-        tap((okrData) => (this.userOkrData = okrData)))
+      .pipe(takeUntil(this.unsubscribe$), tap((okrData) => this.userOkrData = okrData))
       .subscribe();
   }
 
@@ -66,24 +64,25 @@ export class DeleteUserComponent implements OnInit, OnDestroy {
   loadUserMemberOfTeamsStatus() {
     this.userService
       .isUserMemberOfTeams(this.user)
-      .pipe(takeUntil(this.unsubscribe$),
-        tap((isMemberOfTeams) => (this.userIsMemberOfTeams = isMemberOfTeams)))
+      .pipe(takeUntil(this.unsubscribe$), tap((isMemberOfTeams) => this.userIsMemberOfTeams = isMemberOfTeams))
       .subscribe();
   }
 
   hasOkrUserRoleOkrChampion() {
-    if (this.okrUser == undefined) return false;
+    if (this.okrUser == undefined) {
+      return false;
+    }
     return this.okrUser.isOkrChampion;
   }
 
   deleteUserWithChecks() {
     if (this.isUserMemberOfTeams()) {
-      const dialogTitle = `User kann nicht gelöscht werden`;
+      const dialogTitle = 'User kann nicht gelöscht werden';
       const dialogText = `${getFullNameOfUser(this.user)} ist in folgenden Teams und kann daher nicht gelöscht werden: ${this.getDialogDetailsUserTeams()}`;
       this.showUnableToDeleteUserDialog(dialogTitle, dialogText);
       return;
     } else if (this.isUserOwnerOfKeyResults()) {
-      const dialogTitle = `User kann nicht gelöscht werden`;
+      const dialogTitle = 'User kann nicht gelöscht werden';
       const dialogText = `${getFullNameOfUser(this.user)} ist Owner folgender KeyResults und kann daher nicht gelöscht werden: \n\n${this.dialogDetailsUserKeyResults()}`;
       this.showUnableToDeleteUserDialog(dialogTitle, dialogText);
       return;
@@ -130,7 +129,7 @@ export class DeleteUserComponent implements OnInit, OnDestroy {
 
   deleteUser() {
     const data: ConfirmDialogData = {
-      title: `User löschen`,
+      title: 'User löschen',
       text: `Möchtest du den User ${this.user.firstName} ${this.user.lastName} wirklich löschen?`,
       yesButtonState: ButtonState.VisibleEnabled,
       noButtonState: ButtonState.VisibleEnabled,
@@ -143,16 +142,15 @@ export class DeleteUserComponent implements OnInit, OnDestroy {
         if (result) {
           this.userService
             .deleteUser(this.user)
-            .pipe(takeUntil(this.unsubscribe$),
-              tap({
-                next: () => {
-                  this.userService.reloadUsers();
-                  this.location.back();
-                },
-                error: () => {
-                  throw Error(`unable to delete user ${getFullNameOfUser(this.user)} (with id ${this.user.id})`);
-                }
-              }))
+            .pipe(takeUntil(this.unsubscribe$), tap({
+              next: () => {
+                this.userService.reloadUsers();
+                this.location.back();
+              },
+              error: () => {
+                throw Error(`unable to delete user ${getFullNameOfUser(this.user)} (with id ${this.user.id})`);
+              }
+            }))
             .subscribe();
         }
       });
diff --git a/frontend/src/app/team-management/member-detail/member-detail.component.ts b/frontend/src/app/team-management/member-detail/member-detail.component.ts
index 222d245cfd..58fc05281e 100644
--- a/frontend/src/app/team-management/member-detail/member-detail.component.ts
+++ b/frontend/src/app/team-management/member-detail/member-detail.component.ts
@@ -48,11 +48,10 @@ export class MemberDetailComponent implements OnInit, OnDestroy {
 
   ngOnInit(): void {
     this.route.paramMap
-      .pipe(takeUntil(this.unsubscribe$),
-        tap((params) => {
-          const id = this.getIdFromParams(params);
-          this.loadUser(id);
-        }))
+      .pipe(takeUntil(this.unsubscribe$), tap((params) => {
+        const id = this.getIdFromParams(params);
+        this.loadUser(id);
+      }))
       .subscribe();
   }
 
@@ -92,8 +91,7 @@ export class MemberDetailComponent implements OnInit, OnDestroy {
     this.dialogService
       .openConfirmDialog('CONFIRMATION.DELETE.USER_FROM_TEAM', i18nData)
       .afterClosed()
-      .pipe(filter((confirm) => confirm),
-        mergeMap(() => this.teamService.removeUserFromTeam(user.id, userTeam.team)))
+      .pipe(filter((confirm) => confirm), mergeMap(() => this.teamService.removeUserFromTeam(user.id, userTeam.team)))
       .subscribe(() => {
         this.loadUser(user.id);
         this.userService.reloadUsers();
diff --git a/frontend/src/app/team-management/member-list/member-list-mobile/member-list-mobile.component.ts b/frontend/src/app/team-management/member-list/member-list-mobile/member-list-mobile.component.ts
index 6ad19aa984..f75d2584e0 100644
--- a/frontend/src/app/team-management/member-list/member-list-mobile/member-list-mobile.component.ts
+++ b/frontend/src/app/team-management/member-list/member-list-mobile/member-list-mobile.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { UserTableEntry } from '../../../shared/types/model/UserTableEntry';
 import { MatTableDataSource } from '@angular/material/table';
 import { BehaviorSubject } from 'rxjs';
@@ -11,15 +11,13 @@ import { getRouteToUserDetails } from '../../../shared/routeUtils';
   templateUrl: './member-list-mobile.component.html',
   styleUrl: './member-list-mobile.component.scss'
 })
-export class MemberListMobileComponent implements OnInit {
+export class MemberListMobileComponent {
   @Input({ required: true }) dataSource!: MatTableDataSource<UserTableEntry>;
 
   @Input() selectedTeam$!: BehaviorSubject<Team | undefined>;
 
   constructor() {}
 
-  ngOnInit(): void {}
-
   getMemberDetailsLink(userTableEntry: UserTableEntry) {
     return getRouteToUserDetails(userTableEntry.id, this.selectedTeam$.value?.id);
   }
diff --git a/frontend/src/app/team-management/member-list/member-list-table/member-list-table.component.ts b/frontend/src/app/team-management/member-list/member-list-table/member-list-table.component.ts
index f4d1dc3829..dff5c15284 100644
--- a/frontend/src/app/team-management/member-list/member-list-table/member-list-table.component.ts
+++ b/frontend/src/app/team-management/member-list/member-list-table/member-list-table.component.ts
@@ -38,7 +38,8 @@ export class MemberListTableComponent implements OnInit, OnDestroy {
 
   constructor(private readonly teamService: TeamService,
     private readonly userService: UserService,
-    private readonly dialogService: DialogService) {}
+    private readonly dialogService: DialogService) {
+  }
 
   ngOnInit() {
     this.selectedTeam$.pipe(takeUntil(this.unsubscribe$))
@@ -73,8 +74,7 @@ export class MemberListTableComponent implements OnInit, OnDestroy {
     this.dialogService
       .openConfirmDialog('CONFIRMATION.DELETE.USER_FROM_TEAM', i18nData)
       .afterClosed()
-      .pipe(filter((confirm) => confirm),
-        mergeMap(() => this.teamService.removeUserFromTeam(entry.id, this.selectedTeam$.value!)))
+      .pipe(filter((confirm) => confirm), mergeMap(() => this.teamService.removeUserFromTeam(entry.id, this.selectedTeam$.value as Team)))
       .subscribe(() => {
         this.userService.reloadUsers();
         this.userService.reloadCurrentUser()
diff --git a/frontend/src/app/team-management/member-list/member-list.component.spec.ts b/frontend/src/app/team-management/member-list/member-list.component.spec.ts
index e43d2a4b8f..e7f53563db 100644
--- a/frontend/src/app/team-management/member-list/member-list.component.spec.ts
+++ b/frontend/src/app/team-management/member-list/member-list.component.spec.ts
@@ -11,7 +11,7 @@ import { convertFromUser, convertFromUsers, UserTableEntry } from '../../shared/
 import { UserRole } from '../../shared/types/enums/UserRole';
 import { TeamService } from '../../services/team.service';
 import { AddMemberToTeamDialogComponent } from '../add-member-to-team-dialog/add-member-to-team-dialog.component';
-import { AddEditTeamDialog } from '../add-edit-team-dialog/add-edit-team-dialog.component';
+import { AddEditTeamDialogComponent } from '../add-edit-team-dialog/add-edit-team-dialog.component';
 import { TranslateTestingModule } from 'ngx-translate-testing';
 import { MatTableDataSource } from '@angular/material/table';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -164,8 +164,7 @@ describe('MemberListComponent', () => {
       id: 4,
       team: team1,
       isTeamAdmin: false
-    },
-    {
+    }, {
       id: 5,
       team: team2,
       isTeamAdmin: true
@@ -270,13 +269,12 @@ describe('MemberListComponent', () => {
     component.addMemberToTeam();
 
     expect(dialogService.open)
-      .toBeCalledWith(AddMemberToTeamDialogComponent,
-        expect.objectContaining({
-          data: {
-            team: team1,
-            currentUsersOfTeam: component.dataSource.filteredData
-          }
-        }));
+      .toBeCalledWith(AddMemberToTeamDialogComponent, expect.objectContaining({
+        data: {
+          team: team1,
+          currentUsersOfTeam: component.dataSource.filteredData
+        }
+      }));
   });
 
   it('should showAddMemberToTeam if selectedTeam is set and selectedTeam is writable', () => {
@@ -301,11 +299,10 @@ describe('MemberListComponent', () => {
     component.editTeam();
 
     expect(dialogService.open)
-      .toBeCalledWith(AddEditTeamDialog,
-        expect.objectContaining({
-          data: {
-            team: team1
-          }
-        }));
+      .toBeCalledWith(AddEditTeamDialogComponent, expect.objectContaining({
+        data: {
+          team: team1
+        }
+      }));
   });
 });
diff --git a/frontend/src/app/team-management/member-list/member-list.component.ts b/frontend/src/app/team-management/member-list/member-list.component.ts
index 0d885bbf64..01fd726f98 100644
--- a/frontend/src/app/team-management/member-list/member-list.component.ts
+++ b/frontend/src/app/team-management/member-list/member-list.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
 import { UserService } from '../../services/user.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { BehaviorSubject, combineLatest, filter, map, mergeMap, ReplaySubject, Subject, takeUntil } from 'rxjs';
@@ -7,7 +7,7 @@ import { convertFromUsers, UserTableEntry } from '../../shared/types/model/UserT
 import { TeamService } from '../../services/team.service';
 import { Team } from '../../shared/types/model/Team';
 import { AddMemberToTeamDialogComponent } from '../add-member-to-team-dialog/add-member-to-team-dialog.component';
-import { AddEditTeamDialog } from '../add-edit-team-dialog/add-edit-team-dialog.component';
+import { AddEditTeamDialogComponent } from '../add-edit-team-dialog/add-edit-team-dialog.component';
 import { MatTableDataSource } from '@angular/material/table';
 import { InviteUserDialogComponent } from '../invite-user-dialog/invite-user-dialog.component';
 import { DialogService } from '../../services/dialog.service';
@@ -17,7 +17,7 @@ import { DialogService } from '../../services/dialog.service';
   templateUrl: './member-list.component.html',
   styleUrl: './member-list.component.scss'
 })
-export class MemberListComponent implements OnInit, OnDestroy, AfterViewInit {
+export class MemberListComponent implements OnDestroy, AfterViewInit {
   dataSource: MatTableDataSource<UserTableEntry> = new MatTableDataSource<UserTableEntry>([]);
 
   selectedTeam$: BehaviorSubject<Team | undefined> = new BehaviorSubject<Team | undefined>(undefined);
@@ -35,8 +35,6 @@ export class MemberListComponent implements OnInit, OnDestroy, AfterViewInit {
     private readonly dialogService: DialogService
   ) {}
 
-  public ngOnInit(): void {}
-
   public ngAfterViewInit() {
     this.userService
       .getUsers()
@@ -97,8 +95,7 @@ export class MemberListComponent implements OnInit, OnDestroy, AfterViewInit {
     this.dialogService
       .openConfirmDialog('CONFIRMATION.DELETE.TEAM', data)
       .afterClosed()
-      .pipe(filter((confirm) => confirm),
-        mergeMap(() => this.teamService.deleteTeam(selectedTeam.id)))
+      .pipe(filter((confirm) => confirm), mergeMap(() => this.teamService.deleteTeam(selectedTeam.id)))
       .subscribe(() => {
         this.userService.reloadUsers();
         this.userService.reloadCurrentUser()
@@ -110,7 +107,7 @@ export class MemberListComponent implements OnInit, OnDestroy, AfterViewInit {
   addMemberToTeam() {
     const dialogRef = this.dialogService.open(AddMemberToTeamDialogComponent, {
       data: {
-        team: this.selectedTeam$.value!,
+        team: this.selectedTeam$.value,
         currentUsersOfTeam: this.dataSource.data
       }
     });
@@ -133,7 +130,7 @@ export class MemberListComponent implements OnInit, OnDestroy, AfterViewInit {
   }
 
   editTeam(): void {
-    const dialogRef = this.dialogService.open(AddEditTeamDialog, { data: { team: this.selectedTeam$.value } });
+    const dialogRef = this.dialogService.open(AddEditTeamDialogComponent, { data: { team: this.selectedTeam$.value } });
     dialogRef.afterClosed()
       .subscribe(() => this.cd.markForCheck());
   }
diff --git a/frontend/src/app/team-management/search-team-management/search-team-management.component.ts b/frontend/src/app/team-management/search-team-management/search-team-management.component.ts
index 47b9f13d8c..d4475ddd20 100644
--- a/frontend/src/app/team-management/search-team-management/search-team-management.component.ts
+++ b/frontend/src/app/team-management/search-team-management/search-team-management.component.ts
@@ -56,10 +56,7 @@ export class SearchTeamManagementComponent {
 
     this.search.valueChanges
       .pipe(
-        takeUntilDestroyed(),
-        debounceTime(200),
-        map((v) => (v ? v.trim() : '')),
-        distinctUntilChanged()
+        takeUntilDestroyed(), debounceTime(200), map((v) => (v ?? '').trim()), distinctUntilChanged()
       )
       .subscribe((searchValue) => {
         this.searchValue$.next(searchValue);
@@ -152,6 +149,6 @@ export class SearchTeamManagementComponent {
   }
 
   private formatText(value: string, text: string): string {
-    return value.replaceAll(new RegExp(`(${text})`, 'ig'), `<strong>$1</strong>`);
+    return value.replaceAll(new RegExp(`(${text})`, 'ig'), '<strong>$1</strong>');
   }
 }
diff --git a/frontend/src/app/team-management/team-list/team-list.component.spec.ts b/frontend/src/app/team-management/team-list/team-list.component.spec.ts
index 0578ad2dde..30bb277ff3 100644
--- a/frontend/src/app/team-management/team-list/team-list.component.spec.ts
+++ b/frontend/src/app/team-management/team-list/team-list.component.spec.ts
@@ -7,8 +7,6 @@ import { TeamListComponent } from './team-list.component';
 describe('TeamListComponent', () => {
   let component: TeamListComponent;
   let fixture: ComponentFixture<TeamListComponent>;
-  let teamService: TeamService;
-  let route: ActivatedRoute;
   const paramTeamId = 1;
 
   const teamServiceMock = {
@@ -36,8 +34,6 @@ describe('TeamListComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(TeamListComponent);
     component = fixture.componentInstance;
-    teamService = TestBed.inject(TeamService);
-    route = TestBed.inject(ActivatedRoute);
     fixture.detectChanges();
   });
 
diff --git a/frontend/src/app/team-management/team-management-banner/team-management-banner.component.spec.ts b/frontend/src/app/team-management/team-management-banner/team-management-banner.component.spec.ts
index 066774533a..cbcab692e4 100644
--- a/frontend/src/app/team-management/team-management-banner/team-management-banner.component.spec.ts
+++ b/frontend/src/app/team-management/team-management-banner/team-management-banner.component.spec.ts
@@ -2,7 +2,7 @@ import { TeamManagementBannerComponent } from './team-management-banner.componen
 import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { MatDialogModule } from '@angular/material/dialog';
 import { of } from 'rxjs';
-import { AddEditTeamDialog } from '../add-edit-team-dialog/add-edit-team-dialog.component';
+import { AddEditTeamDialogComponent } from '../add-edit-team-dialog/add-edit-team-dialog.component';
 import { SearchTeamManagementComponent } from '../search-team-management/search-team-management.component';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
@@ -61,6 +61,6 @@ describe('TeamManagementBannerComponent', () => {
     expect(dialogServiceMock.open)
       .toBeCalledTimes(1);
     expect(dialogServiceMock.open)
-      .toBeCalledWith(AddEditTeamDialog);
+      .toBeCalledWith(AddEditTeamDialogComponent);
   }));
 });
diff --git a/frontend/src/app/team-management/team-management-banner/team-management-banner.component.ts b/frontend/src/app/team-management/team-management-banner/team-management-banner.component.ts
index 38b8fa91a7..51806f85ae 100644
--- a/frontend/src/app/team-management/team-management-banner/team-management-banner.component.ts
+++ b/frontend/src/app/team-management/team-management-banner/team-management-banner.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { AddEditTeamDialog } from '../add-edit-team-dialog/add-edit-team-dialog.component';
+import { AddEditTeamDialogComponent } from '../add-edit-team-dialog/add-edit-team-dialog.component';
 import { DialogService } from '../../services/dialog.service';
 
 @Component({
@@ -9,13 +9,13 @@ import { DialogService } from '../../services/dialog.service';
   styleUrl: './team-management-banner.component.scss'
 })
 export class TeamManagementBannerComponent {
-  private dialogRef!: MatDialogRef<AddEditTeamDialog> | undefined;
+  private dialogRef!: MatDialogRef<AddEditTeamDialogComponent> | undefined;
 
   public constructor(private dialogService: DialogService) {}
 
   createTeam(): void {
     if (!this.dialogRef) {
-      this.dialogRef = this.dialogService.open(AddEditTeamDialog);
+      this.dialogRef = this.dialogService.open(AddEditTeamDialogComponent);
       this.dialogRef.afterClosed()
         .subscribe(() => {
           this.dialogRef = undefined;
diff --git a/frontend/src/app/team-management/team-management.module.ts b/frontend/src/app/team-management/team-management.module.ts
index f2402f6921..5f6d6af3a5 100644
--- a/frontend/src/app/team-management/team-management.module.ts
+++ b/frontend/src/app/team-management/team-management.module.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule, NgOptimizedImage } from '@angular/common';
 import { TeamManagementComponent } from './team-management.component';
 import { TeamManagementRoutingModule } from './team-management-routing.module';
-import { AddEditTeamDialog } from './add-edit-team-dialog/add-edit-team-dialog.component';
+import { AddEditTeamDialogComponent } from './add-edit-team-dialog/add-edit-team-dialog.component';
 import { SharedModule } from '../shared/shared.module';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -46,7 +46,7 @@ import { MatChip } from '@angular/material/chips';
 @NgModule({
   declarations: [
     TeamManagementComponent,
-    AddEditTeamDialog,
+    AddEditTeamDialogComponent,
     TeamManagementBannerComponent,
     TeamListComponent,
     MemberListComponent,
diff --git a/frontend/src/global.ts b/frontend/src/global.ts
index 5e6fc0210b..d3931b5156 100644
--- a/frontend/src/global.ts
+++ b/frontend/src/global.ts
@@ -5,9 +5,8 @@ declare global {
   }
 }
 
-String.prototype.format = function() {
-  const args = Array.from(arguments)
-    .flat();
+String.prototype.format = function(...args: any[]): string {
+  args = args.flat(Infinity);
   return this.replace(/{(\d+)}/g, function(match, index) {
     return typeof args[index] == 'undefined' ? match : args[index];
   });