From 08e3d38b1269501d383aee0015e31962776a7238 Mon Sep 17 00:00:00 2001
From: Yanick Minder <minder@puzzle.ch>
Date: Fri, 20 Dec 2024 15:35:27 +0100
Subject: [PATCH] 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
---
 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/teammanagement.cy.ts     |   6 +-
 frontend/cypress/support/commands.ts          |  34 +-
 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                    | 440 ++++++++++++++++--
 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-form.component.html            |   6 +-
 .../key-result-form.component.ts              |  27 +-
 .../keyresult-detail.component.html           |  11 +-
 .../keyresult-dialog.component.ts             |  21 +-
 .../keyresult-type.component.ts               |   9 +-
 .../keyresult/keyresult.component.html        |   2 +-
 .../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.html    |   2 +-
 .../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.service.ts |  34 +-
 .../interceptors/error.interceptor.spec.ts    |  63 ++-
 .../src/app/interceptors/oauth.interceptor.ts |  27 +-
 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       |  72 +--
 .../complete-dialog.component.html            |   4 +-
 .../complete-dialog.component.ts              |   7 +-
 .../example-dialog.component.spec.ts          |   2 +-
 .../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/sidepanel/sidepanel.component.ts   |   6 +-
 frontend/src/app/shared/types/menu-entry.ts   |  11 -
 .../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 +-
 85 files changed, 1127 insertions(+), 662 deletions(-)
 delete mode 100644 frontend/src/app/shared/types/menu-entry.ts

diff --git a/frontend/cypress/e2e/check-in.cy.ts b/frontend/cypress/e2e/check-in.cy.ts
index a725b088da..c53320ec5d 100644
--- a/frontend/cypress/e2e/check-in.cy.ts
+++ b/frontend/cypress/e2e/check-in.cy.ts
@@ -18,7 +18,7 @@ describe('OKR Check-in e2e tests', () => {
       cy.loginAsUser(users.gl);
     });
 
