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