-    it(`Create checkin metric`, () => {
+    it('Create checkin metric', () => {
       overviewPage
         .addKeyResult()
         .fillKeyResultTitle('Very important keyresult')
@@ -40,7 +40,7 @@ describe('OKR Check-in e2e tests', () => {
       cy.contains('We bought a new house');
     });
 
-    it(`Create checkin metric with confidence 0`, () => {
+    it('Create checkin metric with confidence 0', () => {
       overviewPage
         .addKeyResult()
         .fillKeyResultTitle('Very important keyresult')
@@ -62,7 +62,7 @@ describe('OKR Check-in e2e tests', () => {
       cy.contains('We bought a new house');
     });
 
-    it(`Create checkin metric with value below baseline`, () => {
+    it('Create checkin metric with value below baseline', () => {
       overviewPage
         .addKeyResult()
         .fillKeyResultTitle('This will not be good')
@@ -250,7 +250,7 @@ describe('OKR Check-in e2e tests', () => {
       cy.contains('STRETCH');
     });
 
-    it(`Should display confirm dialog when creating checkin on draft objective`, () => {
+    it('Should display confirm dialog when creating checkin on draft objective', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('draft objective title')
         .selectQuarter('3')
@@ -271,7 +271,7 @@ describe('OKR Check-in e2e tests', () => {
         .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 checkin is present`, () => {
+    it('Should only display last value div if last checkin is present', () => {
       const objectiveName = uniqueSuffix('new objective');
 
       overviewPage.addObjective()
@@ -312,8 +312,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 f14d53ba52..8772db6b35 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 e2e tests', () => {
     cy.loginAsUser(users.gl);
   });
 
-  it(`Create Objective in backlog quarter should not have save button`, () => {
+  it('Create Objective in backlog quarter should not have save button', () => {
     overviewPage
       .addObjective()
       .fillObjectiveTitle('Objective in quarter backlog')
@@ -27,7 +27,7 @@ describe('OKR Objective Backlog e2e tests', () => {
     cy.contains('Objective in quarter backlog');
   });
 
-  it(`Edit Objective and move to backlog`, () => {
+  it('Edit Objective and move to backlog', () => {
     overviewPage.addObjective()
       .fillObjectiveTitle('Move to another quarter on edit')
       .submitDraftObjective();
@@ -50,7 +50,7 @@ describe('OKR Objective Backlog e2e tests', () => {
     cy.contains('This goes now to backlog');
   });
 
-  it(`Edit ongoing Objective can not choose backlog in quarter select`, () => {
+  it('Edit ongoing Objective can not choose backlog in quarter select', () => {
     overviewPage.addObjective()
       .fillObjectiveTitle('We can not move this to backlog')
       .submit();
@@ -67,7 +67,7 @@ describe('OKR Objective Backlog e2e tests', () => {
       .should('not.contain', 'Backlog');
   });
 
-  it(`Can release Objective to another quarter from backlog`, () => {
+  it('Can 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 e2e tests', () => {
     cy.contains('This is our first released objective');
   });
 
-  it(`Can edit Objective title in backlog`, () => {
+  it('Can edit Objective title in backlog', () => {
     overviewPage.visitBacklogQuarter();
     overviewPage.addObjective()
       .fillObjectiveTitle('This is possible for edit')
@@ -124,7 +124,7 @@ describe('OKR Objective Backlog e2e tests', () => {
     overviewPage.getObjectiveByNameAndState('My new title', 'draft');
   });
 
-  it(`Can edit Objective in backlog and change quarter`, () => {
+  it('Can 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 e2e tests', () => {
     overviewPage.getObjectiveByNameAndState('This goes to other quarter later', 'draft');
   });
 
-  it(`Can duplicate in backlog`, () => {
+  it('Can duplicate in backlog', () => {
     overviewPage.visitBacklogQuarter();
     overviewPage.addObjective()
       .fillObjectiveTitle('Ready for duplicate in backlog')
@@ -189,7 +189,7 @@ describe('OKR Objective Backlog e2e tests', () => {
       .should('exist');
   });
 
-  it(`Can duplicate ongoing Objective to backlog`, () => {
+  it('Can 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 c2af9c5754..236a8b90f7 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(`Create objective, no keyresults`, () => {
+    it('Create objective, no keyresults', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle(objectiveTitle)
         .selectQuarter('3');
@@ -32,7 +32,7 @@ describe('CRUD operations', () => {
     });
   });
 
-  it(`Create objective, should display error message`, () => {
+  it('Create objective, should display error message', () => {
     overviewPage.addObjective();
     cy.getByTestId('title')
       .first()
@@ -47,7 +47,7 @@ describe('CRUD operations', () => {
       .should('not.be.disabled');
   });
 
-  it(`Create objective, cancel`, () => {
+  it('Create objective, cancel', () => {
     const objectiveTitle = 'this is a canceled objective';
     overviewPage.addObjective()
       .selectQuarter('3')
@@ -57,7 +57,7 @@ describe('CRUD operations', () => {
       .should('not.exist');
   });
 
-  it(`Delete existing objective`, () => {
+  it('Delete existing objective', () => {
     overviewPage.getFirstObjective()
       .findByTestId('three-dot-menu')
       .click();
@@ -69,7 +69,7 @@ describe('CRUD operations', () => {
       .submit();
   });
 
-  it(`Open objective aside via click`, () => {
+  it('Open objective aside via click', () => {
     overviewPage.getFirstObjective()
       .find('.title')
       .click();
@@ -77,7 +77,7 @@ describe('CRUD operations', () => {
       .should('include', 'objective');
   });
 
-  it(`update objective`, () => {
+  it('update objective', () => {
     const updatedTitle = 'This is an updated title';
     overviewPage.getFirstObjective()
       .findByTestId('three-dot-menu')
@@ -90,7 +90,7 @@ describe('CRUD operations', () => {
       .should('exist');
   });
 
-  it(`Duplicate objective`, () => {
+  it('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 b7dec8295e..1ac6b70e5d 100644
--- a/frontend/cypress/e2e/objective.cy.ts
+++ b/frontend/cypress/e2e/objective.cy.ts
@@ -11,7 +11,7 @@ describe('OKR Objective e2e tests', () => {
   });
 
   describe('tests via click', () => {
-    it(`Release Objective from Draft to Ongoing`, () => {
+    it('Release Objective from Draft to Ongoing', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('A objective in state draft')
         .submitDraftObjective();
@@ -31,7 +31,7 @@ describe('OKR Objective e2e tests', () => {
         .should('exist');
     });
 
-    it(`Complete Objective with Successful`, () => {
+    it('Complete Objective with Successful', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('We want to complete this successful')
         .submit();
@@ -58,7 +58,7 @@ describe('OKR Objective e2e tests', () => {
       overviewPage.getObjectiveByNameAndState('We want to complete this successful', 'successful');
     });
 
-    it(`Complete Objective with Not-Successful`, () => {
+    it('Complete Objective with Not-Successful', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('A not successful objective')
         .submit();
@@ -84,7 +84,7 @@ describe('OKR Objective e2e tests', () => {
       overviewPage.getObjectiveByNameAndState('A not successful objective', 'not-successful');
     });
 
-    it(`Reopen Successful Objective`, () => {
+    it('Reopen Successful Objective', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('This objective will be reopened after')
         .submit();
@@ -119,7 +119,7 @@ describe('OKR Objective e2e tests', () => {
         .should('exist');
     });
 
-    it(`Cancel Reopen Successful Objective`, () => {
+    it('Cancel Reopen Successful Objective', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('The reopening of this objective will be canceled')
         .submit();
@@ -198,7 +198,7 @@ describe('OKR Objective e2e tests', () => {
         .should('exist');
     });
 
-    it(`Search for Objective`, () => {
+    it('Search for Objective', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('Search after this objective')
         .submit();
@@ -258,7 +258,7 @@ describe('OKR Objective e2e tests', () => {
         .should('not.exist');
     });
 
-    it(`Create Objective in other quarter`, () => {
+    it('Create Objective in other quarter', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('Objective in quarter 3')
         .selectQuarter('3')
@@ -272,7 +272,7 @@ describe('OKR Objective e2e tests', () => {
       cy.contains('Objective in quarter 3');
     });
 
-    it(`Edit Objective and move to other quarter`, () => {
+    it('Edit Objective and move to other quarter', () => {
       overviewPage.addObjective()
         .fillObjectiveTitle('Move to another quarter on edit')
         .submit();
@@ -296,7 +296,7 @@ describe('OKR Objective e2e tests', () => {
   });
 
   describe('tests via keyboard', () => {
-    it(`Open objective aside via enter`, () => {
+    it('Open objective aside via enter', () => {
       cy.getByTestId('objective')
         .first()
         .find('[tabindex]')
diff --git a/frontend/cypress/e2e/teammanagement.cy.ts b/frontend/cypress/e2e/teammanagement.cy.ts
index 07432f14fc..f9ca5bfbef 100644
--- a/frontend/cypress/e2e/teammanagement.cy.ts
+++ b/frontend/cypress/e2e/teammanagement.cy.ts
@@ -304,7 +304,7 @@ describe('Team management tests', () => {
           return true;
         })
         .then(() => {
-          expect(foundEsha).to.be.true;
+          expect(foundEsha).to.equal(true);
         });
     });
 
@@ -461,7 +461,7 @@ describe('Team management tests', () => {
             .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('Team management tests', () => {
 
       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 44e1c93e5a..825531899a 100644
--- a/frontend/cypress/support/commands.ts
+++ b/frontend/cypress/support/commands.ts
@@ -1,6 +1,6 @@
 import { validateScoring } from './helper/scoringSupport';
 import { keyCodeDefinitions } from 'cypress-real-events/keyCodeDefinitions';
-import { pressUntilContains, doUntilSelector } from './helper/utils';
+import { doUntilSelector, pressUntilContains } from './helper/utils';
 import Chainable = Cypress.Chainable;
 
 Cypress.Commands.add('loginAsUser', (user: any) => {
@@ -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);
@@ -66,8 +64,12 @@ function loginWithCredentials(username: string, password: string) {
   cy.visit('/');
   cy.intercept('GET', '**/users/current')
     .as('getCurrentUser');
-  cy.origin(Cypress.env('login_url'), { args: { username,
-    password } }, ({ username, password }) => {
+  cy.origin(Cypress.env('login_url'), {
+    args: {
+      username,
+      password
+    }
+  }, ({ username, password }) => {
     cy.get('input[name="username"]')
       .type(username);
     cy.get('input[name="password"]')
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 36bb077a4a..577a4627f7 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, onOverview = true): this {
     if (onOverview) {
diff --git a/frontend/cypress/support/helper/dom-helper/pages/overviewPage.ts b/frontend/cypress/support/helper/dom-helper/pages/overviewPage.ts
index 7e302c890b..3ca643b988 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 26f879b242..db4c09294e 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",
@@ -3808,9 +3866,9 @@
       }
     },
     "node_modules/@inquirer/figures": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.8.tgz",
-      "integrity": "sha512-tKd+jsmhq21AP1LhexC0pPwsCxEhGgAkg28byjJAd+xhmIs8LUX8JbUc3vBf3PhLxWiB5EvyBE5X7JSPAqMAqg==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.9.tgz",
+      "integrity": "sha512-BXvGj0ehzrngHTPTDqUoDT3NXL8U0RxUk2zJm2A66RhCEIWdtU1v6GuUqNAgArW4PQ9CinqIWyHdQgdwOj06zQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -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",
@@ -9107,9 +9185,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.74",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.74.tgz",
-      "integrity": "sha512-ck3//9RC+6oss/1Bh9tiAVFy5vfSKbRHAFh7Z3/eTRkEqJeWgymloShB17Vg3Z4nmDNp35vAd1BZ6CMW4Wt6Iw==",
+      "version": "1.5.75",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.75.tgz",
+      "integrity": "sha512-Lf3++DumRE/QmweGjU+ZcKqQ+3bKkU/qjaKYhIJKEOhgIO9Xs6IiAQFkfFoj+RhgDk4LUeNsLo6plExHqSyu6Q==",
       "dev": true,
       "license": "ISC"
     },
@@ -9189,9 +9267,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
-      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz",
+      "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==",
       "dev": true,
       "license": "MIT",
       "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",
@@ -11229,9 +11453,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.0.tgz",
-      "integrity": "sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==",
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -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",
@@ -13448,9 +13807,9 @@
       }
     },
     "node_modules/memfs": {
-      "version": "4.15.0",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.15.0.tgz",
-      "integrity": "sha512-q9MmZXd2rRWHS6GU3WEm3HyiXZyyoA1DqdOhEq0lxPBmKb5S7IAOwX0RgUCwJfqjelDCySa5h8ujOy24LqsWcw==",
+      "version": "4.15.1",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.15.1.tgz",
+      "integrity": "sha512-ufCzgFwiVnR6R9cCYuvwznJdhdYXEvFl0hpnM4cCtVaVkHuqBR+6fo2sqt1SSMdp+uiHw9GyPZr3OMM5tqjSmQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -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",
@@ -17170,22 +17542,22 @@
       "license": "MIT"
     },
     "node_modules/tldts": {
-      "version": "6.1.68",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.68.tgz",
-      "integrity": "sha512-JKF17jROiYkjJPT73hUTEiTp2OBCf+kAlB+1novk8i6Q6dWjHsgEjw9VLiipV4KTJavazXhY1QUXyQFSem2T7w==",
+      "version": "6.1.69",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.69.tgz",
+      "integrity": "sha512-Oh/CqRQ1NXNY7cy9NkTPUauOWiTro0jEYZTioGbOmcQh6EC45oribyIMJp0OJO3677r13tO6SKdWoGZUx2BDFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tldts-core": "^6.1.68"
+        "tldts-core": "^6.1.69"
       },
       "bin": {
         "tldts": "bin/cli.js"
       }
     },
     "node_modules/tldts-core": {
-      "version": "6.1.68",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.68.tgz",
-      "integrity": "sha512-85TdlS/DLW/gVdf2oyyzqp3ocS30WxjaL4la85EArl9cHUR/nizifKAJPziWewSZjDZS71U517/i6ciUeqtB5Q==",
+      "version": "6.1.69",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.69.tgz",
+      "integrity": "sha512-nygxy9n2PBUFQUtAXAc122gGo+04/j5qr5TGQFZTHafTKYvmARVXt2cA5rgero2/dnXUfkdPtiJoKmrd3T+wdA==",
       "dev": true,
       "license": "MIT"
     },
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 3d1bda7afb..1560f812d3 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 5259e2c93e..7d733991ac 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 8498b4133d..36b0cb5d76 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 b1e1343eb5..5c8398913f 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
@@ -74,6 +74,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 = {
@@ -83,6 +84,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;
   }
@@ -138,8 +140,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 f29a6e0b80..867eddf454 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.edit = 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-form/key-result-form.component.html b/frontend/src/app/components/key-result-form/key-result-form.component.html
index 1697565fe0..50c1dbe270 100644
--- a/frontend/src/app/components/key-result-form/key-result-form.component.html
+++ b/frontend/src/app/components/key-result-form/key-result-form.component.html
@@ -15,11 +15,7 @@
     </div>
   </div>
 
-  <app-keyresult-type
-    (formValidityEmitter)="updateFormValidity()"
-    [keyresult]="keyResult"
-    [keyResultForm]="keyResultForm"
-  ></app-keyresult-type>
+  <app-keyresult-type [keyresult]="keyResult" [keyResultForm]="keyResultForm"></app-keyresult-type>
 
   <div class="okr-form-row okr-form-label-input-container">
     <label class="okr-form-label okr-form-col" for="owner">Owner</label>
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 9f5fb36f00..32bbc076f3 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
@@ -38,13 +38,12 @@ export class KeyResultFormComponent implements OnInit, OnDestroy {
 
   constructor(public userService: UserService,
     private oauthService: OAuthService,
-    private translate: TranslateService) {}
+    private translate: TranslateService) {
+  }
 
   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);
@@ -58,24 +57,30 @@ export class KeyResultFormComponent implements OnInit, OnDestroy {
       this.actionList$ = new BehaviorSubject<Action[] | null>(this.keyResult.actionList);
     }
     if (!this.keyResult) {
-      this.actionList$ = new BehaviorSubject<Action[] | null>([{ id: null,
+      this.actionList$ = new BehaviorSubject<Action[] | null>([{
+        id: null,
         version: 1,
         action: '',
         priority: 0,
         keyResultId: null,
-        isChecked: false },
-      { id: null,
+        isChecked: false
+      },
+      {
+        id: null,
         version: 1,
         action: '',
         priority: 1,
         keyResultId: null,
-        isChecked: false },
-      { id: null,
+        isChecked: false
+      },
+      {
+        id: null,
         version: 1,
         action: '',
         priority: 2,
         keyResultId: null,
-        isChecked: false }]);
+        isChecked: false
+      }]);
 
       this.users$.pipe(takeUntil(this.unsubscribe$))
         .subscribe((users) => {
@@ -147,8 +152,6 @@ export class KeyResultFormComponent implements OnInit, OnDestroy {
     return this.keyResult ? this.keyResult.id : null;
   }
 
-  updateFormValidity() {}
-
   getLoggedInUserName() {
     return this.getUserNameFromUser(this.userService.getCurrentUser());
   }
diff --git a/frontend/src/app/components/keyresult-detail/keyresult-detail.component.html b/frontend/src/app/components/keyresult-detail/keyresult-detail.component.html
index f0d14bda8a..f4a7ae1eb6 100644
--- a/frontend/src/app/components/keyresult-detail/keyresult-detail.component.html
+++ b/frontend/src/app/components/keyresult-detail/keyresult-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="keyResult-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/keyresult-dialog/keyresult-dialog.component.ts b/frontend/src/app/components/keyresult-dialog/keyresult-dialog.component.ts
index af9422eb4e..986e552522 100644
--- a/frontend/src/app/components/keyresult-dialog/keyresult-dialog.component.ts
+++ b/frontend/src/app/components/keyresult-dialog/keyresult-dialog.component.ts
@@ -35,12 +35,15 @@ export class KeyresultDialogComponent {
   });
 
   constructor(
-    @Inject(MAT_DIALOG_DATA) public data: { objective: Objective;
-      keyResult: KeyResult; },
+    @Inject(MAT_DIALOG_DATA) public data: {
+      objective: Objective;
+      keyResult: KeyResult;
+    },
     private keyResultService: KeyresultService,
     public dialogService: DialogService,
     public dialogRef: MatDialogRef<KeyresultDialogComponent>
-  ) {}
+  ) {
+  }
 
   isMetricKeyResult() {
     return this.keyResultForm.controls['keyResultType'].value === 'metric';
@@ -49,11 +52,15 @@ export class KeyresultDialogComponent {
   saveKeyResult(openNewDialog = false) {
     const value = this.keyResultForm.value;
     const keyResult = this.isMetricKeyResult()
-      ? ({ ...value,
-        objective: this.data.objective } as KeyResultMetricDTO)
-      : ({ ...value,
+      ? {
+        ...value,
+        objective: this.data.objective
+      } as KeyResultMetricDTO
+      : {
+        ...value,
         objective: this.data.objective,
-        id: this.data.keyResult?.id } as KeyResultOrdinalDTO);
+        id: this.data.keyResult?.id
+      } as KeyResultOrdinalDTO;
     keyResult.id = this.data.keyResult?.id;
     keyResult.version = this.data.keyResult?.version!;
     keyResult.actionList = keyResult.actionList!.filter((action: Action) => action.action !== '');
diff --git a/frontend/src/app/components/keyresult-type/keyresult-type.component.ts b/frontend/src/app/components/keyresult-type/keyresult-type.component.ts
index e988cef30f..8ce304db71 100644
--- a/frontend/src/app/components/keyresult-type/keyresult-type.component.ts
+++ b/frontend/src/app/components/keyresult-type/keyresult-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/keyresult/keyresult.component.html b/frontend/src/app/components/keyresult/keyresult.component.html
index 6aa06cd6b1..8280b76f8d 100644
--- a/frontend/src/app/components/keyresult/keyresult.component.html
+++ b/frontend/src/app/components/keyresult/keyresult.component.html
@@ -15,7 +15,7 @@ <h3 class="linebreak mb-3">{{ keyResult.title }}</h3>
     <div class="d-flex justify-content-center align-items-center flex-wrap">
       <h4 class="text-nowrap me-2">Letztes Check-in</h4>
       <span class="keyResult-attribute-show">{{
-        getKeyResultWithCorrectType().lastCheckIn == null
+        getKeyResultWithCorrectType().lastCheckIn === null
         ? "Keines"
         : (getKeyResultWithCorrectType().lastCheckIn!.createdOn | date: DATE_FORMAT)
         }}</span>
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 d571c2477d..a8dc50cc5c 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.writeable"
             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 e51aef2418..8a23a5fbc9 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 4d75cf23f8..6b57c2c406 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 queryparams',
-    async(
-      query: string, quarterParam?: number, teamsParam?: number[], objectiveQueryParam?: 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, objectiveQueryParam);
-      expect(component.loadOverview)
-        .toHaveBeenCalledWith(quarterParam, teamsParam, objectiveQueryParam);
-    });
+  ])('should load overview based on queryparams', async(
+    query: string, quarterParam?: number, teamsParam?: number[], objectiveQueryParam?: 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, objectiveQueryParam);
+    expect(component.loadOverview)
+      .toHaveBeenCalledWith(quarterParam, teamsParam, objectiveQueryParam);
+  });
 
   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.html b/frontend/src/app/components/team-filter/team-filter.component.html
index 25c9aa1bcc..4052bd00e7 100644
--- a/frontend/src/app/components/team-filter/team-filter.component.html
+++ b/frontend/src/app/components/team-filter/team-filter.component.html
@@ -2,7 +2,7 @@
   <button (click)="toggleAll()" class="icon-button focus-outline mt-1 me-1">
     <mat-chip
       [attr.data-testId]="'team-filter-alle'"
-      [highlighted]="activeTeams.length == (this.teams$ | async)?.length"
+      [highlighted]="activeTeams.length === (this.teams$ | async)?.length"
       color="primary"
     >
       <p>Alle</p>
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 acfde2bc6e..66d00871af 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 6e86c8f7fb..5b83190569 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.service.ts b/frontend/src/app/interceptors/error-interceptor.service.ts
index 23ad72a6b9..6b1279fa1e 100644
--- a/frontend/src/app/interceptors/error-interceptor.service.ts
+++ b/frontend/src/app/interceptors/error-interceptor.service.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/error.interceptor.spec.ts b/frontend/src/app/interceptors/error.interceptor.spec.ts
index ca08601121..8131a8896e 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'
-  ]])('handleSuccessToaster should show toaster ',
-    (
-      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 });
+  ]])('handleSuccessToaster should show toaster ', (
+    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',
@@ -302,15 +301,14 @@ describe('ErrorInterceptor', () => {
     false],
   ['http://localhost:4200/',
     'http://habasch:4200/objecive/1',
-    false]])('checkIfSuccessToasterIsShown should work as intended',
-    (currentURL: string, requestURL: string, result: boolean) => {
-      const requestMock = { url: requestURL };
-      window.location.assign(currentURL);
+    false]])('checkIfSuccessToasterIsShown should work as intended', (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')
@@ -335,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/oauth.interceptor.ts b/frontend/src/app/interceptors/oauth.interceptor.ts
index 28934d09fc..b1a99afb58 100644
--- a/frontend/src/app/interceptors/oauth.interceptor.ts
+++ b/frontend/src/app/interceptors/oauth.interceptor.ts
@@ -15,20 +15,19 @@ 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);
-        // .pipe(catchError((err) => this.errorHandler.handleError(err)));
-        }));
+        return next.handle(req);
+        /*
+         * Todo add error handling
+         * .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 e425387c66..bf6dc74a85 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('createUsers should call createAll and reloadUsers', 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 03cf5ed3f8..d27ed2209d 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 7c331b9f75..ff4c6523b6 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 5912d506c7..8855a7850d 100644
--- a/frontend/src/app/shared/custom/scoring/scoring.component.ts
+++ b/frontend/src/app/shared/custom/scoring/scoring.component.ts
@@ -70,15 +70,23 @@ export class ScoringComponent implements OnInit, AfterViewInit, OnChanges {
   }
 
   ngAfterViewInit(): void {
-    // Define width of scoring elements
+    /*
+     * Define width of scoring elements
+     * All checked individually because that if one is undefined, the others can still be set
+     */
     this.failElement!.nativeElement.style.width = this.failPercent + '%';
+
     this.commitElement!.nativeElement.style.width = this.commitPercent + '%';
+
     this.targetElement!.nativeElement.style.width = this.targetPercent + '%';
 
-    if (this.valueLabel != undefined && this.keyResult.keyResultType == 'metric') {
+
+    if (this.keyResult.keyResultType === 'metric') {
       this.labelPercentage.subscribe((value) => {
-        this.valueLabel!.nativeElement.style.width = value + '%';
-        this.changeDetectionRef.detectChanges();
+        if (this.valueLabel) {
+          this.valueLabel.nativeElement.style.width = value + '%';
+          this.changeDetectionRef.detectChanges();
+        }
       });
     }
 
@@ -125,36 +133,42 @@ export class ScoringComponent implements OnInit, AfterViewInit, OnChanges {
       const keyResultMetric: KeyResultMetricMin = this.castToMetric();
       const percentage = calculateCurrentPercentage(keyResultMetric);
       this.labelPercentage = of(percentage);
-      if (percentage < 30) {
-        this.stretched = false;
-        this.failPercent = (100 / 30) * percentage;
-      } else if (percentage < 70) {
-        this.stretched = false;
-        this.failPercent = 100;
-        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);
-      } else if (percentage >= 100) {
-        this.stretched = true;
+      switch (true) {
+        case percentage < 30:
+          this.stretched = false;
+          this.failPercent = 100 / 30 * percentage;
+          break;
+        case percentage < 70:
+          this.stretched = false;
+          this.failPercent = 100;
+          this.commitPercent = 100 / 40 * (percentage - 30);
+          break;
+        case percentage < 100:
+          this.stretched = false;
+          this.failPercent = 100;
+          this.commitPercent = 100;
+          this.targetPercent = 100 / 30 * (percentage - 70);
+          break;
+        case percentage >= 100:
+          this.stretched = true;
+          break;
       }
     }
   }
 
   getScoringColorClassAndSetBorder(): string | null {
-    if (this.targetPercent > 100) {
-      return 'score-stretch';
-    } 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')) {
-      return 'score-yellow';
-    } else if (this.failPercent >= 3.3333) {
-      // 3.3333% because if lower fail is not visible in overview and we display !
-      return 'score-red';
-    } else {
-      return null;
+    switch (true) {
+      case this.targetPercent > 100:
+        return 'score-stretch';
+      case this.targetPercent > 0 || this.commitPercent === 100 && this.keyResult.keyResultType === 'metric':
+        return 'score-green';
+      case this.commitPercent > 0 || this.failPercent === 100 && this.keyResult.keyResultType === 'metric':
+        return 'score-yellow';
+      case this.failPercent >= 3.3333:
+        // 3.3333% because if lower fail is not visible in overview and we display !
+        return 'score-red';
+      default:
+        return null;
     }
   }
 
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/example-dialog/example-dialog.component.spec.ts b/frontend/src/app/shared/dialog/example-dialog/example-dialog.component.spec.ts
index bc1410f763..abe9d93312 100644
--- a/frontend/src/app/shared/dialog/example-dialog/example-dialog.component.spec.ts
+++ b/frontend/src/app/shared/dialog/example-dialog/example-dialog.component.spec.ts
@@ -103,7 +103,7 @@ describe('ExampleDialogComponent', () => {
             selectOptions[0].click();
             advance();
             selectOptions[0].getText()
-              .then((value) => (option = value));
+              .then((value) => option = value);
           });
       }));
 
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 760968a1c1..5fe03c1621 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,
-              writeable: 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,
+            writeable: 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 86a5f6bbad..3bb3d2cb2e 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
@@ -47,7 +47,7 @@ describe('UnitTransformationPipe', () => {
   it('should format as Number', () => {
     const pipe = new UnitTransformationPipe();
     expect(pipe.transform(38000, Unit.NUMBER))
-      .toBe("38'000");
+      .toBe('38\'000');
   });
 
   it('should format as CHF as double value', () => {
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/sidepanel/sidepanel.component.ts b/frontend/src/app/shared/sidepanel/sidepanel.component.ts
index 124725eac0..5732df0f81 100644
--- a/frontend/src/app/shared/sidepanel/sidepanel.component.ts
+++ b/frontend/src/app/shared/sidepanel/sidepanel.component.ts
@@ -5,7 +5,6 @@ import {
   Component,
   ElementRef,
   OnDestroy,
-  OnInit,
   ViewChild
 } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -17,9 +16,10 @@ import { ConnectedPosition } from '@angular/cdk/overlay'; // ESM
   styleUrls: ['./sidepanel.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class SidepanelComponent implements OnInit, AfterContentInit, OnDestroy {
+export class SidepanelComponent implements AfterContentInit, OnDestroy {
   leaveKeys = ['Escape'];
 
+
   right = '-100%';
 
   loaded = false;
@@ -38,8 +38,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/shared/types/menu-entry.ts b/frontend/src/app/shared/types/menu-entry.ts
deleted file mode 100644
index 83339960c9..0000000000
--- a/frontend/src/app/shared/types/menu-entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ComponentType } from '@angular/cdk/overlay';
-
-export interface MenuEntry {
-  displayName: string;
-  dialog?: {
-    dialog: ComponentType<any>;
-    data: any;
-  };
-  route?: string;
-  action?: string;
-}
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 032d4f5208..1f2122c7ec 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 4ecb860cb7..74daf8a4df 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 2a06fc1cdf..37a116f676 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 c61c8be9fc..b0dbcd3e19 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.writeable);
-        }));
+      .pipe(takeUntil(this.unsubscribe$), map((teams) => {
+        return teams.filter((t) => t.writeable);
+      }));
 
     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 58ddf7fad1..c5f02577df 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 = `${getFullNameFromUser(this.user)} ist in folgenden Teams und kann daher nicht gelöscht werden: ${this.dialogDetailsUserTeams()}`;
       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 = `${getFullNameFromUser(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 ${getFullNameFromUser(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 ${getFullNameFromUser(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 b338e4cf44..9522cd34df 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 995decf6a9..97d77e427f 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 1a1e7cd2ba..0f8319337a 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 dc06fe2ddc..cb426481b6 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 2b2f264691..7451efb924 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 e692b77021..8ed5a50229 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];
   });