diff --git a/code_quality.js b/code_quality.js
index b14c36e77a..0387648783 100644
--- a/code_quality.js
+++ b/code_quality.js
@@ -3,6 +3,7 @@ const prettier = require('prettier');
 const prettierConfig = require('./prettier_config.json');
 const codeQualityConfig = require('./package.json').codeQuality || {};
 const path = require('path');
+const { exec } = require('child_process');
 
 const fs = require('fs');
 const { ESLint } = require('eslint');
@@ -17,54 +18,54 @@ const ansiup = new AnsiUp();
  * @returns {[]}: list of files (absolut path)
  */
 const getAllFiles = () => {
-   const options = getOptions();
-   if (!options.sourcePaths) {
-      return getAllFilesRecoursive(__dirname);
-   }
-   const sourcePaths = getSourcePaths(options.sourcePaths);
-   let results = [];
-   sourcePaths.forEach(sourcePath => {
-      const files = getAllFilesRecoursive(sourcePath);
-      results = results.concat(files);
-   });
-   return results;
+  const options = getOptions();
+  if (!options.sourcePaths) {
+    return getAllFilesRecoursive(__dirname);
+  }
+  const sourcePaths = getSourcePaths(options.sourcePaths);
+  let results = [];
+  sourcePaths.forEach(sourcePath => {
+    const files = getAllFilesRecoursive(sourcePath);
+    results = results.concat(files);
+  });
+  return results;
 };
 
 const getSourcePaths = sourcePaths => {
-   return sourcePaths.split(',').map(sourcePath => path.resolve(__dirname, ...sourcePath.split('/')));
+  return sourcePaths.split(',').map(sourcePath => path.resolve(__dirname, ...sourcePath.split('/')));
 };
 
 const getAllFilesRecoursive = dir => {
-   let results = [];
-   const list = fs.readdirSync(dir);
-   list.forEach(function (file) {
-      file = dir + '/' + file;
-      const stat = fs.statSync(file);
-      if (fileToExclude(file, stat)) {
-         return [];
-      }
-      if (stat && stat.isDirectory()) {
-         /* Recurse into a subdirectory */
-         results = results.concat(getAllFilesRecoursive(file));
-      } else {
-         /* Is a file */
-         results.push(file);
-      }
-   });
-   return results;
+  let results = [];
+  const list = fs.readdirSync(dir);
+  list.forEach(function(file) {
+    file = dir + '/' + file;
+    const stat = fs.statSync(file);
+    if (fileToExclude(file, stat)) {
+      return [];
+    }
+    if (stat && stat.isDirectory()) {
+      /* Recurse into a subdirectory */
+      results = results.concat(getAllFilesRecoursive(file));
+    } else {
+      /* Is a file */
+      results.push(file);
+    }
+  });
+  return results;
 };
 
 const fileToExclude = (file, stat) => {
-   if (stat && stat.isDirectory()) {
-      return (
-         file.endsWith('node_modules') ||
-         file.indexOf('.git') !== -1 ||
-         file.indexOf('/dist/') !== -1 ||
-         file.indexOf('\\dist\\') !== -1
-      );
-   }
-   const fileName = path.basename(file);
-   return /(.git|.min.css|.min.js)$/.test(fileName);
+  if (stat && stat.isDirectory()) {
+    return (
+      file.endsWith('node_modules') ||
+      file.indexOf('.git') !== -1 ||
+      file.indexOf('/dist/') !== -1 ||
+      file.indexOf('\\dist\\') !== -1
+    );
+  }
+  const fileName = path.basename(file);
+  return /(.git|.min.css|.min.js)$/.test(fileName);
 };
 
 /**
@@ -72,8 +73,8 @@ const fileToExclude = (file, stat) => {
  * @returns {Promise<*>}: promise wiht list of files.
  */
 const getChangedFiles = async () => {
-   const committedGitFiles = await gitChangedFiles();
-   return committedGitFiles.unCommittedFiles.filter(file => fs.existsSync(file) && !file.endsWith('package-lock.json'));
+  const committedGitFiles = await gitChangedFiles();
+  return committedGitFiles.unCommittedFiles.filter(file => fs.existsSync(file) && !file.endsWith('package-lock.json'));
 };
 
 /**
@@ -82,22 +83,22 @@ const getChangedFiles = async () => {
  * @returns {key: 'File extension:, value: Array of file absolute paths}
  */
 const groupFilesByExtension = files => {
-   return files.reduce((map, file) => {
-      try {
-         if (file.startsWith('./') || file.indexOf('.') === -1) {
-            return map;
-         }
-
-         const extension = file.substring(file.lastIndexOf('.') + 1).toLowerCase();
-         const array = map[extension] || [];
-         array.push(file);
-         map[extension] = array;
-         return map;
-      } catch (e) {
-         console.error('error --> ', e);
-         return {};
+  return files.reduce((map, file) => {
+    try {
+      if (file.startsWith('./') || file.indexOf('.') === -1) {
+        return map;
       }
-   }, {});
+
+      const extension = file.substring(file.lastIndexOf('.') + 1).toLowerCase();
+      const array = map[extension] || [];
+      array.push(file);
+      map[extension] = array;
+      return map;
+    } catch (e) {
+      console.error('error --> ', e);
+      return {};
+    }
+  }, {});
 };
 
 /**
@@ -106,17 +107,17 @@ const groupFilesByExtension = files => {
  * @param config: configuration that will be used to prettier the file.
  */
 const prettifyFile = (file, config) => {
-   try {
-      const text = fs.readFileSync(file).toString();
-      const pretty = prettier.format(text, config);
-      if (text === pretty) {
-         return;
-      }
-      console.log('Running prettier the file ' + file);
-      fs.writeFileSync(file, pretty);
-   } catch (error) {
-      console.log('Error in prettier the file ' + file + ': \n' + error);
-   }
+  try {
+    const text = fs.readFileSync(file).toString();
+    const pretty = prettier.format(text, config);
+    if (text === pretty) {
+      return;
+    }
+    console.log('Running prettier on the file: ' + file);
+    fs.writeFileSync(file, pretty);
+  } catch (error) {
+    console.log('Error in running prettier the file ' + file + ': \n' + error);
+  }
 };
 
 /**
@@ -124,22 +125,20 @@ const prettifyFile = (file, config) => {
  * @param filesByExtension: we pass a Map json object where the key is the extension, value is an Array with absolute file paths
  */
 const prettifyFiles = filesByExtension => {
-   if (!codeQualityConfig.usePrettier) {
-      return; // no need to use pretty;
-   }
-   Object.keys(filesByExtension).forEach(extension => {
-      const files = filesByExtension[extension];
-      const config = prettierConfig[extension];
-      if (!config) {
-         console.log(
-            "We don't have any configuration for extension " +
-               extension +
-               ', please add it in file prettier_config.json'
-         );
-         return;
-      }
-      files.forEach(file => prettifyFile(file, config));
-   });
+  if (!codeQualityConfig.usePrettier) {
+    return; // no need to use pretty;
+  }
+  Object.keys(filesByExtension).forEach(extension => {
+    const files = filesByExtension[extension];
+    const config = prettierConfig[extension];
+    if (!config) {
+      console.log(
+        "We don't have any configuration for extension " + extension + ', please add it in file prettier_config.json'
+      );
+      return;
+    }
+    files.forEach(file => prettifyFile(file, config));
+  });
 };
 
 /**
@@ -148,29 +147,29 @@ const prettifyFiles = filesByExtension => {
  * @returns {Promise<{}|{report: string, error: boolean}>}
  */
 const eslintFiles = async files => {
-   if (!codeQualityConfig.useEslint) {
-      return {};
-   }
-
-   const formatter = await eslint.loadFormatter('stylish');
-   let error = false;
-   let report = '';
-   for (const file of files) {
-      try {
-         const result = await eslint.lintFiles(file);
-         error = error || result.some(res => res.errorCount > 0);
-         await ESLint.outputFixes(result);
-         const resultText = formatter.format(result);
-         if (!!resultText && resultText.trim().length > 0) {
-            report += resultText;
-         }
-      } catch (exception) {
-         error = true;
-         report += 'Error in eslint file ' + file + ':\n' + exception;
+  if (!codeQualityConfig.useEslint) {
+    return {};
+  }
+
+  const formatter = await eslint.loadFormatter('stylish');
+  let error = false;
+  let report = '';
+  for (const file of files) {
+    try {
+      const result = await eslint.lintFiles(file);
+      error = error || result.some(res => res.errorCount > 0);
+      await ESLint.outputFixes(result);
+      const resultText = formatter.format(result);
+      if (!!resultText && resultText.trim().length > 0) {
+        report += resultText;
       }
-   }
+    } catch (exception) {
+      error = true;
+      report += 'Error in eslint file ' + file + ':\n' + exception;
+    }
+  }
 
-   return { error, report };
+  return { error, report };
 };
 
 /**
@@ -178,17 +177,17 @@ const eslintFiles = async files => {
  * You can also call this function using: npm run code-quality-prettier
  */
 const preCommitPrettier = async filesByExtension => {
-   if (!filesByExtension) {
-      const files = await getChangedFiles();
-      if (!files) {
-         console.log("Couldn't find any file that hand been changed");
-         return;
-      }
-      console.log('File to be analyzed before commit:\n' + files.join('\n'));
-      filesByExtension = groupFilesByExtension(files);
-   }
+  if (!filesByExtension) {
+    const files = await getChangedFiles();
+    if (!files) {
+      console.log("Couldn't find any file that hand been changed");
+      return;
+    }
+    console.log('File to be analyzed before commit:\n' + files.join('\n'));
+    filesByExtension = groupFilesByExtension(files);
+  }
 
-   prettifyFiles(filesByExtension);
+  prettifyFiles(filesByExtension);
 };
 
 /**
@@ -196,26 +195,26 @@ const preCommitPrettier = async filesByExtension => {
  * You can also call this function using: npm run code-quality-eslint
  */
 const preCommitEslint = async filesByExtension => {
-   if (!filesByExtension) {
-      const files = await getChangedFiles();
-      if (!files) {
-         console.log("Couldn't find any file that hand been changed");
-         return;
-      }
-      console.log('File to be analyzed before commit:\n' + files.join('\n'));
-      filesByExtension = groupFilesByExtension(files);
-   }
-
-   const esLintResult = await eslintFilesByExtension(filesByExtension);
-   if (esLintResult.error) {
-      console.log('Please fix these errors before to commit:' + esLintResult.report);
-      console.log('Eslint executed in ' + esLintResult.numberFiles + ' files ');
-      if (codeQualityConfig.eslintStopCommit) {
-         process.exit(1);
-      }
-   } else {
-      console.log('Eslint executed in ' + esLintResult.numberFiles + ' files ');
-   }
+  if (!filesByExtension) {
+    const files = await getChangedFiles();
+    if (!files) {
+      console.log("Couldn't find any file that hand been changed");
+      return;
+    }
+    console.log('File to be analyzed before commit:\n' + files.join('\n'));
+    filesByExtension = groupFilesByExtension(files);
+  }
+
+  const esLintResult = await eslintFilesByExtension(filesByExtension);
+  if (esLintResult.error) {
+    console.log('Please fix these errors before to commit:' + esLintResult.report);
+    console.log('Eslint executed in ' + esLintResult.numberFiles + ' files ');
+    if (codeQualityConfig.eslintStopCommit) {
+      process.exit(1);
+    }
+  } else {
+    console.log('Eslint executed in ' + esLintResult.numberFiles + ' files ');
+  }
 };
 
 /**
@@ -223,24 +222,34 @@ const preCommitEslint = async filesByExtension => {
  * You can also call this function using: npm run code-quality
  */
 const preCommit = async () => {
-   const files = await getChangedFiles();
-   if (!files) {
-      console.log("Couldn't find any file that hand been changed");
-      return;
-   }
-   console.log('File to be analyzed before commit:\n' + files.join('\n'));
-   const filesByExtension = groupFilesByExtension(files);
-   if (codeQualityConfig.usePrettier) {
-      await preCommitPrettier(filesByExtension);
-   } else {
-      console.log('Prettier is disabled. Skipping...');
-   }
-
-   if (codeQualityConfig.usePrettier) {
-      await preCommitEslint(filesByExtension);
-   } else {
-      console.log('ESlint is disabled. Skipping...');
-   }
+  const files = await getChangedFiles();
+  if (!files) {
+    console.log("Couldn't find any file that hand been changed");
+    return;
+  }
+  console.log('File to be analyzed before commit:\n' + files.join('\n'));
+  const filesByExtension = groupFilesByExtension(files);
+  if (codeQualityConfig.usePrettier) {
+    console.log('\x1b[33m%s\x1b[0m', 'Running Prettier in pre-commit');
+    await preCommitPrettier(filesByExtension);
+  } else {
+    console.log('Prettier is disabled. Skipping...');
+  }
+
+  if (codeQualityConfig.useEslint) {
+    console.log('\x1b[33m%s\x1b[0m', 'Running ESlint in pre-commit');
+    await preCommitEslint(filesByExtension);
+  } else {
+    console.log('ESlint is disabled. Skipping...');
+  }
+
+  console.log('Adding any possible changes to the commit');
+  exec('git add', (err, stdout, stderr) => {
+    // handle err, stdout & stderr
+    if (err) {
+      console.log('Error with `git add`', error.message);
+    }
+  });
 };
 
 /**
@@ -249,21 +258,21 @@ const preCommit = async () => {
  * @returns {Promise<{report: string, numberFiles: number, error: boolean}>}
  */
 const eslintFilesByExtension = async filesByExtension => {
-   let error = false;
-   let report = '';
-   let numberFiles = 0;
-   const extensions = Object.keys(filesByExtension);
-   for (const extension of extensions.filter(extension => extension === 'ts' || extension === 'js')) {
-      const esLintFiles = filesByExtension[extension];
-      numberFiles += esLintFiles.length;
-      const eslintResult = await eslintFiles(esLintFiles);
-      error = error || eslintResult.error;
-      if (!!eslintResult.report && eslintResult.report.trim().length > 0) {
-         report += eslintResult.report;
-      }
-   }
+  let error = false;
+  let report = '';
+  let numberFiles = 0;
+  const extensions = Object.keys(filesByExtension);
+  for (const extension of extensions.filter(extension => extension === 'ts' || extension === 'js')) {
+    const esLintFiles = filesByExtension[extension];
+    numberFiles += esLintFiles.length;
+    const eslintResult = await eslintFiles(esLintFiles);
+    error = error || eslintResult.error;
+    if (!!eslintResult.report && eslintResult.report.trim().length > 0) {
+      report += eslintResult.report;
+    }
+  }
 
-   return { error, report, numberFiles };
+  return { error, report, numberFiles };
 };
 
 /**
@@ -271,11 +280,11 @@ const eslintFilesByExtension = async filesByExtension => {
  * You can also call this function using: npm run full-code-quality
  */
 const full = async () => {
-   const files = getAllFiles();
-   const filesByExtension = groupFilesByExtension(files);
-   await fullPrettier(filesByExtension);
-   console.log("Running EsLint on all files. Please wait...")
-   await fullEslint(filesByExtension);
+  const files = getAllFiles();
+  const filesByExtension = groupFilesByExtension(files);
+  await fullPrettier(filesByExtension);
+  console.log('Running EsLint on all files. Please wait...');
+  await fullEslint(filesByExtension);
 };
 
 /**
@@ -283,11 +292,11 @@ const full = async () => {
  * You can also call this function using: npm run full-code-quality
  */
 const fullPrettier = async filesByExtension => {
-   if (!filesByExtension) {
-      const files = getAllFiles();
-      filesByExtension = groupFilesByExtension(files);
-   }
-   prettifyFiles(filesByExtension);
+  if (!filesByExtension) {
+    const files = getAllFiles();
+    filesByExtension = groupFilesByExtension(files);
+  }
+  prettifyFiles(filesByExtension);
 };
 
 /**
@@ -295,19 +304,21 @@ const fullPrettier = async filesByExtension => {
  * You can also call this function using: npm run full-code-quality
  */
 const fullEslint = async filesByExtension => {
-   if (!filesByExtension) {
-      const files = getAllFiles();
-      filesByExtension = groupFilesByExtension(files);
-   }
-
-   const esLintResult = await eslintFilesByExtension(filesByExtension);
-   const options = getOptions();
-   const reportFile = options.report || 'full_eslint_report.html';
-   if (esLintResult.error) {
-      fs.writeFileSync(reportFile, ansiup.ansi_to_html(esLintResult.report).replace(/(?:\r\n|\r|\n)/g, '<br/>'));
-      console.log('Wrote eslint report to file ' + path.resolve(reportFile));
-   }
-   console.log("Eslint executed in ' + esLintResult.numberFiles + ' files. Results written in 'full_eslint_report.html' ");
+  if (!filesByExtension) {
+    const files = getAllFiles();
+    filesByExtension = groupFilesByExtension(files);
+  }
+
+  const esLintResult = await eslintFilesByExtension(filesByExtension);
+  const options = getOptions();
+  const reportFile = options.report || 'full_eslint_report.html';
+  if (esLintResult.error) {
+    fs.writeFileSync(reportFile, ansiup.ansi_to_html(esLintResult.report).replace(/(?:\r\n|\r|\n)/g, '<br/>'));
+    console.log('Wrote eslint report to file ' + path.resolve(reportFile));
+  }
+  console.log(
+    "Eslint executed in ' + esLintResult.numberFiles + ' files. Results written in 'full_eslint_report.html' "
+  );
 };
 
 /**
@@ -315,49 +326,49 @@ const fullEslint = async filesByExtension => {
  * @returns {{}} an json Map object
  */
 const getOptions = () => {
-   const options = {};
+  const options = {};
 
-   for (let i = 0; i < process.argv.length; i++) {
-      const arg = process.argv[i];
-      if (!arg.includes('=')) {
-         continue;
-      }
+  for (let i = 0; i < process.argv.length; i++) {
+    const arg = process.argv[i];
+    if (!arg.includes('=')) {
+      continue;
+    }
 
-      const key = process.argv[i].substring(0, process.argv[i].indexOf('='));
-      const value = process.argv[i].substring(process.argv[i].indexOf('=') + 1);
-      options[key] = value;
-   }
-   return options;
+    const key = process.argv[i].substring(0, process.argv[i].indexOf('='));
+    const value = process.argv[i].substring(process.argv[i].indexOf('=') + 1);
+    options[key] = value;
+  }
+  return options;
 };
 
 /**
  * This is the method that will be executed with node code_quality.js
  */
 (async () => {
-   const options = getOptions();
-   if (options.mode === 'pre_commit') {
-      return await preCommit();
-   }
-   if (options.mode === 'pre_commit_prettier') {
-      return await preCommitPrettier();
-   }
-   if (options.mode === 'pre_commit_eslint') {
-      return await preCommitEslint();
-   }
-   if (options.mode === 'full') {
-      return await full();
-   }
-   if (options.mode === 'full_prettier') {
-      return await fullPrettier();
-   }
-   if (options.mode === 'full_eslint') {
-      return await fullEslint();
-   }
-
-   console.error(
-      'You need to pass application parameter -- mode=pre_commit|pre_commit-prettier|pre_commit-eslint|full|full-prettier|full-eslint'
-   );
+  const options = getOptions();
+  if (options.mode === 'pre_commit') {
+    return await preCommit();
+  }
+  if (options.mode === 'pre_commit_prettier') {
+    return await preCommitPrettier();
+  }
+  if (options.mode === 'pre_commit_eslint') {
+    return await preCommitEslint();
+  }
+  if (options.mode === 'full') {
+    return await full();
+  }
+  if (options.mode === 'full_prettier') {
+    return await fullPrettier();
+  }
+  if (options.mode === 'full_eslint') {
+    return await fullEslint();
+  }
+
+  console.error(
+    'You need to pass application parameter -- mode=pre_commit|pre_commit-prettier|pre_commit-eslint|full|full-prettier|full-eslint'
+  );
 })().catch(err => {
-   console.log(err);
-   process.exit(1);
+  console.log(err);
+  process.exit(1);
 });
diff --git a/core/src/Alerts.html b/core/src/Alerts.html
index 0ba5ddbfc8..4e3f110ae5 100644
--- a/core/src/Alerts.html
+++ b/core/src/Alerts.html
@@ -23,32 +23,25 @@
 </div>
 
 <script>
-  import {
-    beforeUpdate,
-    createEventDispatcher,
-    onMount,
-    getContext
-  } from "svelte";
+  import { beforeUpdate, createEventDispatcher, onMount, getContext } from 'svelte';
 
   const dispatch = createEventDispatcher();
 
-  import { EscapingHelpers } from "./utilities/helpers";
+  import { EscapingHelpers } from './utilities/helpers';
 
   export let alertQueue;
   export let alertTypeMap = {
-    info: "information",
-    success: "success",
-    warning: "warning",
-    error: "error"
+    info: 'information',
+    success: 'success',
+    warning: 'warning',
+    error: 'error'
   };
-  const getUnsavedChangesModalPromise = getContext(
-    "getUnsavedChangesModalPromise"
-  );
-  const handleNavigation = getContext("handleNavigation");
+  const getUnsavedChangesModalPromise = getContext('getUnsavedChangesModalPromise');
+  const handleNavigation = getContext('handleNavigation');
 
   beforeUpdate(() => {
     if (!alertQueue || !alertQueue.length) {
-      console.warn("There are no alerts to display");
+      console.warn('There are no alerts to display');
       return;
     }
 
@@ -87,8 +80,8 @@
   // review these functions and remove unnecessary 'export' keywords
   export function addClickListener(url, elemId) {
     try {
-      document.getElementById(elemId).addEventListener("click", event => {
-        const isRelative = !url.startsWith("/");
+      document.getElementById(elemId).addEventListener('click', event => {
+        const isRelative = !url.startsWith('/');
         event.stopPropagation();
         getUnsavedChangesModalPromise().then(() => {
           const data = {
@@ -101,7 +94,7 @@
         });
       });
     } catch (e) {
-      console.error("Error on Alert::addClickListener", e);
+      console.error('Error on Alert::addClickListener', e);
     }
   }
 </script>
diff --git a/core/src/App.html b/core/src/App.html
index 255dbdef89..a9b496ae02 100644
--- a/core/src/App.html
+++ b/core/src/App.html
@@ -1,10 +1,7 @@
 <svelte:window on:resize="{onResize}" />
 <div id="app" class="{hideNav? 'no-nav' : ''} {hideSideNav? 'no-side-nav':''}">
   {#if alerts && alerts.length}
-  <Alerts
-    alertQueue="{alerts}"
-    on:alertDismiss="{handleAlertDismissExternal}"
-  ></Alerts>
+  <Alerts alertQueue="{alerts}" on:alertDismiss="{handleAlertDismissExternal}"></Alerts>
   {/if} {#if mfModal.displayed}
   <Modal
     settings="{mfModal.settings}"
@@ -117,24 +114,19 @@
 </div>
 
 <script type="text/javascript">
-  import Alerts from "./Alerts.html";
-  import ConfirmationModal from "./ConfirmationModal.html";
-  import Modal from "./Modal.html";
-  import UserSettingsDialog from "./UserSettingsDialog.html";
-  import Backdrop from "./Backdrop.html";
-  import SplitView from "./SplitView.html";
-  import LeftNav from "./navigation/LeftNav.html";
-  import TopNav from "./navigation/TopNav.html";
-  import TabNav from "./navigation/TabNav.html";
-  import GlobalNav from "./navigation/GlobalNav.html";
-  import {
-    afterUpdate,
-    onMount,
-    setContext,
-    createEventDispatcher
-  } from "svelte";
-  import { fade } from "svelte/transition";
-  import { CSS_BREAKPOINTS } from "./utilities/constants";
+  import Alerts from './Alerts.html';
+  import ConfirmationModal from './ConfirmationModal.html';
+  import Modal from './Modal.html';
+  import UserSettingsDialog from './UserSettingsDialog.html';
+  import Backdrop from './Backdrop.html';
+  import SplitView from './SplitView.html';
+  import LeftNav from './navigation/LeftNav.html';
+  import TopNav from './navigation/TopNav.html';
+  import TabNav from './navigation/TabNav.html';
+  import GlobalNav from './navigation/GlobalNav.html';
+  import { afterUpdate, onMount, setContext, createEventDispatcher } from 'svelte';
+  import { fade } from 'svelte/transition';
+  import { CSS_BREAKPOINTS } from './utilities/constants';
   import {
     EventListenerHelpers,
     GenericHelpers,
@@ -145,7 +137,7 @@
     StorageHelper,
     UserSettingsHelper,
     NavigationHelpers
-  } from "./utilities/helpers";
+  } from './utilities/helpers';
   import {
     LuigiI18N,
     LuigiConfig,
@@ -153,15 +145,15 @@
     LuigiGlobalSearch,
     LuigiFeatureToggles,
     LuigiTheming
-  } from "./core-api";
-  import { Navigation } from "./navigation/services/navigation";
-  import { Routing } from "./services/routing";
-  import { Iframe } from "./services/iframe";
-  import { SplitViewSvc } from "./services/split-view";
-  import { ViewGroupPreloading } from "./services/preloading";
-  import { MessagesListeners } from "./services/messages-listeners";
-  import { thirdPartyCookiesStatus } from "./utilities/third-party-cookies-check.js";
-  import { NodeDataManagementStorage } from "./services/node-data-management.js";
+  } from './core-api';
+  import { Navigation } from './navigation/services/navigation';
+  import { Routing } from './services/routing';
+  import { Iframe } from './services/iframe';
+  import { SplitViewSvc } from './services/split-view';
+  import { ViewGroupPreloading } from './services/preloading';
+  import { MessagesListeners } from './services/messages-listeners';
+  import { thirdPartyCookiesStatus } from './utilities/third-party-cookies-check.js';
+  import { NodeDataManagementStorage } from './services/node-data-management.js';
 
   const dispatch = createEventDispatcher();
 
@@ -236,7 +228,7 @@
     const userSettingGroups = await LuigiConfig.readUserSettings();
     const hasUserSettings =
       userSettingsGroupName &&
-      typeof userSettingGroups === "object" &&
+      typeof userSettingGroups === 'object' &&
       userSettingGroups !== null;
     const internalData = {
       isNavigateBack,
@@ -247,9 +239,7 @@
       clientPermissions: iframeConf.nextViewUrl
         ? iframeConf.nextClientPermissions
         : iframeConf.clientPermissions,
-      userSettings: hasUserSettings
-        ? userSettingGroups[userSettingsGroupName]
-        : null
+      userSettings: hasUserSettings ? userSettingGroups[userSettingsGroupName] : null
     };
 
     IframeHelpers.specialIframeTypes
@@ -263,21 +253,17 @@
 
   const sendContextToClient = async (config, goBackContext = {}) => {
     if (!config.iframe) {
-      console.info("iframe does not exist, not able to send context.");
+      console.info('iframe does not exist, not able to send context.');
       return;
     }
 
     const message = {
-      msg: "luigi.init",
+      msg: 'luigi.init',
       context: JSON.stringify(
         Object.assign({}, config.context || context, goBackContext)
       ),
-      nodeParams: JSON.stringify(
-        Object.assign({}, config.nodeParams || nodeParams)
-      ),
-      pathParams: JSON.stringify(
-        Object.assign({}, config.pathParams || pathParams)
-      ),
+      nodeParams: JSON.stringify(Object.assign({}, config.nodeParams || nodeParams)),
+      pathParams: JSON.stringify(Object.assign({}, config.pathParams || pathParams)),
       internal: JSON.stringify(await prepareInternalData(config)),
       authData: AuthHelpers.getStoredAuthData()
     };
@@ -286,7 +272,7 @@
 
   const sendAuthDataToClient = authData => {
     const message = {
-      msg: "luigi.auth.tokenIssued",
+      msg: 'luigi.auth.tokenIssued',
       authData
     };
     IframeHelpers.broadcastMessageToAllIframes(message);
@@ -300,12 +286,12 @@
 
       $: preservedViews.push({
         path: Routing.getNodePath(currentNode, urlParamsRaw),
-        nextPath: nextPath.startsWith("/") ? nextPath : "/" + nextPath,
+        nextPath: nextPath.startsWith('/') ? nextPath : '/' + nextPath,
         context
       });
 
       // Mark iframe with pv if there is a preserved view situation
-      config.iframe["pv"] = "pv";
+      config.iframe['pv'] = 'pv';
     }
   };
 
@@ -321,7 +307,7 @@
     Routing.navigateTo(path, true, isNavigationSyncEnabled);
   };
 
-  const removeQueryParams = str => str.split("?")[0];
+  const removeQueryParams = str => str.split('?')[0];
 
   const isValidBackRoute = (preservedViews, routeHash) => {
     if (preservedViews.length === 0) {
@@ -329,7 +315,7 @@
     }
     // we're only checking the previous goBack state and
     // compare it with the new route
-    const routePath = routeHash.startsWith("/") ? routeHash : `/${routeHash}`;
+    const routePath = routeHash.startsWith('/') ? routeHash : `/${routeHash}`;
     const lastPreservedView = [...preservedViews].pop();
     const paths = [
       removeQueryParams(lastPreservedView.path),
@@ -393,49 +379,49 @@
       set: obj => {
         if (obj) {
           Object.getOwnPropertyNames(obj).forEach(prop => {
-            if (prop === "hideNav") {
+            if (prop === 'hideNav') {
               hideNav = obj.hideNav;
-            } else if (prop === "viewUrl") {
+            } else if (prop === 'viewUrl') {
               viewUrl = obj.viewUrl;
-            } else if (prop === "nodeParams") {
+            } else if (prop === 'nodeParams') {
               nodeParams = obj.nodeParams;
-            } else if (prop === "viewGroup") {
+            } else if (prop === 'viewGroup') {
               viewGroup = obj.viewGroup;
-            } else if (prop === "urlParamsRaw") {
+            } else if (prop === 'urlParamsRaw') {
               urlParamsRaw = obj.urlParamsRaw;
-            } else if (prop === "currentNode") {
+            } else if (prop === 'currentNode') {
               currentNode = obj.currentNode;
-            } else if (prop === "navigationPath") {
+            } else if (prop === 'navigationPath') {
               navigationPath = obj.navigationPath;
-            } else if (prop === "context") {
+            } else if (prop === 'context') {
               context = obj.context;
-            } else if (prop === "pathParams") {
+            } else if (prop === 'pathParams') {
               pathParams = obj.pathParams;
-            } else if (prop === "hideSideNav") {
+            } else if (prop === 'hideSideNav') {
               hideSideNav = obj.hideSideNav;
-            } else if (prop === "isolateView") {
+            } else if (prop === 'isolateView') {
               isolateView = obj.isolateView;
-            } else if (prop === "pageErrorHandler") {
+            } else if (prop === 'pageErrorHandler') {
               pageErrorHandler = obj.pageErrorHandler;
-            } else if (prop === "previousNodeValues") {
+            } else if (prop === 'previousNodeValues') {
               previousNodeValues = obj.previousNodeValues;
-            } else if (prop === "mfSplitView") {
+            } else if (prop === 'mfSplitView') {
               mfSplitView = obj.mfSplitView;
-            } else if (prop === "splitViewValues") {
+            } else if (prop === 'splitViewValues') {
               splitViewValues = obj.splitViewValues;
-            } else if (prop === "splitViewIframe") {
+            } else if (prop === 'splitViewIframe') {
               splitViewIframe = obj.splitViewIframe;
-            } else if (prop == "splitViewWC") {
+            } else if (prop == 'splitViewWC') {
               splitViewWC = obj.splitViewWC;
-            } else if (prop === "showLoadingIndicator") {
+            } else if (prop === 'showLoadingIndicator') {
               showLoadingIndicator = obj.showLoadingIndicator;
-            } else if (prop === "tabNav") {
+            } else if (prop === 'tabNav') {
               tabNav = obj.tabNav;
-            } else if (prop === "isNavigateBack") {
+            } else if (prop === 'isNavigateBack') {
               isNavigateBack = obj.isNavigateBack;
-            } else if (prop === "goBackContext") {
+            } else if (prop === 'goBackContext') {
               goBackContext = obj.goBackContext;
-            } else if (prop === "isNavigationSyncEnabled") {
+            } else if (prop === 'isNavigationSyncEnabled') {
               isNavigationSyncEnabled = obj.isNavigationSyncEnabled;
             }
           });
@@ -457,14 +443,9 @@
       () => {
         NodeDataManagementStorage.deleteCache();
         const currentPath = Routing.getCurrentPath();
-        Routing.handleRouteChange(
-          currentPath,
-          getComponentWrapper(),
-          node,
-          config
-        );
+        Routing.handleRouteChange(currentPath, getComponentWrapper(), node, config);
       },
-      ["navigation.nodes"]
+      ['navigation.nodes']
     );
 
     // subsequential route handling
@@ -479,23 +460,12 @@
 
       closeSplitView();
 
-      Routing.handleRouteChange(
-        path,
-        getComponentWrapper(),
-        node,
-        config,
-        withoutSync
-      );
+      Routing.handleRouteChange(path, getComponentWrapper(), node, config, withoutSync);
     });
   };
 
   const getSubPath = node => {
-    return GenericHelpers.replaceVars(
-      Routing.getNodePath(node),
-      pathParams,
-      ":",
-      false
-    );
+    return GenericHelpers.replaceVars(Routing.getNodePath(node), pathParams, ':', false);
   };
 
   const buildPath = params => {
@@ -505,17 +475,14 @@
       const node = [...navigationPath].reverse().find(n => n.virtualTree);
       if (!node) {
         console.error(
-          "LuigiClient Error: fromVirtualTreeRoot() is not possible, not inside a virtualTree navigation. Docs: https://docs.luigi-project.io/docs/navigation-parameters-reference/?section=virtualtree"
+          'LuigiClient Error: fromVirtualTreeRoot() is not possible, not inside a virtualTree navigation. Docs: https://docs.luigi-project.io/docs/navigation-parameters-reference/?section=virtualtree'
         );
         return;
       }
       path = Routing.concatenatePath(getSubPath(node), params.link);
     } else if (params.fromParent) {
       // from direct parent
-      path = Routing.concatenatePath(
-        getSubPath(currentNode.parent),
-        params.link
-      );
+      path = Routing.concatenatePath(getSubPath(currentNode.parent), params.link);
     } else if (params.fromClosestContext) {
       // from the closest navigation context
       const node = [...navigationPath]
@@ -525,9 +492,7 @@
     } else if (params.fromContext) {
       // from a given navigation context
       const navigationContext = params.fromContext;
-      const node = navigationPath.find(
-        n => navigationContext === n.navigationContext
-      );
+      const node = navigationPath.find(n => navigationContext === n.navigationContext);
       path = Routing.concatenatePath(getSubPath(node), params.link);
     } else if (params.intent) {
       const intentPath = RoutingHelpers.getIntentPath(params.link);
@@ -537,15 +502,13 @@
       path = Routing.concatenatePath(getSubPath(currentNode), params.link);
     }
     if (params.nodeParams && Object.keys(params.nodeParams).length) {
-      path += path.includes("?") ? "&" : "?";
+      path += path.includes('?') ? '&' : '?';
       Object.entries(params.nodeParams).forEach((entry, index) => {
         path +=
-          encodeURIComponent(
-            RoutingHelpers.getContentViewParamPrefix() + entry[0]
-          ) +
-          "=" +
+          encodeURIComponent(RoutingHelpers.getContentViewParamPrefix() + entry[0]) +
+          '=' +
           encodeURIComponent(entry[1]) +
-          (index < Object.keys(params.nodeParams).length - 1 ? "&" : "");
+          (index < Object.keys(params.nodeParams).length - 1 ? '&' : '');
       });
     }
     return path;
@@ -557,10 +520,7 @@
       closeLeftNav();
       if (node.openNodeInModal) {
         const route = RoutingHelpers.buildRoute(node, `/${node.pathSegment}`);
-        openViewInModal(
-          route,
-          node.openNodeInModal === true ? {} : node.openNodeInModal
-        );
+        openViewInModal(route, node.openNodeInModal === true ? {} : node.openNodeInModal);
       } else if (node.drawer) {
         const route = RoutingHelpers.buildRoute(node, `/${node.pathSegment}`);
         node.drawer.isDrawer = true;
@@ -576,13 +536,13 @@
     resizeTabNavToggle = !resizeTabNavToggle;
   };
 
-  setContext("handleNavigation", handleNavigation);
+  setContext('handleNavigation', handleNavigation);
 
   ////GLOBALSEARCH
 
   const checkSearchProvider = searchProvider => {
     if (!searchProvider) {
-      console.warn("No search provider defined.");
+      console.warn('No search provider defined.');
       return false;
     } else {
       return true;
@@ -608,7 +568,7 @@
   export const clearSearchField = () => {
     if (checkSearchProvider(searchProvider)) {
       if (inputElem) {
-        inputElem.value = "";
+        inputElem.value = '';
         closeSearchResult();
       }
     }
@@ -635,7 +595,7 @@
           searchProvider.onInput();
         } else {
           console.error(
-            "onInput is not a function. Please check the global search configuration."
+            'onInput is not a function. Please check the global search configuration.'
           );
         }
       }
@@ -651,9 +611,7 @@
   export const showSearchResult = arr => {
     if (checkSearchProvider(searchProvider)) {
       if (arr && arr.length > 0) {
-        if (
-          GenericHelpers.isFunction(searchProvider.customSearchResultRenderer)
-        ) {
+        if (GenericHelpers.isFunction(searchProvider.customSearchResultRenderer)) {
           displayCustomSearchResult = true;
           let searchApiObj = {
             fireItemSelected: item => {
@@ -670,7 +628,7 @@
           searchResult = arr;
         }
       } else {
-        console.warn("Search result array is empty.");
+        console.warn('Search result array is empty.');
       }
     }
   };
@@ -702,7 +660,7 @@
   //// SPLIT VIEW
   export const openSplitView = (nodepath, settings) => {
     if (mfSplitView.displayed) {
-      console.warn("Only one splitview can be opened at a time");
+      console.warn('Only one splitview can be opened at a time');
       return;
     }
     mfSplitView = SplitViewSvc.getDefaultData().mfSplitView;
@@ -769,7 +727,7 @@
   let previousWindowWidth;
 
   const closeLeftNav = () => {
-    document.body.classList.remove("lui-leftNavToggle");
+    document.body.classList.remove('lui-leftNavToggle');
   };
 
   const onResize = () => {
@@ -803,11 +761,7 @@
       settings.id = GenericHelpers.getRandomId();
     }
 
-    if (
-      settings.id &&
-      currentAlerts &&
-      getAlertWithId(currentAlerts, settings.id)
-    ) {
+    if (settings.id && currentAlerts && getAlertWithId(currentAlerts, settings.id)) {
       console.error(
         `The alert with id '${settings.id}' already exists in a queue, therefore it won't be displayed `
       );
@@ -840,7 +794,7 @@
     const alert = getAlertWithId(alerts, id);
 
     if (!alert) {
-      console.error("An unexisting alert has been dismissed.", alerts, id);
+      console.error('An unexisting alert has been dismissed.', alerts, id);
       return;
     }
 
@@ -851,7 +805,7 @@
     if (openFromClient) {
       const iframe = Iframe.getActiveIframe(contentNode);
       const message = {
-        msg: "luigi.ux.alert.hide",
+        msg: 'luigi.ux.alert.hide',
         id
         //TODO: update docu for this param
       };
@@ -903,7 +857,7 @@
     if (openFromClient) {
       const iframe = Iframe.getActiveIframe(contentNode);
       const message = {
-        msg: "luigi.ux.confirmationModal.hide",
+        msg: 'luigi.ux.confirmationModal.hide',
         data: { confirmed: result }
       };
       IframeHelpers.sendMessageToIframe(iframe, message);
@@ -926,14 +880,14 @@
 
   const showUnsavedChangesModal = () => {
     return showModal({
-      header: LuigiI18N.getTranslation("luigi.unsavedChangesAlert.header"),
-      body: LuigiI18N.getTranslation("luigi.unsavedChangesAlert.body"),
-      buttonDismiss: LuigiI18N.getTranslation("luigi.button.dismiss"),
-      buttonConfirm: LuigiI18N.getTranslation("luigi.button.confirm")
+      header: LuigiI18N.getTranslation('luigi.unsavedChangesAlert.header'),
+      body: LuigiI18N.getTranslation('luigi.unsavedChangesAlert.body'),
+      buttonDismiss: LuigiI18N.getTranslation('luigi.button.dismiss'),
+      buttonConfirm: LuigiI18N.getTranslation('luigi.button.confirm')
     });
   };
 
-  setContext("getUnsavedChangesModalPromise", getUnsavedChangesModalPromise);
+  setContext('getUnsavedChangesModalPromise', getUnsavedChangesModalPromise);
 
   //// MICRO-FRONTEND MODAL
 
@@ -958,7 +912,7 @@
     mfModal.settings = settings;
 
     const showModalPathInUrl = LuigiConfig.getConfigBooleanValue(
-      "routing.showModalPathInUrl"
+      'routing.showModalPathInUrl'
     );
     if (showModalPathInUrl) {
       Routing.appendModalDataToUrl(nodepath, settings);
@@ -979,7 +933,7 @@
     if (modalIframe) {
       getUnsavedChangesModalPromise(modalIframe.contentWindow).then(() => {
         const showModalPathInUrl = LuigiConfig.getConfigBooleanValue(
-          "routing.showModalPathInUrl"
+          'routing.showModalPathInUrl'
         );
         if (showModalPathInUrl) {
           Routing.removeModalDataFromUrl();
@@ -988,7 +942,7 @@
       });
     } else if (modalWC) {
       const showModalPathInUrl = LuigiConfig.getConfigBooleanValue(
-        "routing.showModalPathInUrl"
+        'routing.showModalPathInUrl'
       );
       if (showModalPathInUrl) {
         Routing.removeModalDataFromUrl();
@@ -997,7 +951,7 @@
     }
   };
 
-  setContext("openViewInModal", openViewInModal);
+  setContext('openViewInModal', openViewInModal);
 
   ///
   let mfDrawer = {};
@@ -1037,10 +991,7 @@
     if (event && event.detail && event.detail.activeDrawer !== undefined) {
       activeDrawer = event.detail.activeDrawer;
     }
-    if (
-      !activeDrawer ||
-      (event && event.detail && event.detail.type !== "modal")
-    ) {
+    if (!activeDrawer || (event && event.detail && event.detail.type !== 'modal')) {
       if (drawerIframe) {
         getUnsavedChangesModalPromise(drawerIframe.contentWindow).then(() => {
           resetMicrofrontendDrawerData();
@@ -1058,7 +1009,7 @@
       internalUserSettingsObject.displayed = true;
     } else {
       console.info(
-        "There are no user setting groups in the settings section of the luigi config defined."
+        'There are no user setting groups in the settings section of the luigi config defined.'
       );
     }
   };
@@ -1068,11 +1019,9 @@
   };
 
   function init(node) {
-    const isolateAllViews = LuigiConfig.getConfigValue(
-      "navigation.defaults.isolateView"
-    );
+    const isolateAllViews = LuigiConfig.getConfigValue('navigation.defaults.isolateView');
     const defaultPageErrorHandler = LuigiConfig.getConfigValue(
-      "navigation.defaults.pageErrorHandler"
+      'navigation.defaults.pageErrorHandler'
     );
     const config = {
       iframe: null,
@@ -1083,19 +1032,19 @@
     };
     LuigiI18N.addCurrentLocaleChangeListener(locale => {
       const message = {
-        msg: "luigi.current-locale-changed",
+        msg: 'luigi.current-locale-changed',
         currentLocale: locale
       };
       IframeHelpers.broadcastMessageToAllIframes(message);
     });
 
-    EventListenerHelpers.addEventListener("popstate", async e => {
+    EventListenerHelpers.addEventListener('popstate', async e => {
       const alertQueue = alerts;
       if (!alertQueue || !alertQueue.length) return;
 
       const updatedAlerts = alertQueue
         .map(a => {
-          if (a && !a.openFromClient && typeof a.settings.ttl === "number") {
+          if (a && !a.openFromClient && typeof a.settings.ttl === 'number') {
             //alert has some TTL set
             if (a.settings.ttl === 0) {
               //the TTL value dropped down to 0, remove this alert
@@ -1113,20 +1062,17 @@
       alerts = updatedAlerts;
     });
 
-    EventListenerHelpers.addEventListener("message", async e => {
+    EventListenerHelpers.addEventListener('message', async e => {
       const iframe = IframeHelpers.getValidMessageSource(e);
       if (!iframe) return;
       iframe._ready = true;
 
-      if ("custom" === e.data.msg) {
+      if ('custom' === e.data.msg) {
         const customMessagesListeners =
-          LuigiConfig.getConfigValue("communication.customMessagesListeners") ||
-          {};
-        const message = MessagesListeners.convertCustomMessageInternalToUser(
-          e.data
-        );
+          LuigiConfig.getConfigValue('communication.customMessagesListeners') || {};
+        const message = MessagesListeners.convertCustomMessageInternalToUser(e.data);
         const customMessageListener = customMessagesListeners[message.id];
-        const userSettingsCMKey = "luigi.updateUserSettings";
+        const userSettingsCMKey = 'luigi.updateUserSettings';
         if (internalUserSettingsObject && message.id === userSettingsCMKey) {
           if (customMessageListener) {
             console.warn(
@@ -1135,7 +1081,7 @@
           }
           return;
         }
-        if (typeof customMessageListener === "function") {
+        if (typeof customMessageListener === 'function') {
           const microfrontend = LuigiElements.getMicrofrontends().find(mf =>
             IframeHelpers.isMessageSource(e, mf.container)
           );
@@ -1156,13 +1102,13 @@
        * Persist the answer of the init handshake
        * to prevent half-initialized clients
        */
-      if ("luigi.init.ok" === e.data.msg) {
+      if ('luigi.init.ok' === e.data.msg) {
         config.iframe.luigi.initOk = true;
       }
 
-      if ("luigi.navigate.ok" === e.data.msg) {
+      if ('luigi.navigate.ok' === e.data.msg) {
         iframe.luigi.viewUrl = iframe.luigi.nextViewUrl;
-        iframe.luigi.nextViewUrl = "";
+        iframe.luigi.nextViewUrl = '';
         iframe.luigi.clientPermissions = iframe.luigi.nextClientPermissions;
         delete iframe.luigi.nextClientPermissions;
         config.navigateOk = true;
@@ -1170,7 +1116,7 @@
         ViewGroupPreloading.preload();
       }
 
-      if ("luigi.get-context" === e.data.msg) {
+      if ('luigi.get-context' === e.data.msg) {
         config.iframe.luigi.clientVersion = e.data.clientVersion; // undefined for v0.x clients
         config.iframe.luigi.initOk = false; // get-context indication. used for handshake verification
 
@@ -1185,9 +1131,8 @@
           splitViewIframeData,
           splitView
         };
-        const specialIframeMessageSource = IframeHelpers.specialIframeTypes.filter(
-          typ =>
-            IframeHelpers.isMessageSource(e, specialIframeProps[typ.iframeKey])
+        const specialIframeMessageSource = IframeHelpers.specialIframeTypes.filter(typ =>
+          IframeHelpers.isMessageSource(e, specialIframeProps[typ.iframeKey])
         );
 
         if (specialIframeMessageSource.length) {
@@ -1199,16 +1144,13 @@
               context: ctx,
               pathParams: specialIframeProps[typ.dataKey].pathParams,
               nodeParams: specialIframeProps[typ.dataKey].nodeParams,
-              modal: typ.iframeKey.startsWith("modal"),
-              drawer: typ.iframeKey.startsWith("drawer"),
-              splitView: typ.iframeKey.startsWith("splitView")
+              modal: typ.iframeKey.startsWith('modal'),
+              drawer: typ.iframeKey.startsWith('drawer'),
+              splitView: typ.iframeKey.startsWith('splitView')
             };
             await sendContextToClient(conf, {});
           });
-        } else if (
-          config.iframe &&
-          IframeHelpers.isMessageSource(e, config.iframe)
-        ) {
+        } else if (config.iframe && IframeHelpers.isMessageSource(e, config.iframe)) {
           await sendContextToClient(config, {});
           const loadingIndicatorAutoHideEnabled =
             !currentNode ||
@@ -1237,7 +1179,7 @@
           );
           if (userSettingsIframe) {
             let userSettingsGroupKey = userSettingsIframe.getAttribute(
-              "userSettingsGroup"
+              'userSettingsGroup'
             );
             let config = {
               context: {
@@ -1251,25 +1193,22 @@
         ViewGroupPreloading.viewGroupLoaded(iframe);
       }
 
-      if ("luigi.show-loading-indicator" === e.data.msg) {
+      if ('luigi.show-loading-indicator' === e.data.msg) {
         showLoadingIndicator = true;
       }
 
-      if ("luigi.hide-loading-indicator" === e.data.msg) {
+      if ('luigi.hide-loading-indicator' === e.data.msg) {
         showLoadingIndicator = false;
       }
 
-      if ("luigi.navigation.open" === e.data.msg) {
+      if ('luigi.navigation.open' === e.data.msg) {
         isNavigateBack = false;
         if (e.data.params.modal !== undefined) {
           let path = buildPath(e.data.params);
           path = GenericHelpers.addLeadingSlash(path);
           contentNode = node;
           resetMicrofrontendModalData();
-          openViewInModal(
-            path,
-            e.data.params.modal === true ? {} : e.data.params.modal
-          );
+          openViewInModal(path, e.data.params.modal === true ? {} : e.data.params.modal);
         } else if (e.data.params.splitView !== undefined) {
           let path = buildPath(e.data.params);
           path = GenericHelpers.addLeadingSlash(path);
@@ -1294,18 +1233,16 @@
         }
       }
 
-      if ("luigi.navigation.back" === e.data.msg) {
+      if ('luigi.navigation.back' === e.data.msg) {
         if (IframeHelpers.isMessageSource(e, modalIframe)) {
           closeModal();
           await sendContextToClient(config, {
-            goBackContext:
-              e.data.goBackContext && JSON.parse(e.data.goBackContext)
+            goBackContext: e.data.goBackContext && JSON.parse(e.data.goBackContext)
           });
         } else if (IframeHelpers.isMessageSource(e, splitViewIframe)) {
           closeSplitView();
           await sendContextToClient(config, {
-            goBackContext:
-              e.data.goBackContext && JSON.parse(e.data.goBackContext)
+            goBackContext: e.data.goBackContext && JSON.parse(e.data.goBackContext)
           });
         } else if (IframeHelpers.isMessageSource(e, drawerIframe)) {
           if (activeDrawer) {
@@ -1313,8 +1250,7 @@
           }
           closeDrawer();
           await sendContextToClient(config, {
-            goBackContext:
-              e.data.goBackContext && JSON.parse(e.data.goBackContext)
+            goBackContext: e.data.goBackContext && JSON.parse(e.data.goBackContext)
           });
         } else {
           // go back: context from the view
@@ -1327,8 +1263,7 @@
               config.iframe = Iframe.getActiveIframe(node);
               isNavigateBack = true;
               preservedViews = preservedViews;
-              goBackContext =
-                e.data.goBackContext && JSON.parse(e.data.goBackContext);
+              goBackContext = e.data.goBackContext && JSON.parse(e.data.goBackContext);
               // TODO: check if getNavigationPath or history pop to update hash / path
               handleNavigation(
                 { params: { link: previousActiveIframeData.path } },
@@ -1347,19 +1282,19 @@
         }
       }
 
-      if ("luigi.auth.tokenIssued" === e.data.msg) {
+      if ('luigi.auth.tokenIssued' === e.data.msg) {
         sendAuthDataToClient(e.data.authData);
       }
 
-      if ("luigi.navigation.pathExists" === e.data.msg) {
+      if ('luigi.navigation.pathExists' === e.data.msg) {
         const data = e.data.data;
         const path = buildPath(data);
         const pathData = await Navigation.getNavigationPath(
-          LuigiConfig.getConfigValueAsync("navigation.nodes"),
+          LuigiConfig.getConfigValueAsync('navigation.nodes'),
           path
         );
         const message = {
-          msg: "luigi.navigation.pathExists.answer",
+          msg: 'luigi.navigation.pathExists.answer',
           data: {
             correlationId: data.id,
             pathExists: pathData.isExistingRoute
@@ -1368,7 +1303,7 @@
         IframeHelpers.sendMessageToIframe(iframe, message);
       }
 
-      if ("luigi.set-page-dirty" === e.data.msg) {
+      if ('luigi.set-page-dirty' === e.data.msg) {
         if (!unsavedChanges.dirtySet) {
           const dirtySet = new Set();
           dirtySet.add(e.source);
@@ -1384,7 +1319,7 @@
         }
       }
 
-      if ("luigi.ux.confirmationModal.show" === e.data.msg) {
+      if ('luigi.ux.confirmationModal.show' === e.data.msg) {
         const settings = e.data.data.settings;
         contentNode = node;
         resetConfirmationModalData();
@@ -1393,7 +1328,7 @@
         });
       }
 
-      if ("luigi.ux.alert.show" === e.data.msg) {
+      if ('luigi.ux.alert.show' === e.data.msg) {
         const { settings } = e.data.data;
 
         if (!settings.text) {
@@ -1408,7 +1343,7 @@
         });
       }
 
-      if ("luigi.ux.set-current-locale" === e.data.msg) {
+      if ('luigi.ux.set-current-locale' === e.data.msg) {
         if (
           iframe.luigi.clientPermissions &&
           iframe.luigi.clientPermissions.changeCurrentLocale
@@ -1419,21 +1354,21 @@
           }
         } else {
           console.error(
-            "Current local change from client declined because client permission changeCurrentLocale is not set for this view."
+            'Current local change from client declined because client permission changeCurrentLocale is not set for this view.'
           );
         }
       }
       if (
         thirdPartyCookiesCheck &&
         !thirdPartyCookiesCheck.thirdPartyCookieScriptLocation &&
-        "luigi.third-party-cookie" === e.data.msg
+        'luigi.third-party-cookie' === e.data.msg
       ) {
-        if (e.data.tpc === "disabled") {
+        if (e.data.tpc === 'disabled') {
           tpcErrorHandling(thirdPartyCookiesCheck);
         }
       }
 
-      if ("storage" === e.data.msg) {
+      if ('storage' === e.data.msg) {
         let getValidMessageSource = IframeHelpers.getValidMessageSource(e);
         let microfrontendId = getValidMessageSource.luigi.id;
         StorageHelper.process(
@@ -1452,16 +1387,14 @@
     enableRouting(node, config);
   }
 
-  setContext("store", store);
-  setContext("getTranslation", getTranslation);
+  setContext('store', store);
+  setContext('getTranslation', getTranslation);
 
   const tpcErrorHandling = thirdpartycookiecheck => {
     if (
       thirdPartyCookiesCheck &&
       thirdPartyCookiesCheck.thirdPartyCookieErrorHandling &&
-      GenericHelpers.isFunction(
-        thirdPartyCookiesCheck.thirdPartyCookieErrorHandling
-      )
+      GenericHelpers.isFunction(thirdPartyCookiesCheck.thirdPartyCookieErrorHandling)
     ) {
       thirdPartyCookiesCheck.thirdPartyCookieErrorHandling();
     }
@@ -1470,11 +1403,11 @@
   export const pathExists = async path => {
     const data = {
       link: path,
-      relative: path[0] !== "/"
+      relative: path[0] !== '/'
     };
     const builtPath = buildPath(data);
     const pathData = await Navigation.getNavigationPath(
-      LuigiConfig.getConfigValueAsync("navigation.nodes"),
+      LuigiConfig.getConfigValueAsync('navigation.nodes'),
       builtPath
     );
     return pathData.isExistingRoute;
@@ -1486,13 +1419,11 @@
 
   onMount(() => {
     LuigiTheming._init();
-    searchProvider = LuigiConfig.getConfigValue("globalSearch.searchProvider");
-    responsiveNavSetting = LuigiConfig.getConfigValue(
-      "settings.responsiveNavigation"
-    );
+    searchProvider = LuigiConfig.getConfigValue('globalSearch.searchProvider');
+    responsiveNavSetting = LuigiConfig.getConfigValue('settings.responsiveNavigation');
     previousWindowWidth = window.innerWidth;
-    if (responsiveNavSetting === "simple") {
-      document.body.classList.add("lui-simpleSlideInNav");
+    if (responsiveNavSetting === 'simple') {
+      document.body.classList.add('lui-simpleSlideInNav');
       simpleSlideInNav = true;
       if (NavigationHelpers.getBurgerTooltipConfig()) {
         const [
@@ -1500,15 +1431,15 @@
           expandNavTooltip
         ] = NavigationHelpers.getBurgerTooltipConfig();
         if (collapseNavTooltip && expandNavTooltip) {
-          burgerTooltip = document.body.classList.contains("lui-leftNavToggle")
+          burgerTooltip = document.body.classList.contains('lui-leftNavToggle')
             ? collapseNavTooltip
             : expandNavTooltip;
         }
       }
-    } else if (responsiveNavSetting === "simpleMobileOnly") {
-      document.body.classList.add("lui-simpleSlideInNav", "lui-mobileOnly");
+    } else if (responsiveNavSetting === 'simpleMobileOnly') {
+      document.body.classList.add('lui-simpleSlideInNav', 'lui-mobileOnly');
       simpleSlideInNav = true;
-    } else if (responsiveNavSetting === "semiCollapsible" || "Fiori3") {
+    } else if (responsiveNavSetting === 'semiCollapsible' || 'Fiori3') {
       if (NavigationHelpers.getBurgerTooltipConfig()) {
         const [
           collapseNavTooltip,
@@ -1518,30 +1449,23 @@
           const collapsedNavState = JSON.parse(
             localStorage.getItem(NavigationHelpers.COL_NAV_KEY)
           );
-          burgerTooltip = collapsedNavState
-            ? collapseNavTooltip
-            : expandNavTooltip;
+          burgerTooltip = collapsedNavState ? collapseNavTooltip : expandNavTooltip;
         }
       }
-      document.body.classList.add("lui-semiCollapsible");
+      document.body.classList.add('lui-semiCollapsible');
     }
-    thirdPartyCookiesCheck = LuigiConfig.getConfigValue(
-      "settings.thirdPartyCookieCheck"
-    );
-    if (
-      thirdPartyCookiesCheck &&
-      thirdPartyCookiesCheck.thirdPartyCookieScriptLocation
-    ) {
+    thirdPartyCookiesCheck = LuigiConfig.getConfigValue('settings.thirdPartyCookieCheck');
+    if (thirdPartyCookiesCheck && thirdPartyCookiesCheck.thirdPartyCookieScriptLocation) {
       setTimeout(() => {
-        let thirdPartyCookieCheckIframe = document.createElement("iframe");
-        thirdPartyCookieCheckIframe.width = "0px";
-        thirdPartyCookieCheckIframe.height = "0px";
+        let thirdPartyCookieCheckIframe = document.createElement('iframe');
+        thirdPartyCookieCheckIframe.width = '0px';
+        thirdPartyCookieCheckIframe.height = '0px';
         thirdPartyCookieCheckIframe.src =
           thirdPartyCookiesCheck.thirdPartyCookieScriptLocation;
         document.body.appendChild(thirdPartyCookieCheckIframe);
         thirdPartyCookieCheckIframe.onload = function() {
           setTimeout(() => {
-            if (thirdPartyCookiesStatus() === "disabled") {
+            if (thirdPartyCookiesStatus() === 'disabled') {
               tpcErrorHandling(thirdPartyCookiesCheck);
             }
           });
@@ -1555,9 +1479,9 @@
 </script>
 
 <style type="text/scss">
-  @import "styles/fonts";
-  @import "styles/mixins";
-  @import "styles/variables";
+  @import 'styles/fonts';
+  @import 'styles/mixins';
+  @import 'styles/variables';
 
   /* needed to apply custom width of left side nav, by default 15rem as per FD Styles*/
   :root {
@@ -1585,7 +1509,7 @@
     box-sizing: inherit;
   }
   div :global(div) {
-    font-family: "72", sans-serif;
+    font-family: '72', sans-serif;
   }
 
   :global(a) {
@@ -1934,7 +1858,7 @@
       &:first-child {
         :global(.fd-menu__item) {
           &:first-child {
-            @include luigi-menu__link--border-radius("top");
+            @include luigi-menu__link--border-radius('top');
           }
         }
       }
@@ -1942,7 +1866,7 @@
       &:last-child {
         :global(.fd-menu__item) {
           &:last-child {
-            @include luigi-menu__link--border-radius("bottom");
+            @include luigi-menu__link--border-radius('bottom');
           }
         }
       }
diff --git a/core/src/Authorization.html b/core/src/Authorization.html
index 8102ab4115..ca59171104 100644
--- a/core/src/Authorization.html
+++ b/core/src/Authorization.html
@@ -41,11 +41,7 @@
       on:click="{onUserSettingsClick}"
       data-testid="{getTestId(profileNav.settings)}"
     >
-      <a
-        aria-label="User Settings"
-        class="fd-menu__link"
-        data-testid="settings-link"
-      >
+      <a aria-label="User Settings" class="fd-menu__link" data-testid="settings-link">
         {#if profileNav.settings.icon} {#if hasOpenUIicon(profileNav.settings)}
         <i class="fd-top-nav__icon sap-icon--{profileNav.settings.icon}"></i>
         {:else}
@@ -55,9 +51,7 @@
           alt="{profileNav.settings.altText ? profileNav.settings.altText : ''}"
         />
         {/if} {/if}
-        <span class="fd-menu__title"
-          >{$getTranslation(profileNav.settings.label)}</span
-        >
+        <span class="fd-menu__title">{$getTranslation(profileNav.settings.label)}</span>
       </a>
     </li>
     {/if} {#if isAuthorizationEnabled || isProfileLogoutItem} {#if isLoggedIn ||
@@ -77,9 +71,7 @@
           alt="{profileNav.logout.altText ? profileNav.logout.altText : ''}"
         />
         {/if} {/if}
-        <span class="fd-menu__title"
-          >{$getTranslation(profileNav.logout.label)}</span
-        >
+        <span class="fd-menu__title">{$getTranslation(profileNav.logout.label)}</span>
       </a>
     </li>
     {/if} {#if isAuthorizationEnabled && !isLoggedIn}
@@ -93,18 +85,18 @@
 </nav>
 {/if}
 <script>
-  import { AuthLayerSvc } from "./services";
-  import { createEventDispatcher, onMount, getContext } from "svelte";
-  import { LuigiAuth, LuigiConfig, LuigiUX } from "./core-api";
+  import { AuthLayerSvc } from './services';
+  import { createEventDispatcher, onMount, getContext } from 'svelte';
+  import { LuigiAuth, LuigiConfig, LuigiUX } from './core-api';
   import {
     AuthHelpers,
     GenericHelpers,
     NavigationHelpers,
     StateHelpers,
     RoutingHelpers
-  } from "./utilities/helpers";
-  import { AuthStoreSvc, Routing } from "./services";
-  import { TOP_NAV_DEFAULTS } from "./utilities/luigi-config-defaults";
+  } from './utilities/helpers';
+  import { AuthStoreSvc, Routing } from './services';
+  import { TOP_NAV_DEFAULTS } from './utilities/luigi-config-defaults';
 
   const dispatch = createEventDispatcher();
 
@@ -119,12 +111,10 @@
   let hasUserSettings;
   let navProfileListenerInstalled;
   let profileLogoutFnDefined;
-  let store = getContext("store");
-  let getTranslation = getContext("getTranslation");
-  let getUnsavedChangesModalPromise = getContext(
-    "getUnsavedChangesModalPromise"
-  );
-  let openViewInModal = getContext("openViewInModal");
+  let store = getContext('store');
+  let getTranslation = getContext('getTranslation');
+  let getUnsavedChangesModalPromise = getContext('getUnsavedChangesModalPromise');
+  let openViewInModal = getContext('openViewInModal');
 
   onMount(async () => {
     if (!LuigiAuth.isAuthorizationEnabled()) {
@@ -140,7 +130,7 @@
     });
     AuthLayerSvc.getUserInfoStore().subscribe(uInfo => {
       userInfo = uInfo;
-      dispatch("userInfoUpdated", userInfo);
+      dispatch('userInfoUpdated', userInfo);
     });
   });
 
@@ -169,42 +159,37 @@
         store,
         async () => {
           const logoutItem = await LuigiConfig.getConfigValueAsync(
-            "navigation.profile.logout"
+            'navigation.profile.logout'
           );
           //check if the User Settings schema exist
           const userSettingsConfig = await LuigiConfig.getConfigValueAsync(
-            "userSettings"
+            'userSettings'
           );
           const userSettings = userSettingsConfig
             ? userSettingsConfig
-            : await LuigiConfig.getConfigValueAsync("settings.userSettings");
+            : await LuigiConfig.getConfigValueAsync('settings.userSettings');
           hasUserSettings = Boolean(userSettings);
           //check if Settings dropdown is enabled for navigation in Shellbar
           const profileNavData = {
             items:
-              (await LuigiConfig.getConfigValueAsync(
-                "navigation.profile.items"
-              )) || []
+              (await LuigiConfig.getConfigValueAsync('navigation.profile.items')) || []
           };
           if (hasUserSettings) {
             const userSettingsProfileMenuEntry =
               userSettings.userSettingsProfileMenuEntry;
-            profileNavData["settings"] = {
+            profileNavData['settings'] = {
               ...TOP_NAV_DEFAULTS.userSettingsProfileMenuEntry,
               ...userSettingsProfileMenuEntry
             };
           }
-          profileNavData["logout"] = {
+          profileNavData['logout'] = {
             ...TOP_NAV_DEFAULTS.logout,
             ...logoutItem
           };
           isProfileLogoutItem = Boolean(logoutItem);
           profileLogoutFnDefined = false;
           AuthLayerSvc.setProfileLogoutFn(null);
-          if (
-            logoutItem &&
-            GenericHelpers.isFunction(logoutItem.customLogoutFn)
-          ) {
+          if (logoutItem && GenericHelpers.isFunction(logoutItem.customLogoutFn)) {
             // TODO: PROFNAVLOGOUT: three smiliar implementations.
             // TODO: whats the difference between this profileLogoutFn, profileNav, auth-layer
             profileLogoutFnDefined = true;
@@ -212,7 +197,7 @@
           }
           profileNav = profileNavData;
         },
-        ["navigation.profile"]
+        ['navigation.profile']
       );
       navProfileListenerInstalled = true;
     }
@@ -220,12 +205,12 @@
 
   export async function setProfileUserData() {
     const uInfo = await LuigiConfig.getConfigValueAsync(
-      "navigation.profile.staticUserInfoFn"
+      'navigation.profile.staticUserInfoFn'
     );
     if (uInfo) {
       AuthLayerSvc.setUserInfo(userInfo);
       userInfo = uInfo;
-      dispatch("userInfoUpdated", userInfo);
+      dispatch('userInfoUpdated', userInfo);
     }
   }
 
@@ -233,15 +218,12 @@
     getUnsavedChangesModalPromise().then(() => {
       if (item.openNodeInModal) {
         const route = RoutingHelpers.buildRoute(item, `${item.link}`);
-        openViewInModal(
-          route,
-          item.openNodeInModal === true ? {} : item.openNodeInModal
-        );
+        openViewInModal(route, item.openNodeInModal === true ? {} : item.openNodeInModal);
       } else {
         Routing.navigateToLink(item);
       }
     });
-    dispatch("toggleDropdownState");
+    dispatch('toggleDropdownState');
   }
 
   export function onLogoutClick() {
@@ -253,14 +235,14 @@
         // TODO: PROFNAVLOGOUT: three smiliar implementations. profilen
         profileNav.logout.customLogoutFn();
       } else {
-        console.error("No IDP provider or profile.customLogoutFn is defined.");
+        console.error('No IDP provider or profile.customLogoutFn is defined.');
       }
     });
   }
 
   export function onUserSettingsClick() {
     LuigiUX.openUserSettings();
-    dispatch("toggleDropdownState");
+    dispatch('toggleDropdownState');
   }
 
   export function logout() {
diff --git a/core/src/Backdrop.html b/core/src/Backdrop.html
index 39e409ef81..9fd06c7045 100644
--- a/core/src/Backdrop.html
+++ b/core/src/Backdrop.html
@@ -7,13 +7,13 @@
 </div>
 
 <script>
-  import { beforeUpdate, onMount, createEventDispatcher } from "svelte";
-  import { LuigiConfig } from "./core-api";
-  import { IframeHelpers, EventListenerHelpers } from "./utilities/helpers";
+  import { beforeUpdate, onMount, createEventDispatcher } from 'svelte';
+  import { LuigiConfig } from './core-api';
+  import { IframeHelpers, EventListenerHelpers } from './utilities/helpers';
 
   const dispatch = createEventDispatcher();
 
-  export let backdropClass = "";
+  export let backdropClass = '';
   export let backdropActive = false;
   let wasBackdropActive = false;
   let options = {};
@@ -21,13 +21,13 @@
   export let disable;
 
   const setBackdropClass = () => {
-    const baseClasses = "lui-backdrop ";
+    const baseClasses = 'lui-backdrop ';
     if (!backdropActive) {
-      backdropClass = "";
+      backdropClass = '';
     } else if (options.data && options.data.heightCssClass) {
       backdropClass = baseClasses + options.data.heightCssClass;
     } else {
-      backdropClass = baseClasses + "height-auto";
+      backdropClass = baseClasses + 'height-auto';
     }
   };
 
@@ -49,25 +49,23 @@
   };
 
   onMount(() => {
-    const backdropDisabled = LuigiConfig.getConfigValue(
-      "settings.backdropDisabled"
-    );
+    const backdropDisabled = LuigiConfig.getConfigValue('settings.backdropDisabled');
     if (!backdropDisabled) {
       setBackdropClass();
-      EventListenerHelpers.addEventListener("message", e => {
+      EventListenerHelpers.addEventListener('message', e => {
         if (!IframeHelpers.getValidMessageSource(e)) return;
         if (disable !== true) {
-          if ("luigi.add-backdrop" === e.data.msg) {
+          if ('luigi.add-backdrop' === e.data.msg) {
             if (isValidForArea(e)) {
               backdropActive = true;
             } else {
               backdropActive = false;
             }
-            dispatch("stateChanged", { backdropActive: true });
+            dispatch('stateChanged', { backdropActive: true });
           }
-          if ("luigi.remove-backdrop" === e.data.msg) {
+          if ('luigi.remove-backdrop' === e.data.msg) {
             backdropActive = false;
-            dispatch("stateChanged", { backdropActive: false });
+            dispatch('stateChanged', { backdropActive: false });
           }
         }
       });
diff --git a/core/src/ConfirmationModal.html b/core/src/ConfirmationModal.html
index cd88e0907e..5322e6d948 100644
--- a/core/src/ConfirmationModal.html
+++ b/core/src/ConfirmationModal.html
@@ -43,29 +43,29 @@ <h2 class="fd-title fd-title--h5">{settings.header}</h2>
 </div>
 
 <script>
-  import { createEventDispatcher, onMount } from "svelte";
-  import { LuigiI18N } from "./core-api";
-  import { KEYCODE_ESC } from "./utilities/keycode.js";
-  import { EscapingHelpers } from "./utilities/helpers";
+  import { createEventDispatcher, onMount } from 'svelte';
+  import { LuigiI18N } from './core-api';
+  import { KEYCODE_ESC } from './utilities/keycode.js';
+  import { EscapingHelpers } from './utilities/helpers';
 
   const dispatch = createEventDispatcher();
 
   export let settings;
   const iconMapping = {
-    confirmation: "question-mark",
-    information: "message-information",
-    warning: "message-warning",
-    error: "message-error",
-    success: "message-success"
+    confirmation: 'question-mark',
+    information: 'message-information',
+    warning: 'message-warning',
+    error: 'message-error',
+    success: 'message-success'
   };
 
   onMount(() => {
     const defaultSettings = {
       icon: iconMapping[settings.type],
-      header: LuigiI18N.getTranslation("luigi.confirmationModal.header"),
-      body: LuigiI18N.getTranslation("luigi.confirmationModal.body"),
-      buttonDismiss: LuigiI18N.getTranslation("luigi.button.dismiss"),
-      buttonConfirm: LuigiI18N.getTranslation("luigi.button.confirm")
+      header: LuigiI18N.getTranslation('luigi.confirmationModal.header'),
+      body: LuigiI18N.getTranslation('luigi.confirmationModal.body'),
+      buttonDismiss: LuigiI18N.getTranslation('luigi.button.dismiss'),
+      buttonConfirm: LuigiI18N.getTranslation('luigi.button.confirm')
     };
     settings = {
       ...settings,
@@ -73,9 +73,7 @@ <h2 class="fd-title fd-title--h5">{settings.header}</h2>
     };
     settings = Object.assign(defaultSettings, settings);
 
-    const focusedButton = settings.buttonConfirm
-      ? "confirm-button"
-      : "dismiss-button";
+    const focusedButton = settings.buttonConfirm ? 'confirm-button' : 'dismiss-button';
 
     try {
       document.querySelector(`.${focusedButton}`).focus();
@@ -88,13 +86,13 @@ <h2 class="fd-title fd-title--h5">{settings.header}</h2>
   // review these functions and remove unnecessary 'export' keywords
   export function handleKeydown(event) {
     if (event.keyCode === KEYCODE_ESC) {
-      dispatch("modalDismiss");
+      dispatch('modalDismiss');
     }
   }
 </script>
 
 <style type="text/scss">
-  @import "styles/variables";
+  @import 'styles/variables';
 
   .fd-message-box {
     &__body {
diff --git a/core/src/Modal.html b/core/src/Modal.html
index 083e4c3259..55c5bca523 100644
--- a/core/src/Modal.html
+++ b/core/src/Modal.html
@@ -60,26 +60,21 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
 </div>
 
 <script>
-  import Backdrop from "./Backdrop.html";
-  import {
-    afterUpdate,
-    createEventDispatcher,
-    onMount,
-    onDestroy
-  } from "svelte";
-  import { fade } from "svelte/transition";
+  import Backdrop from './Backdrop.html';
+  import { afterUpdate, createEventDispatcher, onMount, onDestroy } from 'svelte';
+  import { fade } from 'svelte/transition';
   const dispatch = createEventDispatcher();
 
-  import { Navigation } from "./navigation/services/navigation";
+  import { Navigation } from './navigation/services/navigation';
   import {
     EventListenerHelpers,
     GenericHelpers,
     IframeHelpers,
     RoutingHelpers
-  } from "./utilities/helpers";
-  import { LuigiConfig } from "./core-api";
-  import { KEYCODE_ESC } from "./utilities/keycode.js";
-  import { WebComponentService } from "./services/web-components";
+  } from './utilities/helpers';
+  import { LuigiConfig } from './core-api';
+  import { KEYCODE_ESC } from './utilities/keycode.js';
+  import { WebComponentService } from './services/web-components';
 
   export let settings;
   export let isDataPrepared = false;
@@ -94,13 +89,12 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
   let isModal = true;
 
   const prepareNodeData = async path => {
-    const pathUrlRaw =
-      path && path.length ? GenericHelpers.getPathWithoutHash(path) : "";
-    const params = RoutingHelpers.parseParams(pathUrlRaw.split("?")[1]);
+    const pathUrlRaw = path && path.length ? GenericHelpers.getPathWithoutHash(path) : '';
+    const params = RoutingHelpers.parseParams(pathUrlRaw.split('?')[1]);
     nodeParams = RoutingHelpers.getNodeParams(params);
     const dataFromPath = await Navigation.extractDataFromPath(path);
     nodeObject = dataFromPath.nodeObject;
-    isDrawer = settings.isDrawer || typeof nodeObject.drawer === "object";
+    isDrawer = settings.isDrawer || typeof nodeObject.drawer === 'object';
     if (isDrawer) {
       isModal = false;
       if (settings.header === undefined) {
@@ -111,10 +105,10 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
       }
       if (settings.backdrop === undefined || !settings.backdrop) {
         settings.backdrop = false;
-        dispatch("drawerState", { activeDrawer: true });
+        dispatch('drawerState', { activeDrawer: true });
       }
       if (!settings.size) {
-        settings.size = "s";
+        settings.size = 's';
       }
     } else {
       if (!settings.title) {
@@ -137,12 +131,12 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
         await setModalSize();
         WebComponentService.renderWebComponent(
           nodeObject.viewUrl,
-          document.querySelector(".iframeModalCtn"),
+          document.querySelector('.iframeModalCtn'),
           pathData.context,
           nodeObject
         );
-        dispatch("wcCreated", {
-          modalWC: document.querySelector(".iframeModalCtn"),
+        dispatch('wcCreated', {
+          modalWC: document.querySelector('.iframeModalCtn'),
           modalWCData: { ...pathData, nodeParams }
         });
         wcCreated = true;
@@ -155,7 +149,7 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
           pathParams: pathData.pathParams,
           nodeParams
         });
-        dispatch("iframeCreated", {
+        dispatch('iframeCreated', {
           modalIframe: iframe,
           modalIframeData: { ...pathData, nodeParams }
         });
@@ -167,18 +161,18 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
   };
 
   const setModalSize = async () => {
-    const elem = document.getElementsByClassName("lui-modal-mf");
-    let modalSize = "80%";
+    const elem = document.getElementsByClassName('lui-modal-mf');
+    let modalSize = '80%';
     if (settings.size) {
-      if (settings.size === "l") {
-        modalSize = "80%";
-      } else if (settings.size === "m") {
-        modalSize = "60%";
-      } else if (settings.size === "s") {
-        modalSize = "40%";
+      if (settings.size === 'l') {
+        modalSize = '80%';
+      } else if (settings.size === 'm') {
+        modalSize = '60%';
+      } else if (settings.size === 's') {
+        modalSize = '40%';
       }
     }
-    elem[0].setAttribute("style", `width:${modalSize};height:${modalSize}`);
+    elem[0].setAttribute('style', `width:${modalSize};height:${modalSize}`);
   };
 
   const createIframeModal = async (viewUrl, componentData) => {
@@ -195,34 +189,34 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
       viewUrl,
       undefined,
       nodeObject,
-      "modal"
+      'modal'
     );
 
-    const iframeCtn = document.querySelector(".iframeModalCtn");
+    const iframeCtn = document.querySelector('.iframeModalCtn');
     iframeCtn.appendChild(iframe);
     return iframe;
   };
 
   async function setDrawerSize(elem) {
-    let styleSettings = "";
-    const elemDrawer = document.getElementsByClassName("drawer");
-    const drawerDialog = document.getElementsByClassName("drawer-dialog");
+    let styleSettings = '';
+    const elemDrawer = document.getElementsByClassName('drawer');
+    const drawerDialog = document.getElementsByClassName('drawer-dialog');
     if (settings.size) {
-      if (settings.size === "l") {
+      if (settings.size === 'l') {
         styleSettings = `width:75%;`;
-      } else if (settings.size === "m") {
+      } else if (settings.size === 'm') {
         styleSettings = `width:50%;`;
-      } else if (settings.size === "s") {
+      } else if (settings.size === 's') {
         styleSettings = `width:25%;`;
-      } else if (settings.size === "xs") {
+      } else if (settings.size === 'xs') {
         styleSettings = `width:15.5%;`;
       }
     }
     if (settings.backdrop) {
-      elemDrawer[0].setAttribute("style", styleSettings);
+      elemDrawer[0].setAttribute('style', styleSettings);
     } else {
-      drawerDialog[0].setAttribute("style", styleSettings);
-      elemDrawer[0].setAttribute("style", "width:100%");
+      drawerDialog[0].setAttribute('style', styleSettings);
+      elemDrawer[0].setAttribute('style', 'width:100%');
     }
   }
 
@@ -234,15 +228,15 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
   });
 
   const onMessage = async e => {
-    if ("luigi.show-loading-indicator" === e.data.msg) {
+    if ('luigi.show-loading-indicator' === e.data.msg) {
       showLoadingIndicator = true;
     }
 
-    if ("luigi.hide-loading-indicator" === e.data.msg) {
+    if ('luigi.hide-loading-indicator' === e.data.msg) {
       showLoadingIndicator = false;
     }
 
-    if ("luigi.get-context" === e.data.msg) {
+    if ('luigi.get-context' === e.data.msg) {
       const loadingIndicatorAutoHideEnabled =
         !nodeObject ||
         !nodeObject.loadingIndicator ||
@@ -252,41 +246,36 @@ <h3 class="fd-dialog__title">{settings.title}</h3>
       }
     }
 
-    if ("luigi.close-modal" === e.data.msg) {
-      dispatch("close", { type: "modal" });
+    if ('luigi.close-modal' === e.data.msg) {
+      dispatch('close', { type: 'modal' });
     }
   };
 
   const backdropStateChanged = event => {
-    if (
-      event &&
-      event.detail &&
-      event.detail.backdropActive &&
-      event.detail.drawer
-    ) {
+    if (event && event.detail && event.detail.backdropActive && event.detail.drawer) {
       //renderBackdrop = false;
     }
   };
 
   onMount(() => {
-    EventListenerHelpers.addEventListener("message", onMessage);
+    EventListenerHelpers.addEventListener('message', onMessage);
   });
 
   onDestroy(() => {
-    EventListenerHelpers.removeEventListener("message", onMessage);
+    EventListenerHelpers.removeEventListener('message', onMessage);
   });
 
   // [svelte-upgrade suggestion]
   // review these functions and remove unnecessary 'export' keywords
   export function handleKeydown(event) {
     if (event.keyCode === KEYCODE_ESC) {
-      dispatch("close");
+      dispatch('close');
     }
   }
 </script>
 
 <style type="text/scss">
-  @import "styles/variables";
+  @import 'styles/variables';
   .drawer-dialog {
     position: absolute;
     top: $topNavHeight;
diff --git a/core/src/SplitView.html b/core/src/SplitView.html
index 796884422a..4758b3d15f 100644
--- a/core/src/SplitView.html
+++ b/core/src/SplitView.html
@@ -1,8 +1,5 @@
 <svelte:window on:resize="{updateSizes}" />
-<div
-  id="splitViewContainer"
-  class="splitViewContainer {collapsed?'lui-collapsed':''}"
->
+<div id="splitViewContainer" class="splitViewContainer {collapsed?'lui-collapsed':''}">
   <Backdrop
     area="split-view"
     disable="{disableBackdrop}"
@@ -11,10 +8,7 @@
   <div class="lui-split-view">
     {#if collapsed}
     <div id="splitViewDraggerCollapsed" class="splitViewSeparator isCollapsed">
-      <a
-        class="lui-collapse-btn"
-        on:click|stopPropagation|preventDefault="{expand}"
-      >
+      <a class="lui-collapse-btn" on:click|stopPropagation|preventDefault="{expand}">
         <i class="sap-icon sap-icon--navigation-up-arrow"></i>
       </a>
     </div>
@@ -28,30 +22,27 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
 <div id="splitViewDraggerBackdrop"></div>
 <div id="splitViewDragger" on:mousedown|stopPropagation="{onDragStart}">
   <div class="splitViewSeparator"></div>
-  <a
-    class="lui-collapse-btn"
-    on:click|stopPropagation|preventDefault="{collapse}"
-  >
+  <a class="lui-collapse-btn" on:click|stopPropagation|preventDefault="{collapse}">
     <i class="sap-icon sap-icon--navigation-down-arrow"></i>
   </a>
 </div>
 {/if}
 <script>
-  import Backdrop from "./Backdrop.html";
+  import Backdrop from './Backdrop.html';
   import {
     afterUpdate,
     onDestroy,
     onMount,
     createEventDispatcher,
     getContext
-  } from "svelte";
-  import { LuigiElements } from "./core-api";
-  import { SplitViewSvc } from "./services";
+  } from 'svelte';
+  import { LuigiElements } from './core-api';
+  import { SplitViewSvc } from './services';
   import {
     EventListenerHelpers,
     GenericHelpers,
     IframeHelpers
-  } from "./utilities/helpers";
+  } from './utilities/helpers';
 
   const dispatch = createEventDispatcher();
 
@@ -75,9 +66,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
   export let isDataPrepared = false;
   export let disableBackdrop;
   let wasDataPrepared = false;
-  let getUnsavedChangesModalPromise = getContext(
-    "getUnsavedChangesModalPromise"
-  );
+  let getUnsavedChangesModalPromise = getContext('getUnsavedChangesModalPromise');
 
   //TODO refactor
   const getComponentWrapper = () => {
@@ -100,27 +89,27 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
       set: obj => {
         if (obj) {
           Object.getOwnPropertyNames(obj).forEach(prop => {
-            if (prop === "splitViewSettings") {
+            if (prop === 'splitViewSettings') {
               splitViewSettings = obj.splitViewSettings;
-            } else if (prop === "lastNode") {
+            } else if (prop === 'lastNode') {
               lastNode = obj.lastNode;
-            } else if (prop === "pathData") {
+            } else if (prop === 'pathData') {
               pathData = obj.pathData;
-            } else if (prop === "nodeParams") {
+            } else if (prop === 'nodeParams') {
               nodeParams = obj.nodeParams;
-            } else if (prop === "collapsed") {
+            } else if (prop === 'collapsed') {
               collapsed = obj.collapsed;
-            } else if (prop === "isDataPrepared") {
+            } else if (prop === 'isDataPrepared') {
               isDataPrepared = obj.isDataPrepared;
-            } else if (prop === "currentNode") {
+            } else if (prop === 'currentNode') {
               currentNode = obj.currentNode;
-            } else if (prop === "splitViewIframe") {
+            } else if (prop === 'splitViewIframe') {
               splitViewIframe = obj.splitViewIframe;
-            } else if (prop === "splitViewIframeData") {
+            } else if (prop === 'splitViewIframeData') {
               splitViewIframeData = obj.splitViewIframeData;
-            } else if (prop === "splitViewWC") {
+            } else if (prop === 'splitViewWC') {
               splitViewWC = obj.splitViewWC;
-            } else if (prop === "splitViewWCData") {
+            } else if (prop === 'splitViewWCData') {
               splitViewWCData = obj.splitViewWCData;
             }
           });
@@ -150,7 +139,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
   const setSplitViewSize = () => {
     const draggerBackdrop = SplitViewSvc.getDraggerBackdrop();
     if (draggerBackdrop) {
-      draggerBackdrop.style.display = "none";
+      draggerBackdrop.style.display = 'none';
     }
 
     updateElementSelectors();
@@ -169,16 +158,16 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
     // actions, like collapse, expand, setSize as well as register
     // event handlers: onCollapse, onExpand, onResize
 
-    if ("luigi.navigation.splitview.close" === e.data.msg) {
+    if ('luigi.navigation.splitview.close' === e.data.msg) {
       SplitViewSvc.close(getComponentWrapper());
     }
-    if ("luigi.navigation.splitview.collapse" === e.data.msg) {
+    if ('luigi.navigation.splitview.collapse' === e.data.msg) {
       collapse();
     }
-    if ("luigi.navigation.splitview.expand" === e.data.msg) {
+    if ('luigi.navigation.splitview.expand' === e.data.msg) {
       expand();
     }
-    if ("luigi.navigation.splitview.resize" === e.data.msg) {
+    if ('luigi.navigation.splitview.resize' === e.data.msg) {
       const percentBottom = parseInt(e.data.data);
       SplitViewSvc.calculateAndSetSplitViewValues(
         percentBottom,
@@ -191,7 +180,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
       }
       setSplitViewSize();
       SplitViewSvc.sendMessageToClients(
-        "resize.ok",
+        'resize.ok',
         SplitViewSvc.splitViewValues.percent
       );
     }
@@ -202,7 +191,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
     // bind(this) changes the signature, required to
     // be assigned to var in order to removeEventListener
     messageHandler = _messageHandler.bind(this);
-    EventListenerHelpers.addEventListener("message", messageHandler);
+    EventListenerHelpers.addEventListener('message', messageHandler);
   });
 
   // [svelte-upgrade warning]
@@ -217,7 +206,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
   });
 
   onDestroy(() => {
-    window.removeEventListener("message", messageHandler);
+    window.removeEventListener('message', messageHandler);
   });
 
   // [svelte-upgrade suggestion]
@@ -229,7 +218,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
   export async function expand() {
     await SplitViewSvc.expand(getComponentWrapper());
     if (elements.draggerBackdrop) {
-      elements.draggerBackdrop.style.display = "none";
+      elements.draggerBackdrop.style.display = 'none';
     }
   }
   export function updateSizes() {
@@ -255,7 +244,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
     const resize = function resize(re) {
       const diff = m_pos - re.y;
 
-      const dragTop = parseInt(getComputedStyle(elements.draggable, "").top);
+      const dragTop = parseInt(getComputedStyle(elements.draggable, '').top);
 
       if (isNaN(dragTop) || diff === 0) {
         // happens in collapsed state on mouse over draggable
@@ -284,7 +273,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
         !newValues.bottom ||
         newValues.top == SplitViewSvc.internalValues.m_pos_prev
       ) {
-        SplitViewSvc.getDraggerBackdrop().style.display = "none";
+        SplitViewSvc.getDraggerBackdrop().style.display = 'none';
         return;
       }
       SplitViewSvc.internalValues.m_pos_prev = newValues.top;
@@ -292,29 +281,29 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
 
       setSplitViewSize();
 
-      SplitViewSvc.sendMessageToClients("resize.ok", newValues.percent);
+      SplitViewSvc.sendMessageToClients('resize.ok', newValues.percent);
     };
 
     const clearListeners = function clearListeners() {
-      document.removeEventListener("mouseup", onMouseUp);
-      document.removeEventListener("mousemove", resize);
+      document.removeEventListener('mouseup', onMouseUp);
+      document.removeEventListener('mousemove', resize);
     };
     const addListeners = function resetListeners() {
-      document.addEventListener("mouseup", onMouseUp);
-      document.addEventListener("mousemove", resize);
+      document.addEventListener('mouseup', onMouseUp);
+      document.addEventListener('mousemove', resize);
     };
 
     updateElementSelectors();
     clearListeners();
     addListeners();
-    SplitViewSvc.getDraggerBackdrop().style.display = "block";
+    SplitViewSvc.getDraggerBackdrop().style.display = 'block';
   }
 
   const setDraggerVisibility = visible => {
     let dragger = SplitViewSvc.getDraggerButton();
-    if (dragger) dragger.style.display = visible ? "block" : "none";
+    if (dragger) dragger.style.display = visible ? 'block' : 'none';
     dragger = SplitViewSvc.getCollapsedDraggerButton();
-    if (dragger) dragger.style.display = visible ? "block" : "none";
+    if (dragger) dragger.style.display = visible ? 'block' : 'none';
   };
 
   const backdropStateChanged = event => {
@@ -323,7 +312,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
 </script>
 
 <style type="text/scss">
-  @import "styles/variables";
+  @import 'styles/variables';
 
   $collapsedSplitviewHeight: 38px;
   $colorNeutral4: #89919a;
diff --git a/core/src/TopNavDropDown.html b/core/src/TopNavDropDown.html
index 4f1bbf1232..6d35801d69 100644
--- a/core/src/TopNavDropDown.html
+++ b/core/src/TopNavDropDown.html
@@ -41,19 +41,14 @@
 />
 {/if}
 <script>
-  import BadgeCounter from "./navigation/BadgeCounter.html";
-  import MobileTopNav from "./navigation/MobileTopNavDropDown.html";
-  import {
-    beforeUpdate,
-    createEventDispatcher,
-    onMount,
-    getContext
-  } from "svelte";
-  import { Routing } from "./services/routing";
-  import { Navigation } from "./navigation/services/navigation";
-  import { NavigationHelpers } from "./utilities/helpers";
-  import { RoutingHelpers } from "./utilities/helpers";
-  import { LuigiI18N } from "./core-api";
+  import BadgeCounter from './navigation/BadgeCounter.html';
+  import MobileTopNav from './navigation/MobileTopNavDropDown.html';
+  import { beforeUpdate, createEventDispatcher, onMount, getContext } from 'svelte';
+  import { Routing } from './services/routing';
+  import { Navigation } from './navigation/services/navigation';
+  import { NavigationHelpers } from './utilities/helpers';
+  import { RoutingHelpers } from './utilities/helpers';
+  import { LuigiI18N } from './core-api';
 
   const dispatch = createEventDispatcher();
 
@@ -61,10 +56,8 @@
   export let children;
   export let node;
   let pathParams;
-  let getUnsavedChangesModalPromise = getContext(
-    "getUnsavedChangesModalPromise"
-  );
-  let openViewInModal = getContext("openViewInModal");
+  let getUnsavedChangesModalPromise = getContext('getUnsavedChangesModalPromise');
+  let openViewInModal = getContext('openViewInModal');
   const getNodeSubtitle = () => {};
 
   //TODO refactor
@@ -100,10 +93,7 @@
     getUnsavedChangesModalPromise().then(() => {
       if (node.openNodeInModal) {
         const route = RoutingHelpers.buildRoute(node, `/${node.pathSegment}`);
-        openViewInModal(
-          route,
-          node.openNodeInModal === true ? {} : node.openNodeInModal
-        );
+        openViewInModal(route, node.openNodeInModal === true ? {} : node.openNodeInModal);
       } else {
         Routing.handleRouteClick(node, getComponentWrapper());
       }
@@ -116,14 +106,14 @@
   }
 
   export function closeSubNav() {
-    dispatch("close");
+    dispatch('close');
   }
 
   export function setViewportHeightVariable() {
     // get the viewport height and multiple it by 1% to get a value for a vh unit
     let vh = window.innerHeight * 0.01;
     // set the value in the --vh custom property to the root of the document
-    document.documentElement.style.setProperty("--vh", `${vh}px`);
+    document.documentElement.style.setProperty('--vh', `${vh}px`);
   }
 
   function hasOpenUIicon(node) {
diff --git a/core/src/UserSettingsDialog.html b/core/src/UserSettingsDialog.html
index ac9cdc0982..4428e6ec97 100644
--- a/core/src/UserSettingsDialog.html
+++ b/core/src/UserSettingsDialog.html
@@ -5,21 +5,21 @@
     onDestroy,
     beforeUpdate,
     getContext
-  } from "svelte";
+  } from 'svelte';
   import {
     NavigationHelpers,
     GenericHelpers,
     EventListenerHelpers,
     IframeHelpers,
     UserSettingsHelper
-  } from "./utilities/helpers";
-  import { MessagesListeners } from "./services/messages-listeners";
-  import { ViewUrlDecorator } from "./services/viewurl-decorator";
-  import UserSettingsEditor from "./UserSettingsEditor.html";
-  import { CSS_BREAKPOINTS } from "./utilities/constants";
-  import { LuigiConfig } from "./core-api";
-  import { TOP_NAV_DEFAULTS } from "./utilities/luigi-config-defaults";
-  import { KEYCODE_ESC } from "./utilities/keycode.js";
+  } from './utilities/helpers';
+  import { MessagesListeners } from './services/messages-listeners';
+  import { ViewUrlDecorator } from './services/viewurl-decorator';
+  import UserSettingsEditor from './UserSettingsEditor.html';
+  import { CSS_BREAKPOINTS } from './utilities/constants';
+  import { LuigiConfig } from './core-api';
+  import { TOP_NAV_DEFAULTS } from './utilities/luigi-config-defaults';
+  import { KEYCODE_ESC } from './utilities/keycode.js';
   export let schemaObj;
   export let userSettingGroups;
 
@@ -29,7 +29,7 @@
   let userSettingsGroupKey;
   let displayEditor = false;
   let previousUserSettings = {};
-  let getTranslation = getContext("getTranslation");
+  let getTranslation = getContext('getTranslation');
   let dialogHeader = TOP_NAV_DEFAULTS.userSettingsDialog.dialogHeader;
   let saveBtn = TOP_NAV_DEFAULTS.userSettingsDialog.saveBtn;
   let dismissBtn = TOP_NAV_DEFAULTS.userSettingsDialog.dismissBtn;
@@ -40,19 +40,17 @@
 
   onMount(() => {
     const usLocalizationConfig = LuigiConfig.getConfigValue(
-      "userSettings.userSettingsDialog"
+      'userSettings.userSettingsDialog'
     );
     const usLocalization = usLocalizationConfig
       ? usLocalizationConfig
-      : LuigiConfig.getConfigValue("settings.userSettings.userSettingsDialog");
+      : LuigiConfig.getConfigValue('settings.userSettings.userSettingsDialog');
     if (usLocalization) {
       dialogHeader = usLocalization.dialogHeader
         ? usLocalization.dialogHeader
         : dialogHeader;
       saveBtn = usLocalization.saveBtn ? usLocalization.saveBtn : saveBtn;
-      dismissBtn = usLocalization.dismissBtn
-        ? usLocalization.dismissBtn
-        : dismissBtn;
+      dismissBtn = usLocalization.dismissBtn ? usLocalization.dismissBtn : dismissBtn;
     }
 
     key =
@@ -60,27 +58,23 @@
         ? Object.keys(userSettingGroups[0])[0]
         : undefined;
 
-    EventListenerHelpers.addEventListener("message", e => {
+    EventListenerHelpers.addEventListener('message', e => {
       const iframe = IframeHelpers.getValidMessageSource(e);
-      if (!iframe || "custom" !== e.data.msg) return;
+      if (!iframe || 'custom' !== e.data.msg) return;
       iframe._ready = true;
 
-      const message = MessagesListeners.convertCustomMessageInternalToUser(
-        e.data
-      );
-      const userSettingsCMKey = "luigi.updateUserSettings";
+      const message = MessagesListeners.convertCustomMessageInternalToUser(e.data);
+      const userSettingsCMKey = 'luigi.updateUserSettings';
       if (message.id === userSettingsCMKey) {
-        const iframe = UserSettingsHelper.findActiveCustomUserSettingsIframe(
-          e.source
-        );
+        const iframe = UserSettingsHelper.findActiveCustomUserSettingsIframe(e.source);
         if (iframe) {
-          let userSettingsGroupKey = iframe.getAttribute("userSettingsGroup");
+          let userSettingsGroupKey = iframe.getAttribute('userSettingsGroup');
           storedUserSettings[userSettingsGroupKey] = message.data;
         }
       }
 
       if (
-        message.id === "luigi.navBackMobile" &&
+        message.id === 'luigi.navBackMobile' &&
         window.window.innerWidth !== 0 &&
         window.innerWidth < CSS_BREAKPOINTS.desktopMinWidth
       ) {
@@ -90,9 +84,7 @@
 
     LuigiConfig.readUserSettings()
       .then(storedUserSettingsData => {
-        previousUserSettings = JSON.parse(
-          JSON.stringify(storedUserSettingsData)
-        );
+        previousUserSettings = JSON.parse(JSON.stringify(storedUserSettingsData));
         if (storedUserSettingsData === null) {
           storedUserSettings = prepareUserSettingsObj(
             JSON.parse(JSON.stringify(userSettingGroups)),
@@ -111,7 +103,7 @@
           console.error(error.message);
         }
         if (error && error.closeDialog) {
-          dispatch("close");
+          dispatch('close');
         }
       });
   });
@@ -121,7 +113,7 @@
     userSettingGroups.forEach(userSettingGroup => {
       for (let key in userSettingGroup) {
         for (let i in userSettingGroup[key].settings) {
-          userSettingGroup[key].settings[i] = "";
+          userSettingGroup[key].settings[i] = '';
         }
         userSettingsObject[key] = {
           ...userSettingGroup[key].settings,
@@ -135,13 +127,13 @@
   function errorHandling(selectedUserSettingGroupData) {
     userSettingsGroupTitle = selectedUserSettingGroupData.title
       ? selectedUserSettingGroupData.title
-      : "";
+      : '';
     if (!GenericHelpers.isObject(selectedUserSettingGroupData.settings)) {
       return;
     }
     for (let key in selectedUserSettingGroupData.settings) {
       let property = selectedUserSettingGroupData.settings[key];
-      if (property.type === "enum") {
+      if (property.type === 'enum') {
         if (!Array.isArray(property.options)) {
           console.error(
             `There is no options array for '${key}' defined in the Luigi userSettings config.`
@@ -161,20 +153,18 @@
     let selectedUserSettingGroupData = selectedUserSettingGroup[1];
     errorHandling(selectedUserSettingGroupData);
     if (event) {
-      document
-        .querySelectorAll(".lui-us-list .fd-nested-list__link")
-        .forEach(elem => {
-          elem.classList.remove("is-selected");
-        });
-      const link = closest(event.target, ".fd-nested-list__link", 20);
-      link.classList.add("is-selected");
+      document.querySelectorAll('.lui-us-list .fd-nested-list__link').forEach(elem => {
+        elem.classList.remove('is-selected');
+      });
+      const link = closest(event.target, '.fd-nested-list__link', 20);
+      link.classList.add('is-selected');
       if (window.innerWidth < CSS_BREAKPOINTS.desktopMinWidth) {
         closeNavOnCategoryClickMobile();
       }
     } else {
       document
-        .querySelectorAll(".lui-us-list .fd-nested-list__link")[0]
-        .classList.add("is-selected");
+        .querySelectorAll('.lui-us-list .fd-nested-list__link')[0]
+        .classList.add('is-selected');
       if (
         window.innerWidth !== 0 &&
         window.innerWidth < CSS_BREAKPOINTS.desktopMinWidth
@@ -187,14 +177,12 @@
       if (customIframes.hasOwnProperty(selectedUserSettingGroupKey)) {
         UserSettingsHelper.getUserSettingsIframesInDom().forEach(iframe => {
           if (iframe.userSettingsGroup === selectedUserSettingGroupKey) {
-            iframe.style.display = "block";
+            iframe.style.display = 'block';
           }
         });
       } else {
         const viewUrl = ViewUrlDecorator.hasDecorators()
-          ? ViewUrlDecorator.applyDecorators(
-              selectedUserSettingGroupData.viewUrl
-            )
+          ? ViewUrlDecorator.applyDecorators(selectedUserSettingGroupData.viewUrl)
           : selectedUserSettingGroupData.viewUrl;
         let iframe = UserSettingsHelper.createIframe(
           viewUrl,
@@ -210,13 +198,13 @@
   }
 
   function displayCustomEditor() {
-    document.querySelector(".iframeUserSettingsCtn").style.display = "block";
-    document.querySelector(".usersettingseditor").style.display = "none";
+    document.querySelector('.iframeUserSettingsCtn').style.display = 'block';
+    document.querySelector('.usersettingseditor').style.display = 'none';
   }
 
   function diplayUserSettingsEditor() {
-    document.querySelector(".iframeUserSettingsCtn").style.display = "none";
-    document.querySelector(".usersettingseditor").style.display = "block";
+    document.querySelector('.iframeUserSettingsCtn').style.display = 'none';
+    document.querySelector('.usersettingseditor').style.display = 'block';
   }
 
   const updateSettingsObject = event => {
@@ -226,14 +214,14 @@
   function storeUserSettings() {
     LuigiConfig.storeUserSettings(storedUserSettings, previousUserSettings)
       .then(() => {
-        dispatch("close");
+        dispatch('close');
       })
       .catch(error => {
         if (error && error.message) {
           console.error(error.message);
         }
         if (error && error.closeDialog) {
-          dispatch("close");
+          dispatch('close');
         }
       });
   }
@@ -259,21 +247,18 @@
   }
 
   function handleSaveBtnVisibility() {
-    if (document.querySelector(".usersettings-leftNavVisible")) {
-      document.querySelector(".confirm-button").style.display = "block";
+    if (document.querySelector('.usersettings-leftNavVisible')) {
+      document.querySelector('.confirm-button').style.display = 'block';
     } else {
-      document.querySelector(".confirm-button").style.display = "none";
+      document.querySelector('.confirm-button').style.display = 'none';
     }
   }
 
   function toggleNavMobile() {
     document
-      .querySelector(".lui-usersettings-dialog")
-      .classList.toggle("usersettings-leftNavVisible");
-    if (
-      window.innerWidth !== 0 &&
-      window.innerWidth < CSS_BREAKPOINTS.desktopMinWidth
-    ) {
+      .querySelector('.lui-usersettings-dialog')
+      .classList.toggle('usersettings-leftNavVisible');
+    if (window.innerWidth !== 0 && window.innerWidth < CSS_BREAKPOINTS.desktopMinWidth) {
       handleSaveBtnVisibility();
     }
   }
@@ -291,23 +276,23 @@
       previousWindowWidth >= CSS_BREAKPOINTS.desktopMinWidth;
     if (isDesktopToMobile) {
       document
-        .querySelector(".lui-usersettings-dialog")
-        .classList.toggle("usersettings-leftNavVisible");
-      if (!document.querySelector(".usersettings-leftNavVisible")) {
-        document.querySelector(".confirm-button").style.display = "none";
+        .querySelector('.lui-usersettings-dialog')
+        .classList.toggle('usersettings-leftNavVisible');
+      if (!document.querySelector('.usersettings-leftNavVisible')) {
+        document.querySelector('.confirm-button').style.display = 'none';
       } else {
-        document.querySelector(".confirm-button").style.display = "block";
+        document.querySelector('.confirm-button').style.display = 'block';
       }
     }
     if (isMobileToDesktop) {
-      document.querySelector(".confirm-button").style.display = "block";
+      document.querySelector('.confirm-button').style.display = 'block';
     }
 
     if (!previousWindowWidth) {
-      let confirmbtn = document.querySelector(".confirm-button");
+      let confirmbtn = document.querySelector('.confirm-button');
       window.innerWidth < CSS_BREAKPOINTS.desktopMinWidth
-        ? (confirmbtn.style.display = "none")
-        : (confirmbtn.style.display = "block");
+        ? (confirmbtn.style.display = 'none')
+        : (confirmbtn.style.display = 'block');
     }
 
     previousWindowWidth = window.innerWidth;
@@ -315,7 +300,7 @@
 
   export function handleKeydown(event) {
     if (event.keyCode === KEYCODE_ESC) {
-      dispatch("close");
+      dispatch('close');
     }
   }
 </script>
@@ -564,13 +549,10 @@ <h2 class="fd-title fd-title--h5">
               {$getTranslation(dialogHeader)}
             </h2>
           </div>
-          <div
-            class="fd-side-nav__main-navigation lui-fd-side-nav__main-navigation"
-          >
+          <div class="fd-side-nav__main-navigation lui-fd-side-nav__main-navigation">
             <ul class="fd-nested-list lui-us-list">
-              {#each Object.entries(userSettingGroups) as [key,
-              userSettingGroup], index} {#each Object.entries(userSettingGroup)
-              as userSettingsGroupProperty}
+              {#each Object.entries(userSettingGroups) as [key, userSettingGroup], index}
+              {#each Object.entries(userSettingGroup) as userSettingsGroupProperty}
               <li class="fd-nested-list__item">
                 <a
                   class="fd-nested-list__link"
diff --git a/core/src/UserSettingsEditor.html b/core/src/UserSettingsEditor.html
index 8e0eab44be..a9f499a01a 100644
--- a/core/src/UserSettingsEditor.html
+++ b/core/src/UserSettingsEditor.html
@@ -1,7 +1,4 @@
-<svelte:window
-  on:click="{closeAllCombos}"
-  on:blur="{closeAllCombos}"
-></svelte:window>
+<svelte:window on:click="{closeAllCombos}" on:blur="{closeAllCombos}"></svelte:window>
 <script>
   import {
     onMount,
@@ -9,23 +6,23 @@
     beforeUpdate,
     createEventDispatcher,
     getContext
-  } from "svelte";
-  import { GenericHelpers } from "./utilities/helpers";
+  } from 'svelte';
+  import { GenericHelpers } from './utilities/helpers';
   export let userSettingGroup;
   export let userSettingsGroupKey;
   export let storedUserSettingData;
   const dispatch = createEventDispatcher();
   let settingsSchema;
   let displayOptions;
-  let getTranslation = getContext("getTranslation");
+  let getTranslation = getContext('getTranslation');
 
   export function updateSettingsObject() {
-    dispatch("updateSettingsObject", { storedUserSettingData });
+    dispatch('updateSettingsObject', { storedUserSettingData });
   }
 
   function closeAllCombos(self) {
     document
-      .querySelectorAll(".lui-usersettings-content .fd-popover__control")
+      .querySelectorAll('.lui-usersettings-content .fd-popover__control')
       .forEach(elem => {
         setExpandedState(elem, false);
       });
@@ -49,19 +46,19 @@
 
   function toggleOptions(event, editable) {
     if (editable || editable === undefined) {
-      const self = closest(event.target, ".fd-popover__control", 20);
+      const self = closest(event.target, '.fd-popover__control', 20);
       closeAllCombos(self);
-      const currentState = self.getAttribute("aria-expanded") === "true";
+      const currentState = self.getAttribute('aria-expanded') === 'true';
       setExpandedState(self, !currentState);
     }
   }
 
   function setExpandedState(self, value) {
-    const indicatorBtn = self.querySelector(".fd-input-group__button");
-    const optionsPopOver = self.parentNode.querySelector(".fd-popover__body");
-    self.setAttribute("aria-expanded", value);
-    optionsPopOver.setAttribute("aria-hidden", !value);
-    indicatorBtn.setAttribute("aria-expanded", value);
+    const indicatorBtn = self.querySelector('.fd-input-group__button');
+    const optionsPopOver = self.parentNode.querySelector('.fd-popover__body');
+    self.setAttribute('aria-expanded', value);
+    optionsPopOver.setAttribute('aria-hidden', !value);
+    indicatorBtn.setAttribute('aria-expanded', value);
   }
 
   function updateComboBox(key, option) {
@@ -70,13 +67,13 @@
 
   function updateEnumButton(key, option) {
     document
-      .querySelectorAll(".enum-buttons-container-" + key + " button")
+      .querySelectorAll('.enum-buttons-container-' + key + ' button')
       .forEach(button => {
-        const buttonId = button.getAttribute("id");
+        const buttonId = button.getAttribute('id');
         const optionId = `lui-us-enum_button_${key}_option`;
         buttonId === optionId
-          ? button.classList.add("fd-button--emphasized")
-          : button.classList.remove("fd-button--emphasized");
+          ? button.classList.add('fd-button--emphasized')
+          : button.classList.remove('fd-button--emphasized');
       });
 
     storedUserSettingData[userSettingGroup[0]][key] = option;
@@ -97,7 +94,7 @@
     position: relative;
   }
 
-  .lui-value-container > input[type="checkbox"] {
+  .lui-value-container > input[type='checkbox'] {
     margin-top: 13px;
   }
 
@@ -128,14 +125,7 @@
 
   .lui-title {
     line-height: var(--sapContent_LineHeight, 1.4);
-    font-family: var(
-      --sapFontFamily,
-      "72",
-      "72full",
-      Arial,
-      Helvetica,
-      sans-serif
-    );
+    font-family: var(--sapFontFamily, '72', '72full', Arial, Helvetica, sans-serif);
     font-weight: 400;
     -webkit-font-smoothing: antialiased;
     box-sizing: border-box;
@@ -165,12 +155,9 @@ <h1 class="lui-title lui-title--h2">
   {#if userSettingGroup[1].settings}
   <div class="fd-page__content">
     <div class="fd-container lui-form-grid">
-      {#each Object.entries(userSettingGroup[1].settings) as [key, schemaItem],
-      i}
+      {#each Object.entries(userSettingGroup[1].settings) as [key, schemaItem], i}
       <div class="lui-form-label">
-        <label class="fd-form-label"
-          >{$getTranslation(schemaItem.label)}:</label
-        >
+        <label class="fd-form-label">{$getTranslation(schemaItem.label)}:</label>
       </div>
       <div class="lui-value-container">
         {#if schemaItem.type==='string'} {#if schemaItem.isEditable ||
@@ -188,8 +175,8 @@ <h1 class="lui-title lui-title--h2">
         <label class="lui-form-text" data-testid="lui-us-input{i}"
           >{storedUserSettingData[userSettingGroup[0]][key]}</label
         >
-        {/if} {/if} {#if schemaItem.type==='enum' && (schemaItem.style ===
-        undefined || schemaItem.style === 'list')}
+        {/if} {/if} {#if schemaItem.type==='enum' && (schemaItem.style === undefined ||
+        schemaItem.style === 'list')}
         <div>
           <div class="fd-form-item">
             <div class="fd-popover">
@@ -207,9 +194,7 @@ <h1 class="lui-title lui-title--h2">
                     data-testid="lui-us-input{i}"
                     disabled="{schemaItem.isEditable===undefined || schemaItem.isEditable?false:true}"
                   />
-                  <span
-                    class="fd-input-group__addon fd-input-group__addon--button"
-                  >
+                  <span class="fd-input-group__addon fd-input-group__addon--button">
                     <button
                       aria-label="show/hide fruit options"
                       aria-expanded="false"
@@ -238,9 +223,7 @@ <h1 class="lui-title lui-title--h2">
                       on:click="{() => updateComboBox(key,option)}"
                     >
                       <span class="fd-list__title">
-                        <span class="fd-list__bold"
-                          >{$getTranslation(option)}</span
-                        >
+                        <span class="fd-list__bold">{$getTranslation(option)}</span>
                       </span>
                     </li>
                     {/each}
@@ -274,8 +257,8 @@ <h1 class="lui-title lui-title--h2">
             </div>
           </div>
         </div>
-        {/if} {#if schemaItem.type==='boolean' && (!schemaItem.style ||
-        schemaItem.style === 'switch')}
+        {/if} {#if schemaItem.type==='boolean' && (!schemaItem.style || schemaItem.style
+        === 'switch')}
         <label
           class="fd-switch fd-switch--compact"
           data-testid="lui-us-label-switch_{key}"
@@ -296,8 +279,7 @@ <h1 class="lui-title lui-title--h2">
             </div>
           </span>
         </label>
-        {/if} {#if schemaItem.type==='boolean' && schemaItem.style ===
-        'checkbox'}
+        {/if} {#if schemaItem.type==='boolean' && schemaItem.style === 'checkbox'}
         <input
           type="checkbox"
           class="fd-checkbox"
diff --git a/core/src/navigation/BadgeCounter.html b/core/src/navigation/BadgeCounter.html
index 202a8e90f8..3e2166d97e 100644
--- a/core/src/navigation/BadgeCounter.html
+++ b/core/src/navigation/BadgeCounter.html
@@ -1,8 +1,6 @@
-{#if node && node.badgeCounter} {#await node.badgeCounter.count()} {:then count}
-{#if count > 0}
-<span
-  class="fd-counter fd-counter--notification"
-  aria-label="{node.badgeCounter.label}"
+{#if node && node.badgeCounter} {#await node.badgeCounter.count()} {:then count} {#if
+count > 0}
+<span class="fd-counter fd-counter--notification" aria-label="{node.badgeCounter.label}"
   >{count}</span
 >
 {/if} {:catch error} {/await} {/if}
diff --git a/core/src/navigation/ContextSwitcher.html b/core/src/navigation/ContextSwitcher.html
index 09b0086f28..75d984f524 100644
--- a/core/src/navigation/ContextSwitcher.html
+++ b/core/src/navigation/ContextSwitcher.html
@@ -15,8 +15,7 @@
       >
         {#if selectedOption && customSelectedOptionRenderer } {@html
         customSelectedOptionRenderer(selectedOption)} {:else} {#if
-        !selectedLabel}{$getTranslation(config.defaultLabel)}
-        {:else}{selectedLabel}{/if}
+        !selectedLabel}{$getTranslation(config.defaultLabel)} {:else}{selectedLabel}{/if}
         <i class="sap-icon--megamenu fd-shellbar__button--icon"></i>
         {/if}
       </button>
@@ -54,8 +53,8 @@
       <div class="fd-bar__left">
         <div class="fd-bar__element">
           <h3 class="fd-dialog__title">
-            {#if !selectedLabel} {$getTranslation(config.defaultLabel)} {/if}
-            {#if selectedLabel} {selectedLabel} {/if}
+            {#if !selectedLabel} {$getTranslation(config.defaultLabel)} {/if} {#if
+            selectedLabel} {selectedLabel} {/if}
           </h3>
         </div>
       </div>
@@ -94,16 +93,11 @@ <h3 class="fd-dialog__title">
 </div>
 {/if} {/if}
 <script>
-  import {
-    createEventDispatcher,
-    onMount,
-    getContext,
-    beforeUpdate
-  } from "svelte";
-  import { ContextSwitcherHelpers } from "./services/context-switcher";
-  import ContextSwitcherNav from "./ContextSwitcherNav.html";
-  import { LuigiConfig } from "../core-api";
-  import { Routing } from "../services/routing";
+  import { createEventDispatcher, onMount, getContext, beforeUpdate } from 'svelte';
+  import { ContextSwitcherHelpers } from './services/context-switcher';
+  import ContextSwitcherNav from './ContextSwitcherNav.html';
+  import { LuigiConfig } from '../core-api';
+  import { Routing } from '../services/routing';
   import {
     IframeHelpers,
     RoutingHelpers,
@@ -111,7 +105,7 @@ <h3 class="fd-dialog__title">
     NavigationHelpers,
     GenericHelpers,
     EventListenerHelpers
-  } from "../utilities/helpers";
+  } from '../utilities/helpers';
 
   const dispatch = createEventDispatcher();
 
@@ -136,11 +130,9 @@ <h3 class="fd-dialog__title">
   export let contextSwitcherToggle = false;
   export let defaultLabel;
   let preserveSubPathOnSwitch;
-  let getUnsavedChangesModalPromise = getContext(
-    "getUnsavedChangesModalPromise"
-  );
-  let store = getContext("store");
-  let getTranslation = getContext("getTranslation");
+  let getUnsavedChangesModalPromise = getContext('getUnsavedChangesModalPromise');
+  let store = getContext('store');
+  let getTranslation = getContext('getTranslation');
   let prevContextSwitcherToggle = false;
 
   onMount(async () => {
@@ -148,7 +140,7 @@ <h3 class="fd-dialog__title">
       store,
       async () => {
         const contextSwitcherConfig = LuigiConfig.getConfigValue(
-          "navigation.contextSwitcher"
+          'navigation.contextSwitcher'
         );
         contextSwitcherEnabled = !!contextSwitcherConfig;
         if (!contextSwitcherEnabled) {
@@ -169,10 +161,9 @@ <h3 class="fd-dialog__title">
         config = contextSwitcherConfig;
         options = undefined;
         if (contextSwitcherConfig) {
-          alwaysShowDropdown =
-            contextSwitcherConfig.alwaysShowDropdown !== false; // default is true
+          alwaysShowDropdown = contextSwitcherConfig.alwaysShowDropdown !== false; // default is true
           actions = await LuigiConfig.getConfigValueAsync(
-            "navigation.contextSwitcher.actions"
+            'navigation.contextSwitcher.actions'
           );
           const currentPath = Routing.getCurrentPath();
 
@@ -194,14 +185,14 @@ <h3 class="fd-dialog__title">
           }
         }
       },
-      ["navigation.contextSwitcher"]
+      ['navigation.contextSwitcher']
     );
 
     RoutingHelpers.addRouteChangeListener(path => setSelectedContext(path));
 
-    EventListenerHelpers.addEventListener("message", e => {
+    EventListenerHelpers.addEventListener('message', e => {
       if (!IframeHelpers.getValidMessageSource(e)) return;
-      if (e.data && e.data.msg === "luigi.refresh-context-switcher") {
+      if (e.data && e.data.msg === 'luigi.refresh-context-switcher') {
         options = null;
         fetchOptions();
       }
@@ -287,7 +278,7 @@ <h3 class="fd-dialog__title">
     });
 
     if (isMobile) {
-      dispatch("toggleDropdownState");
+      dispatch('toggleDropdownState');
     }
   }
 
@@ -303,24 +294,21 @@ <h3 class="fd-dialog__title">
     getUnsavedChangesModalPromise().then(() => {
       if (preserveSubPathOnSwitch && selectedOption) {
         Routing.navigateTo(
-          ContextSwitcherHelpers.getNodePathFromCurrentPath(
-            option,
-            selectedOption
-          )
+          ContextSwitcherHelpers.getNodePathFromCurrentPath(option, selectedOption)
         );
       } else {
         Routing.navigateTo(option.link);
       }
       if (isMobile) {
-        dispatch("toggleDropdownState");
+        dispatch('toggleDropdownState');
       }
     });
   }
 
   export function toggleDropdownState() {
-    dispatch("toggleDropdownState");
+    dispatch('toggleDropdownState');
     const ddStates = dropDownStates || {};
-    const isOpened = JSON.parse(ddStates["contextSwitcherPopover"]);
+    const isOpened = JSON.parse(ddStates['contextSwitcherPopover']);
     if (isOpened) {
       fetchOptions();
     }
@@ -342,7 +330,7 @@ <h3 class="fd-dialog__title">
   }
 
   .lui-ctx-switch-menu {
-    &.fd-button[aria-disabled="true"] {
+    &.fd-button[aria-disabled='true'] {
       opacity: 1;
       cursor: default;
       background-color: transparent;
@@ -350,7 +338,7 @@ <h3 class="fd-dialog__title">
       padding-right: calc(0.625rem - var(--sapButton_BorderWidth, 0.0625rem));
       &:after {
         display: none;
-        content: "";
+        content: '';
       }
     }
   }
diff --git a/core/src/navigation/ContextSwitcherNav.html b/core/src/navigation/ContextSwitcherNav.html
index 642ff82eb7..bf774853f7 100644
--- a/core/src/navigation/ContextSwitcherNav.html
+++ b/core/src/navigation/ContextSwitcherNav.html
@@ -29,8 +29,7 @@
       </div>
     </li>
     {/if} {#if options && options.length} {#each options as node} {#await
-    getNodeName(node.label, config.fallbackLabelResolver, node.id)} {:then
-    label}
+    getNodeName(node.label, config.fallbackLabelResolver, node.id)} {:then label}
     <li
       class="fd-menu__item"
       on:click="{()=> goToOption(node, selectedOption)}"
@@ -71,7 +70,7 @@
   {/if}
 </nav>
 <script>
-  import { createEventDispatcher } from "svelte";
+  import { createEventDispatcher } from 'svelte';
   const dispatch = createEventDispatcher();
 
   export let actions = [];
@@ -88,11 +87,11 @@
   export let getTranslation;
 
   export function onActionClick(node) {
-    dispatch("onActionClick", { node });
+    dispatch('onActionClick', { node });
   }
 
   export function goToOption(option, selectedOption) {
-    dispatch("goToOption", { option, selectedOption });
+    dispatch('goToOption', { option, selectedOption });
   }
 </script>
 
diff --git a/core/src/navigation/GlobalNav.html b/core/src/navigation/GlobalNav.html
index 520478a9a0..9f7613a21d 100644
--- a/core/src/navigation/GlobalNav.html
+++ b/core/src/navigation/GlobalNav.html
@@ -1,8 +1,8 @@
 <svelte:window on:click="{closeAllDropdowns}" on:blur="{closeAllDropdowns}" />
 {#if showGlobalNav}
 <div class="fd-shellbar__group fd-shellbar__group--actions lui-globalnav">
-  {#if children && pathData.length > 0} {#each children as node, i} {#if
-  node.globalNav === true} {#if node.separator}
+  {#if children && pathData.length > 0} {#each children as node, i} {#if node.globalNav
+  === true} {#if node.separator}
   <span class="fd-toolbar__separator"></span>
   {:else}
   <div class="fd-shellbar__action fd-shellbar__action--hide">
@@ -33,8 +33,7 @@
   </div>
   {/if} {/if} {/each}
   <div class="lui-global-nav__bottom-section">
-    {#each children as node, i} {#if node.globalNav === 'bottom'} {#if
-    node.separator}
+    {#each children as node, i} {#if node.globalNav === 'bottom'} {#if node.separator}
     <span class="fd-toolbar__separator"></span>
     {:else}
     <div class="fd-shellbar__action fd-shellbar__action--hide">
@@ -69,20 +68,15 @@
 </div>
 {/if}
 <script>
-  import {
-    beforeUpdate,
-    createEventDispatcher,
-    onMount,
-    getContext
-  } from "svelte";
-  import { LuigiAuth, LuigiConfig, LuigiI18N } from "../core-api";
+  import { beforeUpdate, createEventDispatcher, onMount, getContext } from 'svelte';
+  import { LuigiAuth, LuigiConfig, LuigiI18N } from '../core-api';
   import {
     NavigationHelpers,
     RoutingHelpers,
     StateHelpers,
     EventListenerHelpers,
     GenericHelpers
-  } from "../utilities/helpers";
+  } from '../utilities/helpers';
 
   const dispatch = createEventDispatcher();
 
@@ -92,10 +86,8 @@
   export let children;
   export let selectedNode;
 
-  let store = getContext("store");
-  let contextSwitcherConfig = LuigiConfig.getConfigValue(
-    "navigation.contextSwitcher"
-  );
+  let store = getContext('store');
+  let contextSwitcherConfig = LuigiConfig.getConfigValue('navigation.contextSwitcher');
 
   export let showGlobalNav;
   export let hideNavComponent;
@@ -114,18 +106,16 @@
     StateHelpers.doOnStoreChange(
       store,
       () => {
-        hideNavComponent = LuigiConfig.getConfigBooleanValue(
-          "settings.hideNavigation"
-        );
+        hideNavComponent = LuigiConfig.getConfigBooleanValue('settings.hideNavigation');
         responsiveNavSetting = LuigiConfig.getConfigValue(
-          "settings.responsiveNavigation"
+          'settings.responsiveNavigation'
         );
         showGlobalNav =
-          LuigiConfig.getConfigBooleanValue("settings.globalSideNavigation") &&
-          GenericHelpers.requestExperimentalFeature("globalNav", true);
-        document.body.classList.toggle("lui-global-nav-visible", showGlobalNav);
+          LuigiConfig.getConfigBooleanValue('settings.globalSideNavigation') &&
+          GenericHelpers.requestExperimentalFeature('globalNav', true);
+        document.body.classList.toggle('lui-global-nav-visible', showGlobalNav);
       },
-      ["navigation"]
+      ['navigation']
     );
   });
 
@@ -154,7 +144,7 @@
   }
 
   export function handleClick(node) {
-    dispatch("handleClick", { node });
+    dispatch('handleClick', { node });
   }
 
   export function handleClickExternal(event) {
@@ -174,7 +164,7 @@
 </script>
 
 <style type="text/scss">
-  @import "styles/variables";
+  @import 'styles/variables';
   .lui-globalnav {
     position: fixed;
     height: 100%;
diff --git a/core/src/navigation/GlobalSearch.html b/core/src/navigation/GlobalSearch.html
index a46031ec6e..9433f26cfc 100644
--- a/core/src/navigation/GlobalSearch.html
+++ b/core/src/navigation/GlobalSearch.html
@@ -1,7 +1,5 @@
 <svelte:window on:click="{closeSearchResult}" on:blur="{closeSearchResult}" />
-<div
-  class="fd-shellbar__action {isSearchFieldVisible ? 'luigi-search-shell__mobile':''}"
->
+<div class="fd-shellbar__action {isSearchFieldVisible ? 'luigi-search-shell__mobile':''}">
   <div class="fd-popover">
     <div
       class="fd-popover__control luigi-search"
@@ -84,16 +82,16 @@
   </div>
 </div>
 <script>
-  import { beforeUpdate, createEventDispatcher, onMount } from "svelte";
-  import { LuigiAuth, LuigiConfig, LuigiI18N } from "../core-api";
-  import { GenericHelpers } from "../utilities/helpers";
-  import { Routing } from "../services/routing";
+  import { beforeUpdate, createEventDispatcher, onMount } from 'svelte';
+  import { LuigiAuth, LuigiConfig, LuigiI18N } from '../core-api';
+  import { GenericHelpers } from '../utilities/helpers';
+  import { Routing } from '../services/routing';
   import {
     KEYCODE_ARROW_UP,
     KEYCODE_ARROW_DOWN,
     KEYCODE_ENTER,
     KEYCODE_ESC
-  } from "../utilities/keycode.js";
+  } from '../utilities/keycode.js';
   export let isSearchFieldVisible;
   export let searchResult = [];
   export let displaySearchResult;
@@ -113,7 +111,7 @@
   let isCustomSearchRenderer;
   let isCustomSearchResultItemRenderer;
   onMount(async () => {
-    search = await LuigiConfig.getConfigValueAsync("globalSearch");
+    search = await LuigiConfig.getConfigValueAsync('globalSearch');
     let inputElement = inputElem;
     const placeHolder = getSearchPlaceholder(search.searchProvider);
     if (placeHolder) {
@@ -135,16 +133,14 @@
     if (GenericHelpers.isFunction(searchProvider.inputPlaceholder)) {
       return searchProvider.inputPlaceholder();
     }
-    if (typeof searchProvider.inputPlaceholder === "string") {
-      const translated = LuigiI18N.getTranslation(
-        searchProvider.inputPlaceholder
-      );
+    if (typeof searchProvider.inputPlaceholder === 'string') {
+      const translated = LuigiI18N.getTranslation(searchProvider.inputPlaceholder);
       if (!!translated && translated.trim().length > 0) {
         return translated;
       }
       return searchProvider.inputPlaceholder;
     }
-    if (typeof searchProvider.inputPlaceholder === "object") {
+    if (typeof searchProvider.inputPlaceholder === 'object') {
       return searchProvider.inputPlaceholder[currentLocale];
     }
   }
@@ -157,11 +153,11 @@
         searchApiObj
       );
     });
-    return "";
+    return '';
   }
 
   function closeSearchResult() {
-    dispatch("closeSearchResult");
+    dispatch('closeSearchResult');
   }
 
   function onKeyUp({ keyCode }) {
@@ -179,30 +175,27 @@
       } else if (keyCode === KEYCODE_ARROW_DOWN) {
         if (displaySearchResult) {
           document
-            .querySelector(".luigi-search-result-item__0")
-            .childNodes[0].setAttribute("aria-selected", "true");
-          document.querySelector(".luigi-search-result-item__0").focus();
+            .querySelector('.luigi-search-result-item__0')
+            .childNodes[0].setAttribute('aria-selected', 'true');
+          document.querySelector('.luigi-search-result-item__0').focus();
         }
       } else if (GenericHelpers.isFunction(search.searchProvider.onInput)) {
         search.searchProvider.onInput();
       }
     } else {
-      console.warn("GlobalSearch is not available.");
+      console.warn('GlobalSearch is not available.');
     }
   }
 
   function calcSearchResultItemSelected(direction) {
-    let renderedSearchResultItems =
-      luigiCustomSearchItemRenderer__slotContainer.children;
+    let renderedSearchResultItems = luigiCustomSearchItemRenderer__slotContainer.children;
     if (renderedSearchResultItems) {
       for (let index = 0; index < renderedSearchResultItems.length; index++) {
-        let {
-          childNodes,
-          nextSibling,
-          previousSibling
-        } = renderedSearchResultItems[index];
+        let { childNodes, nextSibling, previousSibling } = renderedSearchResultItems[
+          index
+        ];
         let nodeSibling;
-        if (childNodes[0].getAttribute("aria-selected") === "true") {
+        if (childNodes[0].getAttribute('aria-selected') === 'true') {
           if (direction === KEYCODE_ARROW_DOWN) {
             nodeSibling =
               nextSibling !== null ? nextSibling : renderedSearchResultItems[0];
@@ -211,12 +204,10 @@
             nodeSibling =
               previousSibling !== null
                 ? previousSibling
-                : renderedSearchResultItems[
-                    renderedSearchResultItems.length - 1
-                  ];
+                : renderedSearchResultItems[renderedSearchResultItems.length - 1];
           }
-          childNodes[0].setAttribute("aria-selected", "false");
-          nodeSibling.childNodes[0].setAttribute("aria-selected", "true");
+          childNodes[0].setAttribute('aria-selected', 'false');
+          nodeSibling.childNodes[0].setAttribute('aria-selected', 'true');
           nodeSibling.focus();
           break;
         }
@@ -225,13 +216,12 @@
   }
 
   function clearAriaSelected() {
-    let renderedSearchResultItems =
-      luigiCustomSearchItemRenderer__slotContainer.children;
+    let renderedSearchResultItems = luigiCustomSearchItemRenderer__slotContainer.children;
     if (renderedSearchResultItems) {
       for (let index = 0; index < renderedSearchResultItems.length; index++) {
         let element = renderedSearchResultItems[index];
-        if (element.childNodes[0].getAttribute("aria-selected") === "true") {
-          element.childNodes[0].setAttribute("aria-selected", "false");
+        if (element.childNodes[0].getAttribute('aria-selected') === 'true') {
+          element.childNodes[0].setAttribute('aria-selected', 'false');
         }
       }
     }
@@ -240,9 +230,7 @@
   function onSearchResultItemSelected(searchResultItem) {
     if (
       search &&
-      GenericHelpers.isFunction(
-        search.searchProvider.onSearchResultItemSelected
-      )
+      GenericHelpers.isFunction(search.searchProvider.onSearchResultItemSelected)
     ) {
       search.searchProvider.onSearchResultItemSelected(searchResultItem);
     } else if (
@@ -276,7 +264,7 @@
     if (node.externalLink) {
       Routing.navigateToLink(node);
     } else {
-      dispatch("handleSearchNavigation", { node });
+      dispatch('handleSearchNavigation', { node });
     }
   }
 
@@ -294,7 +282,7 @@
     else {
       displaySearchResult = false;
     }
-    dispatch("toggleSearch", {
+    dispatch('toggleSearch', {
       isSearchFieldVisible,
       inputElem,
       luigiCustomSearchRenderer__slot
@@ -310,12 +298,12 @@
 <style type="text/scss">
   //remove default browser outline on focus for search results
   .luigi-search-popover__body {
-    li[class*="luigi-search-result"]:focus {
+    li[class*='luigi-search-result']:focus {
       outline: none;
     }
   }
   .luigi-search {
-    &[aria-hidden="true"] {
+    &[aria-hidden='true'] {
       visibility: hidden;
       width: 0;
     }
diff --git a/core/src/navigation/LeftNav.html b/core/src/navigation/LeftNav.html
index 65ebc3baaf..05e43f1843 100644
--- a/core/src/navigation/LeftNav.html
+++ b/core/src/navigation/LeftNav.html
@@ -15,8 +15,8 @@
     <div class="fd-side-nav__main-navigation">
       <div class="lui-fd-side-nav-wrapper">
         <ul class="fd-nested-list {sideNavClass}">
-          {#each sortedChildrenEntries as [key, nodes],index} {#if key ===
-          'undefined' || key.startsWith(virtualGroupPrefix)}
+          {#each sortedChildrenEntries as [key, nodes],index} {#if key === 'undefined' ||
+          key.startsWith(virtualGroupPrefix)}
           <!-- Single nodes -->
           {#each nodes as node} {#if !node.hideFromNav} {#if node.label}
           <li class="fd-nested-list__item">
@@ -34,10 +34,7 @@
               ></i>
               {:else}
               <span class="fd-nested-list__icon sap-icon">
-                <img
-                  src="{node.icon}"
-                  alt="{node.altText ? node.altText : ''}"
-                />
+                <img src="{node.icon}" alt="{node.altText ? node.altText : ''}" />
               </span>
               {/if} {:else}
               <i
@@ -45,9 +42,7 @@
                 role="presentation"
               ></i>
               {/if}
-              <span class="fd-nested-list__title"
-                >{$getTranslation(node.label)}</span
-              >
+              <span class="fd-nested-list__title">{$getTranslation(node.label)}</span>
               {#if node.externalLink && node.externalLink.url}
               <i
                 class="fd-nested-list__icon sap-icon sap-icon--action"
@@ -90,9 +85,7 @@
                   />
                 </span>
                 {/if}
-                <span class="fd-nested-list__title"
-                  >{$getTranslation(key)}</span
-                >
+                <span class="fd-nested-list__title">{$getTranslation(key)}</span>
               </a>
               <button
                 class="fd-button fd-nested-list__button"
@@ -125,9 +118,7 @@
                   data-testid="{getTestId(node)}"
                   title="{$getTranslation(node.label)}"
                 >
-                  <span class="fd-nested-list__title"
-                    >{$getTranslation(node.label)}</span
-                  >
+                  <span class="fd-nested-list__title">{$getTranslation(node.label)}</span>
                   {#if node.externalLink && node.externalLink.url}
                   <i class="sap-icon--action"></i>
                   {/if} {#if node.badgeCounter}
@@ -208,27 +199,18 @@
               data-testid="{getTestId(node)}"
             >
               {#if node.icon} {#if isOpenUIiconName(node.icon)}
-              <i
-                class="fd-nested-list__icon sap-icon sap-icon--{node.icon}"
-              ></i>
+              <i class="fd-nested-list__icon sap-icon sap-icon--{node.icon}"></i>
               {:else}
               <span class="fd-nested-list__icon sap-icon">
-                <img
-                  src="{node.icon}"
-                  alt="{node.altText ? node.altText : ''}"
-                />
+                <img src="{node.icon}" alt="{node.altText ? node.altText : ''}" />
               </span>
               {/if} {:else}
               <i
                 class="fd-nested-list__icon sap-icon {isSemiCollapsed ? 'sap-icon--rhombus-milestone-2' : ''}"
               ></i>
-              <span
-                >{isSemiCollapsed ? 'sap-icon--rhombus-milestone-2' : ''}</span
-              >
+              <span>{isSemiCollapsed ? 'sap-icon--rhombus-milestone-2' : ''}</span>
               {/if}
-              <span class="fd-nested-list__title"
-                >{$getTranslation(node.label)}</span
-              >
+              <span class="fd-nested-list__title">{$getTranslation(node.label)}</span>
               {#if node.externalLink && node.externalLink.url}
               <i class="sap-icon--action"></i>
               {/if} {#if node.badgeCounter}
@@ -261,13 +243,8 @@
 </div>
 
 <script>
-  import {
-    beforeUpdate,
-    createEventDispatcher,
-    onMount,
-    getContext
-  } from "svelte";
-  import { RoutingHelpers } from "../utilities/helpers";
+  import { beforeUpdate, createEventDispatcher, onMount, getContext } from 'svelte';
+  import { RoutingHelpers } from '../utilities/helpers';
 
   //TODO refactor
   const __this = {
@@ -288,15 +265,15 @@
     set: obj => {
       if (obj) {
         Object.getOwnPropertyNames(obj).forEach(prop => {
-          if (prop === "pathData") {
+          if (prop === 'pathData') {
             pathData = obj.pathData;
-          } else if (prop === "context") {
+          } else if (prop === 'context') {
             context = obj.context;
-          } else if (prop === "children") {
+          } else if (prop === 'children') {
             children = obj.children;
-          } else if (prop === "selectedNode") {
+          } else if (prop === 'selectedNode') {
             selectedNode = obj.selectedNode;
-          } else if (prop === "hasCategoriesWithIcon") {
+          } else if (prop === 'hasCategoriesWithIcon') {
             hasCategoriesWithIcon = obj.hasCategoriesWithIcon;
           }
         });
@@ -306,11 +283,11 @@
           (selectedNode &&
             selectedNode.parent &&
             selectedNode.parent.sideNavAccordionMode);
-        if (typeof sideNavAccordionModeOverride !== "undefined") {
+        if (typeof sideNavAccordionModeOverride !== 'undefined') {
           sideNavAccordionMode = sideNavAccordionModeOverride;
         } else {
           sideNavAccordionMode = LuigiConfig.getConfigBooleanValue(
-            "navigation.defaults.sideNavAccordionMode"
+            'navigation.defaults.sideNavAccordionMode'
           );
         }
       }
@@ -319,13 +296,13 @@
 
   const dispatch = createEventDispatcher();
 
-  import { Navigation } from "./services/navigation";
-  import { IframeHelpers, NavigationHelpers } from "../utilities/helpers";
-  import { LuigiConfig, LuigiElements, LuigiI18N } from "../core-api";
-  import { StateHelpers, EventListenerHelpers } from "../utilities/helpers";
-  import { CSS_BREAKPOINTS } from "../utilities/constants";
-  import { SemiCollapsibleNavigation } from "./services/semi-collapsed-navigation";
-  import BadgeCounter from "./BadgeCounter.html";
+  import { Navigation } from './services/navigation';
+  import { IframeHelpers, NavigationHelpers } from '../utilities/helpers';
+  import { LuigiConfig, LuigiElements, LuigiI18N } from '../core-api';
+  import { StateHelpers, EventListenerHelpers } from '../utilities/helpers';
+  import { CSS_BREAKPOINTS } from '../utilities/constants';
+  import { SemiCollapsibleNavigation } from './services/semi-collapsed-navigation';
+  import BadgeCounter from './BadgeCounter.html';
 
   export let children;
   export let hideNavComponent;
@@ -348,8 +325,8 @@
   let previousWindowWidth;
   let responsiveNavSetting;
   let sideNavCompactMode;
-  let store = getContext("store");
-  let getTranslation = getContext("getTranslation");
+  let store = getContext('store');
+  let getTranslation = getContext('getTranslation');
 
   const setLeftNavData = async () => {
     const componentData = __this.get();
@@ -367,29 +344,24 @@
 
   onMount(() => {
     semiCollapsibleButton =
-      LuigiConfig.getConfigValue("settings.responsiveNavigation") ===
-      "semiCollapsible";
-    hideNavComponent = LuigiConfig.getConfigBooleanValue(
-      "settings.hideNavigation"
-    );
-    sideNavCompactMode = LuigiConfig.getConfigBooleanValue(
-      "settings.sideNavCompactMode"
-    );
+      LuigiConfig.getConfigValue('settings.responsiveNavigation') === 'semiCollapsible';
+    hideNavComponent = LuigiConfig.getConfigBooleanValue('settings.hideNavigation');
+    sideNavCompactMode = LuigiConfig.getConfigBooleanValue('settings.sideNavCompactMode');
     expandedCategories = NavigationHelpers.loadExpandedCategories();
 
     StateHelpers.doOnStoreChange(
       store,
       () => {
-        footerText = LuigiConfig.getConfigValue("settings.sideNavFooterText");
+        footerText = LuigiConfig.getConfigValue('settings.sideNavFooterText');
       },
-      ["settings.footer"]
+      ['settings.footer']
     );
 
     // set compact mode class
     if (Boolean(sideNavCompactMode)) {
-      sideNavClass = "fd-nested-list fd-nested-list--compact";
+      sideNavClass = 'fd-nested-list fd-nested-list--compact';
     } else {
-      sideNavClass = "fd-nested-list";
+      sideNavClass = 'fd-nested-list';
     }
     let stateArr = SemiCollapsibleNavigation.initial();
     isSemiCollapsed = stateArr.isSemiCollapsed;
@@ -398,8 +370,8 @@
       isSemiCollapsed = stateArr.isSemiCollapsed;
     });
 
-    EventListenerHelpers.addEventListener("message", e => {
-      if ("luigi.navigation.update-badge-counters" === e.data.msg) {
+    EventListenerHelpers.addEventListener('message', e => {
+      if ('luigi.navigation.update-badge-counters' === e.data.msg) {
         setLeftNavData();
       }
     });
@@ -425,9 +397,7 @@
   }
 
   function isExpanded(nodes, expandedList) {
-    return (
-      expandedList && expandedList.indexOf(nodes.metaInfo.categoryUid) >= 0
-    );
+    return expandedList && expandedList.indexOf(nodes.metaInfo.categoryUid) >= 0;
   }
 
   function getTestId(node) {
@@ -449,31 +419,28 @@
   // [svelte-upgrade suggestion]
   // review these functions and remove unnecessary 'export' keywords
   export function handleClick(node) {
-    dispatch("handleClick", { node });
+    dispatch('handleClick', { node });
   }
 
   export function handleIconClick(nodeOrNodes, el) {
     if (SemiCollapsibleNavigation.getCollapsed()) {
       let selectedCat;
-      let sideBar = document.getElementsByClassName("fd-app__sidebar")[0];
+      let sideBar = document.getElementsByClassName('fd-app__sidebar')[0];
 
       if (nodeOrNodes.metaInfo && nodeOrNodes.metaInfo.label) {
         selectedCat = nodeOrNodes.metaInfo.label;
       } else {
         selectedCat =
-          (nodeOrNodes.category && nodeOrNodes.category.label) ||
-          nodeOrNodes.category;
+          (nodeOrNodes.category && nodeOrNodes.category.label) || nodeOrNodes.category;
       }
 
-      if (!sideBar.classList.contains("isBlocked")) {
-        sideBar.className += " isBlocked";
+      if (!sideBar.classList.contains('isBlocked')) {
+        sideBar.className += ' isBlocked';
       }
 
       // only close if same clicked
       if (selectedCat === selectedCategory) {
-        selectedCategory = SemiCollapsibleNavigation.closePopupMenu(
-          selectedCategory
-        );
+        selectedCategory = SemiCollapsibleNavigation.closePopupMenu(selectedCategory);
         return;
       }
 
@@ -485,7 +452,7 @@
 
   export function calculateFlyoutPosition(el) {
     //Calculate top/bottom position for flyout sublist
-    const parent = el.closest(".fd-nested-list__item");
+    const parent = el.closest('.fd-nested-list__item');
     const parentTopPosition = parent.offsetTop;
     const shellbarHeight = LuigiElements.getShellbar().offsetHeight;
     let containerHeight;
@@ -495,10 +462,8 @@
       containerHeight = window.innerHeight;
     }
     setTimeout(() => {
-      const flyoutSublist = parent.getElementsByClassName(
-        "lui-flyout-sublist"
-      )[0];
-      const topScroll = el.closest(".lui-fd-side-nav-wrapper").scrollTop;
+      const flyoutSublist = parent.getElementsByClassName('lui-flyout-sublist')[0];
+      const topScroll = el.closest('.lui-fd-side-nav-wrapper').scrollTop;
       const topPosition = parentTopPosition + shellbarHeight - topScroll;
       const bottomPosition =
         containerHeight -
@@ -508,10 +473,10 @@
         shellbarHeight;
 
       if (topPosition + flyoutSublist.offsetHeight >= containerHeight) {
-        flyoutSublist.style.bottom = bottomPosition + "px";
-        flyoutSublist.className += " has-bottom-position";
+        flyoutSublist.style.bottom = bottomPosition + 'px';
+        flyoutSublist.className += ' has-bottom-position';
       } else {
-        flyoutSublist.style.top = topPosition - shellbarHeight + "px";
+        flyoutSublist.style.top = topPosition - shellbarHeight + 'px';
       }
     });
   }
@@ -526,7 +491,7 @@
 
   export function handleKey(event) {
     const code = event.code;
-    if (code === "ArrowRight") {
+    if (code === 'ArrowRight') {
       const iframe = IframeHelpers.getCurrentMicrofrontendIframe();
       if (iframe && iframe.contentWindow) {
         iframe.contentWindow.focus();
@@ -547,15 +512,13 @@
   }
 
   export function closePopupMenu() {
-    selectedCategory = SemiCollapsibleNavigation.closePopupMenu(
-      selectedCategory
-    );
+    selectedCategory = SemiCollapsibleNavigation.closePopupMenu(selectedCategory);
   }
 
   function semiCollapsibleButtonClicked(el) {
     isSemiCollapsed = SemiCollapsibleNavigation.buttonClicked();
-    if (document.getElementsByClassName("fd-tabs").length > 0) {
-      dispatch("resizeTabNav", {});
+    if (document.getElementsByClassName('fd-tabs').length > 0) {
+      dispatch('resizeTabNav', {});
     }
     setBurgerTooltip();
   }
@@ -568,11 +531,9 @@
       collapseNavTooltip,
       expandNavTooltip
     ] = NavigationHelpers.getBurgerTooltipConfig();
-    const hasSemiCollapsible = document.body.classList.contains(
-      "lui-semiCollapsible"
-    );
+    const hasSemiCollapsible = document.body.classList.contains('lui-semiCollapsible');
     if (collapseNavTooltip && expandNavTooltip && hasSemiCollapsible) {
-      burgerTooltip = document.body.classList.contains("semiCollapsed")
+      burgerTooltip = document.body.classList.contains('semiCollapsed')
         ? collapseNavTooltip
         : expandNavTooltip;
     }
@@ -580,8 +541,8 @@
 </script>
 
 <style type="text/scss">
-  @import "styles/mixins";
-  @import "styles/variables";
+  @import 'styles/mixins';
+  @import 'styles/variables';
 
   :root {
     /* needed for IE11 support */
@@ -862,7 +823,7 @@
         display: block;
         position: absolute;
         top: 13px;
-        content: "";
+        content: '';
         width: 13px;
         border-style: solid;
         border-width: 8px 6.5px;
diff --git a/core/src/navigation/LogoTitle.html b/core/src/navigation/LogoTitle.html
index ef86c2c913..ade22a66d0 100644
--- a/core/src/navigation/LogoTitle.html
+++ b/core/src/navigation/LogoTitle.html
@@ -50,8 +50,8 @@
           </a>
         </li>
         {/if} {#if appSwitcherItems && appSwitcherItems.length > 0} {#each
-        appSwitcherItems as item} {#if item !== selectedItem &&
-        hasValidLink(item, pathParams)}
+        appSwitcherItems as item} {#if item !== selectedItem && hasValidLink(item,
+        pathParams)}
         <li class="fd-menu__item">
           <a
             role="button"
@@ -72,15 +72,10 @@
 <div class="fd-shellbar__subtitle">{$getTranslation(subTitle)}</div>
 {/if} {/if}
 <script>
-  import {
-    beforeUpdate,
-    createEventDispatcher,
-    onMount,
-    getContext
-  } from "svelte";
-  import * as Header from "./services/header";
-  import { Routing } from "../services/routing";
-  import { NavigationHelpers, RoutingHelpers } from "../utilities/helpers";
+  import { beforeUpdate, createEventDispatcher, onMount, getContext } from 'svelte';
+  import * as Header from './services/header';
+  import { Routing } from '../services/routing';
+  import { NavigationHelpers, RoutingHelpers } from '../utilities/helpers';
 
   const dispatch = createEventDispatcher();
 
@@ -98,11 +93,9 @@
   export let defaultSubTitle;
   export let pathData;
   let previousPathData;
-  let getUnsavedChangesModalPromise = getContext(
-    "getUnsavedChangesModalPromise"
-  );
-  let getTranslation = getContext("getTranslation");
-  let store = getContext("store");
+  let getUnsavedChangesModalPromise = getContext('getUnsavedChangesModalPromise');
+  let getTranslation = getContext('getTranslation');
+  let store = getContext('store');
 
   //TODO refactor
   const getComponentWrapper = () => {
@@ -126,29 +119,29 @@
       set: obj => {
         if (obj) {
           Object.getOwnPropertyNames(obj).forEach(prop => {
-            if (prop === "pathData") {
+            if (prop === 'pathData') {
               pathData = obj.pathData;
-            } else if (prop === "appSwitcherItems") {
+            } else if (prop === 'appSwitcherItems') {
               appSwitcherItems = obj.appSwitcherItems;
-            } else if (prop === "pathParams") {
+            } else if (prop === 'pathParams') {
               pathParams = obj.pathParams;
-            } else if (prop === "selectedItem") {
+            } else if (prop === 'selectedItem') {
               selectedItem = obj.selectedItem;
-            } else if (prop === "title") {
+            } else if (prop === 'title') {
               title = obj.title;
-            } else if (prop === "defaultSubTitle") {
+            } else if (prop === 'defaultSubTitle') {
               defaultSubTitle = obj.defaultSubTitle;
-            } else if (prop === "subTitle") {
+            } else if (prop === 'subTitle') {
               subTitle = obj.subTitle;
-            } else if (prop === "defaultTitle") {
+            } else if (prop === 'defaultTitle') {
               defaultTitle = obj.defaultTitle;
-            } else if (prop === "subTitle") {
+            } else if (prop === 'subTitle') {
               subTitle = obj.subTitle;
-            } else if (prop === "showMainAppEntry") {
+            } else if (prop === 'showMainAppEntry') {
               showMainAppEntry = obj.showMainAppEntry;
-            } else if (prop === "hasApps") {
+            } else if (prop === 'hasApps') {
               hasApps = obj.hasApps;
-            } else if (prop === "hasLogo") {
+            } else if (prop === 'hasLogo') {
               hasLogo = obj.hasLogo;
             }
           });
@@ -177,17 +170,17 @@
 
   export function goToRoot() {
     getUnsavedChangesModalPromise().then(() => {
-      Routing.navigateTo("/");
+      Routing.navigateTo('/');
     });
   }
 
   export function handleClick(node) {
-    dispatch("handleClick", { node });
-    toggleDropdownState("appSwitcherPopover");
+    dispatch('handleClick', { node });
+    toggleDropdownState('appSwitcherPopover');
   }
 
   export function toggleDropdownState(name) {
-    dispatch("toggleDropdownState", { name });
+    dispatch('toggleDropdownState', { name });
   }
 
   function getTestId(item) {
@@ -198,14 +191,8 @@
 
   function hasValidLink(item, pathParams) {
     if (item.link) {
-      const concreteLink = RoutingHelpers.applyPathParams(
-        item.link,
-        pathParams
-      );
-      if (
-        concreteLink.indexOf(":") !== 0 &&
-        concreteLink.indexOf("/:") === -1
-      ) {
+      const concreteLink = RoutingHelpers.applyPathParams(item.link, pathParams);
+      if (concreteLink.indexOf(':') !== 0 && concreteLink.indexOf('/:') === -1) {
         return true;
       }
     }
@@ -218,7 +205,7 @@
 </script>
 
 <style type="text/scss">
-  @import "styles/variables";
+  @import 'styles/variables';
 
   // Force height because of base64 img src
   .lui-customlogo img {
diff --git a/core/src/navigation/MobileTopNavDropDown.html b/core/src/navigation/MobileTopNavDropDown.html
index d506dc4b99..19ea7a2d5a 100644
--- a/core/src/navigation/MobileTopNavDropDown.html
+++ b/core/src/navigation/MobileTopNavDropDown.html
@@ -57,8 +57,8 @@ <h3 class="fd-dialog__title">{label}</h3>
 </div>
 
 <script>
-  import BadgeCounter from "./BadgeCounter.html";
-  import { createEventDispatcher } from "svelte";
+  import BadgeCounter from './BadgeCounter.html';
+  import { createEventDispatcher } from 'svelte';
 
   const dispatch = createEventDispatcher();
 
@@ -73,7 +73,7 @@ <h3 class="fd-dialog__title">{label}</h3>
   // [svelte-upgrade suggestion]
   // review these functions and remove unnecessary 'export' keywords
   export function onActionClick(value) {
-    dispatch("listClick", value);
+    dispatch('listClick', value);
   }
 </script>
 
diff --git a/core/src/navigation/ProductSwitcher.html b/core/src/navigation/ProductSwitcher.html
index 77f3d94ecf..3448b231d4 100644
--- a/core/src/navigation/ProductSwitcher.html
+++ b/core/src/navigation/ProductSwitcher.html
@@ -21,10 +21,7 @@
             {#if hasOpenUIicon(config)}
             <i class="sap-icon sap-icon--{config.icon}"></i>
             {:else}
-            <img
-              src="{config.icon}"
-              alt="{config.altText ? config.altText : ''}"
-            />
+            <img src="{config.icon}" alt="{config.altText ? config.altText : ''}" />
             {/if}
           </div>
         </button>
@@ -88,12 +85,12 @@
 />
 {/if} {/if}
 <script>
-  import MobileTopNav from "./MobileTopNavDropDown.html";
-  import { createEventDispatcher, onMount, getContext } from "svelte";
-  import { LuigiConfig, LuigiI18N } from "../core-api";
-  import { Routing } from "../services/routing";
-  import { StateHelpers } from "../utilities/helpers";
-  import { NavigationHelpers } from "../utilities/helpers";
+  import MobileTopNav from './MobileTopNavDropDown.html';
+  import { createEventDispatcher, onMount, getContext } from 'svelte';
+  import { LuigiConfig, LuigiI18N } from '../core-api';
+  import { Routing } from '../services/routing';
+  import { StateHelpers } from '../utilities/helpers';
+  import { NavigationHelpers } from '../utilities/helpers';
 
   const dispatch = createEventDispatcher();
 
@@ -102,10 +99,8 @@
   export let config;
   export let dropDownStates;
 
-  let store = getContext("store");
-  let getUnsavedChangesModalPromise = getContext(
-    "getUnsavedChangesModalPromise"
-  );
+  let store = getContext('store');
+  let getUnsavedChangesModalPromise = getContext('getUnsavedChangesModalPromise');
   let columnsClass;
 
   onMount(async () => {
@@ -115,13 +110,13 @@
         config = NavigationHelpers.getProductSwitcherConfig();
         if (config) {
           productSwitcherItems = await LuigiConfig.getConfigValueAsync(
-            "navigation.productSwitcher.items"
+            'navigation.productSwitcher.items'
           );
           setColumnsClass();
         }
         setViewportHeightVariable();
       },
-      ["navigation.productSwitcher"]
+      ['navigation.productSwitcher']
     );
   });
 
@@ -139,14 +134,14 @@
   }
 
   export function toggleDropdownState() {
-    dispatch("toggleDropdownState");
+    dispatch('toggleDropdownState');
   }
 
   export function setViewportHeightVariable() {
     // get the viewport height and multiple it by 1% to get a value for a vh unit
     let vh = window.innerHeight * 0.01;
     // set the value in the --vh custom property to the root of the document
-    document.documentElement.style.setProperty("--vh", `${vh}px`);
+    document.documentElement.style.setProperty('--vh', `${vh}px`);
   }
 
   function hasOpenUIicon(node) {
@@ -164,16 +159,14 @@
   function setColumnsClass() {
     const columns = NavigationHelpers.getProductSwitcherColumnsNumber();
     if (columns === 3) {
-      columnsClass = "fd-product-switch__body fd-product-switch__body--col-3";
+      columnsClass = 'fd-product-switch__body fd-product-switch__body--col-3';
     } else {
-      columnsClass = "fd-product-switch__body";
+      columnsClass = 'fd-product-switch__body';
     }
   }
 
   function getTestId(node) {
-    return node.testId
-      ? node.testId
-      : NavigationHelpers.prepareForTests(node.label);
+    return node.testId ? node.testId : NavigationHelpers.prepareForTests(node.label);
   }
 </script>
 
@@ -182,7 +175,7 @@
     img {
       max-height: 24px;
     }
-    [class*="sap-icon"] {
+    [class*='sap-icon'] {
       color: var(--sapShell_InteractiveTextColor, #d1e8ff);
     }
   }
diff --git a/core/src/navigation/TabNav.html b/core/src/navigation/TabNav.html
index d66ae99371..df20a55c5e 100644
--- a/core/src/navigation/TabNav.html
+++ b/core/src/navigation/TabNav.html
@@ -12,9 +12,9 @@
 >
   <div class="tabsContainerWrapper">
     <div class="tabsContainer luigi-tabsContainer">
-      {#each Object.entries(children) as [key, nodes], index} {#if key ===
-      'undefined' || key.indexOf(virtualGroupPrefix) === 0} {#each nodes as
-      node, index2} {#if !node.hideFromNav} {#if node.label}
+      {#each Object.entries(children) as [key, nodes], index} {#if key === 'undefined' ||
+      key.indexOf(virtualGroupPrefix) === 0} {#each nodes as node, index2} {#if
+      !node.hideFromNav} {#if node.label}
       <span
         class="fd-tabs__item"
         uid="{index}-{index2}"
@@ -64,9 +64,7 @@
                     on:click|preventDefault="{() => handleClick(node)}"
                     aria-selected="{node === selectedNodeForTabNav}"
                   >
-                    <span class="fd-menu__title"
-                      >{$getTranslation(node.label)}</span
-                    >
+                    <span class="fd-menu__title">{$getTranslation(node.label)}</span>
                   </a>
                 </li>
                 {/if} {/if} {/each}
@@ -95,12 +93,10 @@
           class="fd-popover__body fd-popover__body--right fd-popover__body--no-arrow"
           aria-hidden="{!isMoreBtnExpanded}"
         >
-          <ul
-            class="fd-nested-list fd-nested-list--compact fd-nested-list--text-only"
-          >
+          <ul class="fd-nested-list fd-nested-list--compact fd-nested-list--text-only">
             {#each Object.entries(children) as [key, nodes], index} {#if key ===
-            'undefined' || key.indexOf(virtualGroupPrefix) === 0} {#each nodes
-            as node, index2}
+            'undefined' || key.indexOf(virtualGroupPrefix) === 0} {#each nodes as node,
+            index2}
             <li class="fd-nested-list__item" uid="{index}-{index2}">
               <a
                 href="{getRouteLink(node)}"
@@ -108,9 +104,7 @@
                 on:click|preventDefault="{() => handleClick(node)}"
                 aria-selected="{node===selectedNodeForTabNav}"
               >
-                <span class="fd-nested-list__title"
-                  >{$getTranslation(node.label)}</span
-                >
+                <span class="fd-nested-list__title">{$getTranslation(node.label)}</span>
               </a>
             </li>
             {/each} {:else}
@@ -126,9 +120,7 @@
                   aria-selected="{isSelectedCat(key,selectedNodeForTabNav)}"
                   on:click|preventDefault="{() => toggleDropdownState(key+index)}"
                 >
-                  <span class="fd-nested-list__title"
-                    >{$getTranslation(key)}</span
-                  >
+                  <span class="fd-nested-list__title">{$getTranslation(key)}</span>
                 </a>
                 <button
                   class="fd-button fd-nested-list__button"
@@ -177,15 +169,10 @@
 </nav>
 {/if}
 <script>
-  import {
-    beforeUpdate,
-    createEventDispatcher,
-    onMount,
-    getContext
-  } from "svelte";
-  import { Navigation } from "./services/navigation";
-  import { NavigationHelpers, RoutingHelpers } from "../utilities/helpers";
-  import { LuigiConfig, LuigiI18N } from "../core-api";
+  import { beforeUpdate, createEventDispatcher, onMount, getContext } from 'svelte';
+  import { Navigation } from './services/navigation';
+  import { NavigationHelpers, RoutingHelpers } from '../utilities/helpers';
+  import { LuigiConfig, LuigiI18N } from '../core-api';
 
   export let children;
   export let pathData;
@@ -199,7 +186,7 @@
   export let isMoreBtnExpanded = false;
   export let resizeTabNavToggle;
   let previousResizeTabNavToggle;
-  let getTranslation = getContext("getTranslation");
+  let getTranslation = getContext('getTranslation');
 
   //TODO refactor
   const __this = {
@@ -216,15 +203,15 @@
     set: obj => {
       if (obj) {
         Object.getOwnPropertyNames(obj).forEach(prop => {
-          if (prop === "pathData") {
+          if (prop === 'pathData') {
             pathData = obj.pathData;
-          } else if (prop === "context") {
+          } else if (prop === 'context') {
             context = obj.context;
-          } else if (prop === "children") {
+          } else if (prop === 'children') {
             children = obj.children;
-          } else if (prop === "selectedNode") {
+          } else if (prop === 'selectedNode') {
             selectedNode = obj.selectedNode;
-          } else if (prop === "selectedNodeForTabNav") {
+          } else if (prop === 'selectedNodeForTabNav') {
             selectedNodeForTabNav = obj.selectedNodeForTabNav;
           }
         });
@@ -246,17 +233,15 @@
     }
     __this.set({ ...tabNavData });
     previousPathData = pathData;
-    window["LEFTNAVDATA"] = tabNavData.groupedChildren;
+    window['LEFTNAVDATA'] = tabNavData.groupedChildren;
     setTimeout(calcTabsContainer);
   };
 
   const calcTabsContainer = () => {
     clearTapNav();
-    let tabsContainer = document.getElementsByClassName(
-      "luigi-tabsContainer"
-    )[0];
-    let morebtn = document.getElementsByClassName("luigi-tabsMoreButton")[0];
-    let moreLink = document.getElementsByClassName("luigi__more")[0];
+    let tabsContainer = document.getElementsByClassName('luigi-tabsContainer')[0];
+    let morebtn = document.getElementsByClassName('luigi-tabsMoreButton')[0];
+    let moreLink = document.getElementsByClassName('luigi__more')[0];
     let moreBtnSelected = false;
     let tabsContainerOffsetWidth;
     let totalTabsSize = 0;
@@ -265,7 +250,7 @@
     let current = componentData.pathData[componentData.pathData.length - 1];
     let style;
     let margin;
-    moreLink && moreLink.setAttribute("aria-selected", "false");
+    moreLink && moreLink.setAttribute('aria-selected', 'false');
     if (tabsContainer) {
       tabsContainerOffsetWidth = tabsContainer.offsetWidth;
       let tabs = [...tabsContainer.children];
@@ -273,45 +258,39 @@
         style = element.currentStyle || window.getComputedStyle(element);
         margin = parseFloat(style.marginLeft) + parseFloat(style.marginRight);
         totalTabsSize += element.offsetWidth + margin;
-        let uid = element.getAttribute("uid");
+        let uid = element.getAttribute('uid');
         if (totalTabsSize >= tabsContainerOffsetWidth) {
-          element.classList.add("hide_element");
-          if (element.getAttribute("isSelected") === "true") {
-            moreLink.setAttribute("aria-selected", "true");
+          element.classList.add('hide_element');
+          if (element.getAttribute('isSelected') === 'true') {
+            moreLink.setAttribute('aria-selected', 'true');
           }
           document
             .querySelector('li[uid="' + uid + '"]')
-            .classList.remove("hide_element");
+            .classList.remove('hide_element');
           hasMoreBtnElements = true;
         } else {
-          document
-            .querySelector('li[uid="' + uid + '"]')
-            .classList.add("hide_element");
+          document.querySelector('li[uid="' + uid + '"]').classList.add('hide_element');
         }
       });
       !hasMoreBtnElements
-        ? morebtn.classList.add("hide_element")
-        : morebtn.classList.remove("hide_element");
+        ? morebtn.classList.add('hide_element')
+        : morebtn.classList.remove('hide_element');
     }
   };
 
   const clearTapNav = () => {
-    let tabsContainer = document.getElementsByClassName(
-      "luigi-tabsContainer"
-    )[0];
-    let moreLink = document.getElementsByClassName("luigi__more")[0];
+    let tabsContainer = document.getElementsByClassName('luigi-tabsContainer')[0];
+    let moreLink = document.getElementsByClassName('luigi__more')[0];
     if (tabsContainer !== undefined) {
       const tabs = [...tabsContainer.children];
       tabs.forEach(element => {
-        element.classList.remove("hide_element");
+        element.classList.remove('hide_element');
       });
     }
   };
 
   onMount(() => {
-    hideNavComponent = LuigiConfig.getConfigBooleanValue(
-      "settings.hideNavigation"
-    );
+    hideNavComponent = LuigiConfig.getConfigBooleanValue('settings.hideNavigation');
   });
 
   // [svelte-upgrade warning]
@@ -335,9 +314,7 @@
   }
 
   function isExpanded(nodes, expandedList) {
-    return (
-      expandedList && expandedList.indexOf(nodes.metaInfo.categoryUid) >= 0
-    );
+    return expandedList && expandedList.indexOf(nodes.metaInfo.categoryUid) >= 0;
   }
 
   function isSelectedCat(key, selectedNodeForTabNav) {
@@ -357,7 +334,7 @@
   // review these functions and remove unnecessary 'export' keywords
   export function handleClick(node) {
     closeAllDropdowns();
-    dispatch("handleClick", { node });
+    dispatch('handleClick', { node });
   }
 
   export function toggleDropdownState(name) {
@@ -383,8 +360,8 @@
 </script>
 
 <style type="text/scss">
-  @import "styles/mixins";
-  @import "styles/variables";
+  @import 'styles/mixins';
+  @import 'styles/variables';
 
   .tabsContainer {
     width: 100%;
diff --git a/core/src/navigation/TopNav.html b/core/src/navigation/TopNav.html
index 9583f732e7..50d88c8e74 100644
--- a/core/src/navigation/TopNav.html
+++ b/core/src/navigation/TopNav.html
@@ -1,12 +1,8 @@
 <svelte:window on:click="{closeAllDropdowns}" on:blur="{closeAllDropdowns}" />
 {#if showTopNav}
-<div
-  class="fd-shellbar {hideNavComponent ? 'hideNavComponent' : ''}"
-  tabindex="0"
->
+<div class="fd-shellbar {hideNavComponent ? 'hideNavComponent' : ''}" tabindex="0">
   <div class="fd-shellbar__group fd-shellbar__group--product">
-    {#if responsiveNavSetting==="simple" ||
-    responsiveNavSetting==="simpleMobileOnly" ||
+    {#if responsiveNavSetting==="simple" || responsiveNavSetting==="simpleMobileOnly" ||
     responsiveNavSetting==="Fiori3"}
     <button
       class="fd-shellbar__button fd-button lui-burger"
@@ -61,9 +57,7 @@
             data-testid="{getTestId(node)}"
           >
             {#if node.icon} {#if hasOpenUIicon(node)}
-            <span
-              class="sap-icon sap-icon--{node.icon} fd-top-nav__icon"
-            ></span>
+            <span class="sap-icon sap-icon--{node.icon} fd-top-nav__icon"></span>
             {:else}
             <img
               class="fd-top-nav__icon nav-icon"
@@ -85,11 +79,7 @@
           aria-hidden="{!(dropDownStates[`dropDownPopover-${i}`] || false)}"
           id="dropDownPopover-{i}"
         >
-          <TopNavDropDown
-            node="{node}"
-            isMobile="{false}"
-            pathParams="{pathParams}"
-          />
+          <TopNavDropDown node="{node}" isMobile="{false}" pathParams="{pathParams}" />
         </div>
       </div>
     </div>
@@ -133,15 +123,12 @@
     -->
 
     <!-- dropdown for top nav nodes on smaller screens -->
-    {#if (visibleNodeCount - globalNavNodeCount > 0) ||
-    isProductSwitcherAvailable || contextSwitcherConfig}
+    {#if (visibleNodeCount - globalNavNodeCount > 0) || isProductSwitcherAvailable ||
+    contextSwitcherConfig}
     <div class="fd-shellbar__action fd-shellbar__action--mobile">
       <div class="fd-shellbar-collapse">
         <div class="fd-popover fd-popover--right">
-          <div
-            class="fd-popover__control"
-            on:click|stopPropagation="{() => {}}"
-          >
+          <div class="fd-popover__control" on:click|stopPropagation="{() => {}}">
             <div
               class="fd-shellbar-collapse--control"
               aria-controls="eYVEJ960"
@@ -180,8 +167,7 @@
                     <span class="fd-menu__title">Search</span>
                   </a>
                 </li>
-                {/if} {#if contextSwitcherConfig && (!authorizationEnabled ||
-                isLoggedIn)}
+                {/if} {#if contextSwitcherConfig && (!authorizationEnabled || isLoggedIn)}
                 <li class="fd-menu__item">
                   <a
                     class="fd-menu__link"
@@ -191,13 +177,12 @@
                       class="sap-icon fd-top-nav__icon {contextSwitcherConfig.icon && hasOpenUIicon(contextSwitcherConfig) ? 'sap-icon--' + contextSwitcherConfig.icon : 'sap-icon--switch-views'}"
                     ></i>
                     <span class="fd-menu__title"
-                      >{selectedLabel ? selectedLabel :
-                      defaultLabelContextSwitcher}</span
+                      >{selectedLabel ? selectedLabel : defaultLabelContextSwitcher}</span
                     >
                   </a>
                 </li>
-                {/if} {#each children as node,i} {#if !(node.hideFromNav ||
-                (showGlobalNav && node.globalNav))} {#if !node.isCat}
+                {/if} {#each children as node,i} {#if !(node.hideFromNav || (showGlobalNav
+                && node.globalNav))} {#if !node.isCat}
                 <li class="fd-menu__item">
                   <a
                     href="{getRouteLink(node)}"
@@ -209,10 +194,7 @@
                       class="fd-top-nav__icon sap-icon {node.icon && hasOpenUIicon(node) ? 'sap-icon--' + node.icon : '' }"
                     >
                       {#if !hasOpenUIicon(node)}
-                      <img
-                        src="{node.icon}"
-                        alt="{node.altText ? node.altText : ''}"
-                      />
+                      <img src="{node.icon}" alt="{node.altText ? node.altText : ''}" />
                       {/if}
                       <BadgeCounter {node} />
                     </span>
@@ -234,10 +216,7 @@
                         class="sap-icon {node.icon && hasOpenUIicon(node) ? 'sap-icon--' + node.icon : '' }"
                       ></i>
                       {:else}
-                      <img
-                        src="{node.icon}"
-                        alt="{node.altText ? node.altText : ''}"
-                      />
+                      <img src="{node.icon}" alt="{node.altText ? node.altText : ''}" />
                       {/if}
                       <BadgeCounter {node} />
                     </span>
@@ -287,9 +266,7 @@
                       />
                     </span>
                     {/if}
-                    <span class="fd-menu__title"
-                      >{productSwitcherConfig.label}</span
-                    >
+                    <span class="fd-menu__title">{productSwitcherConfig.label}</span>
                   </a>
                 </li>
                 {/if}
@@ -331,13 +308,8 @@
     >
       <div class="fd-user-menu">
         <div class="fd-popover">
-          <div
-            class="fd-popover__control"
-            on:click|stopPropagation="{() => {}}"
-          >
-            <div
-              class="{userInfo.picture ? 'fd-shellbar__button--user-menu' : '' }"
-            >
+          <div class="fd-popover__control" on:click|stopPropagation="{() => {}}">
+            <div class="{userInfo.picture ? 'fd-shellbar__button--user-menu' : '' }">
               <div
                 class="fd-button fd-shellbar__button"
                 aria-expanded="{dropDownStates.profilePopover || false}"
@@ -389,20 +361,15 @@
 />
 {/if}
 <script>
-  import LogoTitle from "./LogoTitle.html";
-  import BadgeCounter from "./BadgeCounter.html";
-  import Authorization from "../Authorization.html";
-  import TopNavDropDown from "../TopNavDropDown.html";
-  import ContextSwitcher from "./ContextSwitcher.html";
-  import ProductSwitcher from "./ProductSwitcher.html";
-  import GlobalSearch from "./GlobalSearch.html";
-  import {
-    beforeUpdate,
-    createEventDispatcher,
-    onMount,
-    getContext
-  } from "svelte";
-  import { LuigiAuth, LuigiConfig, LuigiI18N } from "../core-api";
+  import LogoTitle from './LogoTitle.html';
+  import BadgeCounter from './BadgeCounter.html';
+  import Authorization from '../Authorization.html';
+  import TopNavDropDown from '../TopNavDropDown.html';
+  import ContextSwitcher from './ContextSwitcher.html';
+  import ProductSwitcher from './ProductSwitcher.html';
+  import GlobalSearch from './GlobalSearch.html';
+  import { beforeUpdate, createEventDispatcher, onMount, getContext } from 'svelte';
+  import { LuigiAuth, LuigiConfig, LuigiI18N } from '../core-api';
   import {
     AuthHelpers,
     NavigationHelpers,
@@ -410,8 +377,8 @@
     StateHelpers,
     EventListenerHelpers,
     GenericHelpers
-  } from "../utilities/helpers";
-  import { SemiCollapsibleNavigation } from "./services/semi-collapsed-navigation";
+  } from '../utilities/helpers';
+  import { SemiCollapsibleNavigation } from './services/semi-collapsed-navigation';
 
   const dispatch = createEventDispatcher();
 
@@ -446,13 +413,11 @@
   export let searchResult;
   export let burgerTooltip;
 
-  let store = getContext("store");
+  let store = getContext('store');
   let contextSwitcherToggle = false;
   let selectedLabel;
   let defaultLabelContextSwitcher;
-  let contextSwitcherConfig = LuigiConfig.getConfigValue(
-    "navigation.contextSwitcher"
-  );
+  let contextSwitcherConfig = LuigiConfig.getConfigValue('navigation.contextSwitcher');
   const setTopNavData = async () => {
     if (pathData && 0 < pathData.length) {
       const tnd = await NavigationHelpers.generateTopNavNodes(pathData);
@@ -475,32 +440,26 @@
       store,
       () => {
         authorizationEnabled = LuigiAuth.isAuthorizationEnabled();
-        profileItemsAvailable = LuigiConfig.getConfigValue(
-          "navigation.profile"
-        );
-        autologinEnabled = !Boolean(
-          LuigiConfig.getConfigValue("auth.disableAutoLogin")
-        );
+        profileItemsAvailable = LuigiConfig.getConfigValue('navigation.profile');
+        autologinEnabled = !Boolean(LuigiConfig.getConfigValue('auth.disableAutoLogin'));
         isProductSwitcherAvailable = LuigiConfig.getConfigValue(
-          "navigation.productSwitcher"
-        );
-        hideNavComponent = LuigiConfig.getConfigBooleanValue(
-          "settings.hideNavigation"
+          'navigation.productSwitcher'
         );
+        hideNavComponent = LuigiConfig.getConfigBooleanValue('settings.hideNavigation');
         responsiveNavSetting = LuigiConfig.getConfigValue(
-          "settings.responsiveNavigation"
+          'settings.responsiveNavigation'
         );
         productSwitcherConfig = NavigationHelpers.getProductSwitcherConfig();
-        isGlobalSearchAvailable = LuigiConfig.getConfigValue("globalSearch");
+        isGlobalSearchAvailable = LuigiConfig.getConfigValue('globalSearch');
         showGlobalNav =
-          LuigiConfig.getConfigBooleanValue("settings.globalSideNavigation") &&
-          GenericHelpers.requestExperimentalFeature("globalNav", true);
+          LuigiConfig.getConfigBooleanValue('settings.globalSideNavigation') &&
+          GenericHelpers.requestExperimentalFeature('globalNav', true);
       },
-      ["navigation"]
+      ['navigation']
     );
 
-    EventListenerHelpers.addEventListener("message", e => {
-      if ("luigi.navigation.update-badge-counters" === e.data.msg) {
+    EventListenerHelpers.addEventListener('message', e => {
+      if ('luigi.navigation.update-badge-counters' === e.data.msg) {
         setTopNavData();
       }
     });
@@ -515,8 +474,7 @@
 
   export let showTopNav;
   $: showTopNav =
-    (authorizationEnabled && (!autologinEnabled || isLoggedIn)) ||
-    !authorizationEnabled;
+    (authorizationEnabled && (!autologinEnabled || isLoggedIn)) || !authorizationEnabled;
 
   function hasOpenUIicon(node) {
     return NavigationHelpers.isOpenUIiconName(node.icon);
@@ -537,12 +495,12 @@
   }
 
   export function openMobileProductSwitcher() {
-    toggleDropdownState("productSwitcherPopover");
+    toggleDropdownState('productSwitcherPopover');
   }
 
   export function openMobileContextSwitcher() {
     contextSwitcherToggle = !contextSwitcherToggle;
-    toggleDropdownState("contextSwitcherPopover");
+    toggleDropdownState('contextSwitcherPopover');
   }
 
   export function openMobileTopNavDropDown(node) {
@@ -555,11 +513,11 @@
   }
 
   export function handleClick(node) {
-    dispatch("handleClick", { node });
+    dispatch('handleClick', { node });
   }
 
   export function handleSearchNavigation(node) {
-    dispatch("handleSearchNavigation", { node });
+    dispatch('handleSearchNavigation', { node });
   }
 
   export function handleClickExternal(event) {
@@ -592,7 +550,7 @@
       setTimeout(() => {
         setFocusOnGlobalSearchFieldMobile();
       });
-    dispatch("toggleSearch", {
+    dispatch('toggleSearch', {
       isSearchFieldVisible,
       inputElem,
       luigiCustomSearchRenderer__slot
@@ -612,8 +570,8 @@
 
   function burgerClickHandler() {
     if (
-      responsiveNavSetting === "simple" ||
-      responsiveNavSetting === "simpleMobileOnly"
+      responsiveNavSetting === 'simple' ||
+      responsiveNavSetting === 'simpleMobileOnly'
     ) {
       simpleNav();
     } else {
@@ -631,13 +589,13 @@
       expandNavTooltip
     ] = NavigationHelpers.getBurgerTooltipConfig();
     if (collapseNavTooltip && expandNavTooltip) {
-      if (document.body.classList.contains("lui-simpleSlideInNav")) {
-        burgerTooltip = document.body.classList.contains("lui-leftNavToggle")
+      if (document.body.classList.contains('lui-simpleSlideInNav')) {
+        burgerTooltip = document.body.classList.contains('lui-leftNavToggle')
           ? collapseNavTooltip
           : expandNavTooltip;
       }
-      if (document.body.classList.contains("lui-semiCollapsible")) {
-        burgerTooltip = document.body.classList.contains("semiCollapsed")
+      if (document.body.classList.contains('lui-semiCollapsible')) {
+        burgerTooltip = document.body.classList.contains('semiCollapsed')
           ? collapseNavTooltip
           : expandNavTooltip;
       }
@@ -645,16 +603,16 @@
   }
 
   export function simpleNav() {
-    document.body.classList.toggle("lui-leftNavToggle");
-    if (document.getElementsByClassName("fd-tabs").length > 0) {
-      dispatch("resizeTabNav", {});
+    document.body.classList.toggle('lui-leftNavToggle');
+    if (document.getElementsByClassName('fd-tabs').length > 0) {
+      dispatch('resizeTabNav', {});
     }
   }
 
   export function semicollapsedNav() {
     SemiCollapsibleNavigation.buttonClicked();
-    if (document.getElementsByClassName("fd-tabs").length > 0) {
-      dispatch("resizeTabNav", {});
+    if (document.getElementsByClassName('fd-tabs').length > 0) {
+      dispatch('resizeTabNav', {});
     }
   }
 
@@ -665,7 +623,7 @@
 </script>
 
 <style type="text/scss">
-  @import "styles/variables";
+  @import 'styles/variables';
   //remove default outline of all dropdowns in shellbar
   .fd-shellbar:focus {
     outline: none;
diff --git a/package.json b/package.json
index e622d0bfe9..a20dd36e65 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
       "code-quality-prettier": "node code_quality.js -- mode=pre_commit_prettier",
       "code-quality-eslint": "node code_quality.js -- mode=pre_commit__eslint",
       "full-code-quality": "node code_quality.js -- mode=full",
-      "full-code-quality-prettier": "node code_quality.js -- mode=full_prettier sourcePaths=core/src,client/src",
+      "full-code-quality-prettier": "node code_quality.js -- mode=full_prettier sourcePaths=core/src,client/src,test/e2e-test-application/e2e,test/e2e-test-application/src",
       "full-code-quality-eslint": "node code_quality.js -- mode=full_eslint",
       "full-code-quality-eslint-core": "node code_quality.js -- mode=full_eslint sourcePaths=core/src,core/test report=core_full_eslint_report.html",
       "full-code-quality-eslint-client": "node code_quality.js -- mode=full_eslint sourcePaths=client/src report=client_full_eslint_report.html",
diff --git a/prettier_config.json b/prettier_config.json
index 6e18d53095..1f2b70f41b 100644
--- a/prettier_config.json
+++ b/prettier_config.json
@@ -15,6 +15,8 @@
    },
    "html": {
       "parser": "html",
-      "tabWidth": 2
+      "tabWidth": 2,
+      "singleQuote": true,
+      "printWidth": 90
    }
 }
diff --git a/test/e2e-test-application/e2e/support/commands.js b/test/e2e-test-application/e2e/support/commands.js
index 652d83c836..68f33efc9f 100644
--- a/test/e2e-test-application/e2e/support/commands.js
+++ b/test/e2e-test-application/e2e/support/commands.js
@@ -25,55 +25,44 @@ const setLuigiConfig = (win, config) => {
   }, 20);
 };
 
-Cypress.Commands.add(
-  'visitWithFiddleConfig',
-  (path = '/', config = fiddleConfig) => {
-    cy.visit(`http://localhost:8080/#${path}`, {
-      onBeforeLoad: win => {
-        win.localStorage.clear();
-        win.sessionStorage.clear();
-        setAcceptedCookies(win);
-        setLuigiConfig(win, config);
-      }
-    });
-  }
-);
-Cypress.Commands.add(
-  'visitWithFiddleConfigString',
-  (path = '/', config = fiddleConfig) => {
-    cy.visit(`http://localhost:8080/#${path}`, {
-      onBeforeLoad: win => {
-        win.localStorage.clear();
-        win.sessionStorage.clear();
-        setAcceptedCookies(win);
-        // Not using setLuigiConfig(win, config);
-        const strConfig =
-          typeof config === 'object' ? JSON.stringify(config) : config;
-        win.sessionStorage.setItem('fiddle', `Luigi.setConfig(${strConfig})`);
-        win.localStorage.setItem('fiddle', `Luigi.setConfig(${strConfig})`);
-      }
-    });
-  }
-);
+Cypress.Commands.add('visitWithFiddleConfig', (path = '/', config = fiddleConfig) => {
+  cy.visit(`http://localhost:8080/#${path}`, {
+    onBeforeLoad: win => {
+      win.localStorage.clear();
+      win.sessionStorage.clear();
+      setAcceptedCookies(win);
+      setLuigiConfig(win, config);
+    }
+  });
+});
+Cypress.Commands.add('visitWithFiddleConfigString', (path = '/', config = fiddleConfig) => {
+  cy.visit(`http://localhost:8080/#${path}`, {
+    onBeforeLoad: win => {
+      win.localStorage.clear();
+      win.sessionStorage.clear();
+      setAcceptedCookies(win);
+      // Not using setLuigiConfig(win, config);
+      const strConfig = typeof config === 'object' ? JSON.stringify(config) : config;
+      win.sessionStorage.setItem('fiddle', `Luigi.setConfig(${strConfig})`);
+      win.localStorage.setItem('fiddle', `Luigi.setConfig(${strConfig})`);
+    }
+  });
+});
 
-Cypress.Commands.add(
-  'visitLoggedInWithFiddleConfig',
-  (path = '/', config = fiddleConfig) => {
-    cy.visit(`http://localhost:8080/#${path}`, {
-      onBeforeLoad: win => {
-        win.localStorage.clear();
-        win.sessionStorage.clear();
-        setAcceptedCookies(win);
-        setLoggedIn(win);
+Cypress.Commands.add('visitLoggedInWithFiddleConfig', (path = '/', config = fiddleConfig) => {
+  cy.visit(`http://localhost:8080/#${path}`, {
+    onBeforeLoad: win => {
+      win.localStorage.clear();
+      win.sessionStorage.clear();
+      setAcceptedCookies(win);
+      setLoggedIn(win);
 
-        const strConfig =
-          typeof config === 'object' ? JSON.stringify(config) : config;
-        win.sessionStorage.setItem('fiddle', `Luigi.setConfig(${strConfig})`);
-        win.localStorage.setItem('fiddle', `Luigi.setConfig(${strConfig})`);
-      }
-    });
-  }
-);
+      const strConfig = typeof config === 'object' ? JSON.stringify(config) : config;
+      win.sessionStorage.setItem('fiddle', `Luigi.setConfig(${strConfig})`);
+      win.localStorage.setItem('fiddle', `Luigi.setConfig(${strConfig})`);
+    }
+  });
+});
 
 Cypress.Commands.add('visitLoggedIn', (path = '/') => {
   cy.visit(path, {
@@ -86,29 +75,26 @@ Cypress.Commands.add('visitLoggedIn', (path = '/') => {
   });
 });
 
-Cypress.Commands.add(
-  'login',
-  (email, password, skipReturnPathCheck = false) => {
-    cy.get('.fd-input')
-      .first()
-      .clear()
-      .type(email)
-      .should('have.value', email);
+Cypress.Commands.add('login', (email, password, skipReturnPathCheck = false) => {
+  cy.get('.fd-input')
+    .first()
+    .clear()
+    .type(email)
+    .should('have.value', email);
 
-    cy.get('.fd-input')
-      .last()
-      .clear()
-      .type(password)
-      .should('have.value', password);
+  cy.get('.fd-input')
+    .last()
+    .clear()
+    .type(password)
+    .should('have.value', password);
 
-    cy.get('.fd-button').click();
+  cy.get('.fd-button').click();
 
-    if (!skipReturnPathCheck) {
-      cy.get('.fd-shellbar').contains('Overview');
-      cy.expectPathToBe('/overview');
-    }
+  if (!skipReturnPathCheck) {
+    cy.get('.fd-shellbar').contains('Overview');
+    cy.expectPathToBe('/overview');
   }
-);
+});
 
 Cypress.Commands.add('goToUxManagerMethods', iframe => {
   cy.wrap(iframe)
@@ -153,22 +139,17 @@ Cypress.Commands.add('selectContextSwitcherItem', (item, currentLabel) => {
     .click();
 });
 
-Cypress.Commands.add(
-  'getIframeBody',
-  (getIframeOpts = {}, index = 0, containerSelector = '.iframeContainer') => {
-    return cy
-      .get(`${containerSelector} iframe`, getIframeOpts)
-      .eq(index)
-      .iframe();
-  }
-);
+Cypress.Commands.add('getIframeBody', (getIframeOpts = {}, index = 0, containerSelector = '.iframeContainer') => {
+  return cy
+    .get(`${containerSelector} iframe`, getIframeOpts)
+    .eq(index)
+    .iframe();
+});
 
 const isHashRoutingOn = () => {
   const appWindow = cy.state('window');
   const { useHashRouting } =
-    appWindow && appWindow.Luigi && appWindow.Luigi.config
-      ? appWindow.Luigi.config.routing
-      : false;
+    appWindow && appWindow.Luigi && appWindow.Luigi.config ? appWindow.Luigi.config.routing : false;
   return useHashRouting;
 };
 
@@ -176,9 +157,7 @@ Cypress.Commands.add('expectPathToBe', (pathWithoutHash, timeout = undefined) =>
   cy.location({ timeout }).should(location => {
     const useHashRouting = isHashRoutingOn();
     const actualPath = useHashRouting ? location.hash : location.pathname;
-    const pathToCheck = useHashRouting
-      ? '#' + pathWithoutHash
-      : pathWithoutHash;
+    const pathToCheck = useHashRouting ? '#' + pathWithoutHash : pathWithoutHash;
     expect(actualPath).to.eq(pathToCheck);
   })
 );
@@ -193,9 +172,7 @@ Cypress.Commands.add('expectSearchToBe', (searchString, a) => {
   // notice that location.hash DOES keep url params ('?a=b') while location.pathname does NOT
   cy.location().should(locationContext => {
     const useHashRouting = isHashRoutingOn();
-    const actualPath = useHashRouting
-      ? locationContext.hash
-      : locationContext.pathname;
+    const actualPath = useHashRouting ? locationContext.hash : locationContext.pathname;
     if (useHashRouting) {
       expect('?' + actualPath.split('?')[1]).to.eq(searchString);
     } else {
@@ -288,7 +265,6 @@ Cypress.Commands.add('iframeWindow', { prevSubject: 'element' }, $iframe => {
   });
 });
 
-
 function onIframeReady($iframe, successFn, errorFn) {
   try {
     const iCon = $iframe.first()[0].contentWindow,
@@ -342,4 +318,4 @@ Cypress.Commands.add('getModalWindow', () => {
   cy.get('[data-testid="modal-mf"] iframe')
     .iframeWindow()
     .its('0.contentWindow');
-});
\ No newline at end of file
+});
diff --git a/test/e2e-test-application/e2e/test2/1-angular/external-micro-frontend.spec.js b/test/e2e-test-application/e2e/test2/1-angular/external-micro-frontend.spec.js
index 221221d8d3..b6059718bc 100644
--- a/test/e2e-test-application/e2e/test2/1-angular/external-micro-frontend.spec.js
+++ b/test/e2e-test-application/e2e/test2/1-angular/external-micro-frontend.spec.js
@@ -6,13 +6,8 @@ describe('Navigation', () => {
     it('Check if external micro frontend is available and an alert will be shown.', () => {
       cy.visit('/projects/pr1/externalmf');
       cy.wait(5000);
-      cy.get('[data-testid=luigi-alert]').contains(
-        'This is just a test alert for external micro frontend.'
-      );
-      cy.get('[data-testid=luigi-alert]').should(
-        'have.class',
-        'fd-message-strip--success'
-      );
+      cy.get('[data-testid=luigi-alert]').contains('This is just a test alert for external micro frontend.');
+      cy.get('[data-testid=luigi-alert]').should('have.class', 'fd-message-strip--success');
     });
   });
 });
diff --git a/test/e2e-test-application/e2e/tests/0-fiddle/fiddle-navigation.spec.js b/test/e2e-test-application/e2e/tests/0-fiddle/fiddle-navigation.spec.js
index b42147b6bb..7bc4522c5b 100644
--- a/test/e2e-test-application/e2e/tests/0-fiddle/fiddle-navigation.spec.js
+++ b/test/e2e-test-application/e2e/tests/0-fiddle/fiddle-navigation.spec.js
@@ -144,12 +144,8 @@ describe('Fiddle', () => {
 
       it('using fallbackLabelResolver', () => {
         newConfig.navigation.contextSwitcher.customSelectedOptionRenderer = undefined;
-        newConfig.navigation.contextSwitcher.fallbackLabelResolver = id =>
-          id.toUpperCase();
-        newConfig.navigation.contextSwitcher.options = [
-          { pathValue: 'env1' },
-          { pathValue: 'env2' }
-        ];
+        newConfig.navigation.contextSwitcher.fallbackLabelResolver = id => id.toUpperCase();
+        newConfig.navigation.contextSwitcher.options = [{ pathValue: 'env1' }, { pathValue: 'env2' }];
 
         cy.visitWithFiddleConfig('/', newConfig);
 
@@ -252,17 +248,11 @@ describe('Fiddle', () => {
       let newConfig;
 
       const visitLoggedInWithAuthConfig = (path = '/', newConfig) => {
-        const strConfig = JSON.stringify(newConfig).replace(
-          '"OAUTH2_PROVIDER"',
-          'window.LuigiAuthOAuth2'
-        ); // workaround else it would just be undefined
+        const strConfig = JSON.stringify(newConfig).replace('"OAUTH2_PROVIDER"', 'window.LuigiAuthOAuth2'); // workaround else it would just be undefined
         cy.visitLoggedInWithFiddleConfig(path, strConfig);
       };
       const visitWithAuthConfig = (path = '/', newConfig) => {
-        const strConfig = JSON.stringify(newConfig).replace(
-          '"OAUTH2_PROVIDER"',
-          'window.LuigiAuthOAuth2'
-        ); // workaround else it would just be undefined
+        const strConfig = JSON.stringify(newConfig).replace('"OAUTH2_PROVIDER"', 'window.LuigiAuthOAuth2'); // workaround else it would just be undefined
         cy.visitWithFiddleConfigString(path, strConfig);
       };
 
@@ -424,10 +414,7 @@ describe('Fiddle', () => {
     beforeEach(() => {
       newConfig = cloneDeep(fiddleConfig);
       newConfig.settings.theming = {
-        themes: () => [
-          { id: 'light', name: 'Fiori3 Light' },
-          { id: 'dark', name: 'Fiori3 Dark' }
-        ],
+        themes: () => [{ id: 'light', name: 'Fiori3 Light' }, { id: 'dark', name: 'Fiori3 Dark' }],
         defaultTheme: 'light'
         // nodeViewURLDecorator: {
         //   queryStringParameter: {
@@ -510,17 +497,11 @@ describe('Fiddle', () => {
 
     it('should collapse the left sidde nav on btn click', () => {
       cy.get('[data-testid="semiCollapsibleButton"]').click();
-      cy.get('[data-testid="semiCollapsibleLeftNav"]').should(
-        'have.class',
-        'fd-side-nav--condensed'
-      );
+      cy.get('[data-testid="semiCollapsibleLeftNav"]').should('have.class', 'fd-side-nav--condensed');
 
       cy.reload().wait(1000);
 
-      cy.get('[data-testid="semiCollapsibleLeftNav"]').should(
-        'have.class',
-        'fd-side-nav--condensed'
-      );
+      cy.get('[data-testid="semiCollapsibleLeftNav"]').should('have.class', 'fd-side-nav--condensed');
     });
 
     it('should execute Core API function collapseLeftSideNav() and open the nav', () => {
@@ -528,10 +509,7 @@ describe('Fiddle', () => {
         win.Luigi.ux().collapseLeftSideNav(false);
       });
       cy.reload().wait(1000);
-      cy.get('[data-testid="semiCollapsibleLeftNav"]').should(
-        'not.have.class',
-        'fd-side-nav--condensed'
-      );
+      cy.get('[data-testid="semiCollapsibleLeftNav"]').should('not.have.class', 'fd-side-nav--condensed');
     });
   });
 
@@ -553,17 +531,11 @@ describe('Fiddle', () => {
 
     it('should collapse the left sidde nav on burger click', () => {
       cy.get('button.lui-burger').click();
-      cy.get('[data-testid="semiCollapsibleLeftNav"]').should(
-        'have.class',
-        'fd-side-nav--condensed'
-      );
+      cy.get('[data-testid="semiCollapsibleLeftNav"]').should('have.class', 'fd-side-nav--condensed');
 
       cy.reload().wait(1000);
 
-      cy.get('[data-testid="semiCollapsibleLeftNav"]').should(
-        'have.class',
-        'fd-side-nav--condensed'
-      );
+      cy.get('[data-testid="semiCollapsibleLeftNav"]').should('have.class', 'fd-side-nav--condensed');
     });
 
     it('should execute Core API function collapseLeftSideNav() and open the nav in Fiori3 settings', () => {
@@ -571,10 +543,7 @@ describe('Fiddle', () => {
         win.Luigi.ux().collapseLeftSideNav(false);
       });
       cy.reload().wait(1000);
-      cy.get('[data-testid="semiCollapsibleLeftNav"]').should(
-        'not.have.class',
-        'fd-side-nav--condensed'
-      );
+      cy.get('[data-testid="semiCollapsibleLeftNav"]').should('not.have.class', 'fd-side-nav--condensed');
     });
   });
   describe('User settings dialog', () => {
@@ -670,8 +639,7 @@ describe('Fiddle', () => {
       });
     });
     it('Hash routing with showModalPathInUrl enabled and custom modalPathParam and node params', () => {
-      newConfig.navigation.nodes[0].children[0].viewUrl =
-        '/examples/microfrontends/hello-luigi-cdn.html';
+      newConfig.navigation.nodes[0].children[0].viewUrl = '/examples/microfrontends/hello-luigi-cdn.html';
       newConfig.routing.showModalPathInUrl = true;
       newConfig.routing.modalPathParam = 'mymodal';
       newConfig.routing.useHashRouting = true;
@@ -689,14 +657,11 @@ describe('Fiddle', () => {
         assert.deepEqual(win.LuigiClient.getNodeParams(), { mp: 'one' });
       });
 
-      cy.expectPathToBe(
-        '/home?mymodal=' + encodeURIComponent('/home/one?~mp=one')
-      );
+      cy.expectPathToBe('/home?mymodal=' + encodeURIComponent('/home/one?~mp=one'));
     });
 
     it('Path routing with showModalPathInUrl enabled and custom modalPathParam and node params', () => {
-      newConfig.navigation.nodes[0].children[0].viewUrl =
-        '/examples/microfrontends/hello-luigi-cdn.html';
+      newConfig.navigation.nodes[0].children[0].viewUrl = '/examples/microfrontends/hello-luigi-cdn.html';
       newConfig.routing.showModalPathInUrl = true;
       newConfig.routing.modalPathParam = 'mymodal';
       newConfig.routing.useHashRouting = false;
@@ -716,9 +681,7 @@ describe('Fiddle', () => {
 
       cy.expectPathToBe('/home');
       cy.location().should(location => {
-        expect(location.search).to.eq(
-          '?mymodal=' + encodeURIComponent('/home/one?~mp=one')
-        );
+        expect(location.search).to.eq('?mymodal=' + encodeURIComponent('/home/one?~mp=one'));
       });
     });
   });
diff --git a/test/e2e-test-application/e2e/tests/1-angular/clock-based.spec.js b/test/e2e-test-application/e2e/tests/1-angular/clock-based.spec.js
index d5f7a7cbf3..e7451383e4 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/clock-based.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/clock-based.spec.js
@@ -6,14 +6,9 @@ describe('Clock based tests', () => {
 
   it('Triggers badge count update with Core Api', () => {
     cy.getIframeBody().then($iframeBody => {
-      const initialBadgeCount = Cypress.$(
-        "button[title='Messages'] .fd-counter--notification"
-      ).text();
+      const initialBadgeCount = Cypress.$("button[title='Messages'] .fd-counter--notification").text();
       cy.log('initial badge count: ' + initialBadgeCount);
-      cy.get("button[title='Messages'] .fd-counter--notification").should(
-        'contain',
-        initialBadgeCount
-      );
+      cy.get("button[title='Messages'] .fd-counter--notification").should('contain', initialBadgeCount);
 
       cy.tick(11e3);
 
@@ -22,14 +17,8 @@ describe('Clock based tests', () => {
         .scrollIntoView()
         .click();
 
-      cy.get("button[title='Messages'] .fd-counter--notification").should(
-        'not.contain',
-        initialBadgeCount
-      );
-      cy.get("button[title='Messages'] .fd-counter--notification").should(
-        'contain',
-        9
-      );
+      cy.get("button[title='Messages'] .fd-counter--notification").should('not.contain', initialBadgeCount);
+      cy.get("button[title='Messages'] .fd-counter--notification").should('contain', 9);
     });
   });
 });
diff --git a/test/e2e-test-application/e2e/tests/1-angular/globalSearch.spec.js b/test/e2e-test-application/e2e/tests/1-angular/globalSearch.spec.js
index 4cda223d47..c9410730a3 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/globalSearch.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/globalSearch.spec.js
@@ -6,9 +6,7 @@ describe('Global Search', () => {
   describe('Open search field ', () => {
     it('Click on field', () => {
       // Input should be not visible
-      cy.get('input[data-testid="luigi-search-input"]').should(
-        'not.be.visible'
-      );
+      cy.get('input[data-testid="luigi-search-input"]').should('not.be.visible');
 
       // Click on Search Button
       cy.get('button[data-testid="luigi-search-btn-desktop"]')
@@ -24,9 +22,7 @@ describe('Global Search', () => {
         .click();
 
       // Input should be not visible
-      cy.get('input[data-testid="luigi-search-input"]').should(
-        'not.be.visible'
-      );
+      cy.get('input[data-testid="luigi-search-input"]').should('not.be.visible');
     });
   });
 
@@ -49,11 +45,7 @@ describe('Global Search', () => {
         .click();
 
       // toggleSearch function should had been executed... input value should be open
-      cy.get('input[data-testid="luigi-search-input"]').should(
-        'have.attr',
-        'data-togglesearch',
-        'open'
-      );
+      cy.get('input[data-testid="luigi-search-input"]').should('have.attr', 'data-togglesearch', 'open');
 
       // Click on Search Button
       cy.get('button[data-testid="luigi-search-btn-desktop"]')
@@ -61,11 +53,7 @@ describe('Global Search', () => {
         .click();
 
       // toggleSearch function should had been executed...input value should be close
-      cy.get('input[data-testid="luigi-search-input"]').should(
-        'have.attr',
-        'data-togglesearch',
-        'close'
-      );
+      cy.get('input[data-testid="luigi-search-input"]').should('have.attr', 'data-togglesearch', 'close');
     });
   });
 
diff --git a/test/e2e-test-application/e2e/tests/1-angular/i18n-context-product-app-switcher.spec.js b/test/e2e-test-application/e2e/tests/1-angular/i18n-context-product-app-switcher.spec.js
index f7f6bf9575..3761e9193c 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/i18n-context-product-app-switcher.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/i18n-context-product-app-switcher.spec.js
@@ -13,10 +13,7 @@ describe('Context switcher', () => {
     cy.expectPathToBe('/environments/env1');
 
     // check label
-    cy.get('[data-testid="luigi-contextswitcher-button"]').should(
-      'contain',
-      'Environment 1'
-    );
+    cy.get('[data-testid="luigi-contextswitcher-button"]').should('contain', 'Environment 1');
   });
 
   it('Add and remove project with context switcher', () => {
@@ -41,10 +38,7 @@ describe('Context switcher', () => {
     cy.get('.fd-app__sidebar').should('contain', 'Project Two');
     cy.get('.fd-app__sidebar').should('contain', 'Project 5');
 
-    cy.get('[data-testid=luigi-alert]').should(
-      'have.class',
-      'fd-message-strip--information'
-    );
+    cy.get('[data-testid=luigi-alert]').should('have.class', 'fd-message-strip--information');
 
     cy.get('[data-testid=luigi-alert]').should('contain', 'Project 5 created.');
 
@@ -83,10 +77,7 @@ describe('Context switcher', () => {
     cy.get('.fd-app__sidebar').should('not.contain', 'Project Two');
     cy.get('.fd-app__sidebar').should('not.contain', 'Project 3');
 
-    cy.get('[data-testid="luigi-contextswitcher-popover"]').should(
-      'not.contain',
-      'Remove Project'
-    );
+    cy.get('[data-testid="luigi-contextswitcher-popover"]').should('not.contain', 'Remove Project');
 
     // add projects again
 
@@ -98,10 +89,7 @@ describe('Context switcher', () => {
     cy.get('.fd-app__sidebar').should('not.contain', 'Project 2');
     cy.get('.fd-app__sidebar').should('not.contain', 'Project 3');
 
-    cy.get('[data-testid="luigi-contextswitcher-popover"]').should(
-      'contain',
-      'Remove Project'
-    );
+    cy.get('[data-testid="luigi-contextswitcher-popover"]').should('contain', 'Remove Project');
 
     cy.selectContextSwitcherItem('New Project');
 
@@ -111,10 +99,7 @@ describe('Context switcher', () => {
     cy.get('.fd-app__sidebar').should('contain', 'Project 2');
     cy.get('.fd-app__sidebar').should('not.contain', 'Project 3');
 
-    cy.get('[data-testid="luigi-contextswitcher-popover"]').should(
-      'contain',
-      'Remove Project'
-    );
+    cy.get('[data-testid="luigi-contextswitcher-popover"]').should('contain', 'Remove Project');
 
     cy.expectPathToBe('/projects');
   });
@@ -123,9 +108,7 @@ describe('Context switcher', () => {
     cy.window().then(win => {
       const config = win.Luigi.getConfig();
       config.navigation.contextSwitcher.preserveSubPathOnSwitch = true;
-      const environmentsNode = config.navigation.nodes.find(
-        element => element.pathSegment === 'environments'
-      );
+      const environmentsNode = config.navigation.nodes.find(element => element.pathSegment === 'environments');
       environmentsNode.hideFromNav = false;
       const environmentNode = environmentsNode.children[0];
       environmentNode.children = [
@@ -229,10 +212,7 @@ describe('ProductSwitcher', () => {
 
       cy.expectPathToBe('/projects/pr1');
 
-      cy.get('.fd-product-switch .fd-product-switch__title').should(
-        'not.contain',
-        'Project 3'
-      );
+      cy.get('.fd-product-switch .fd-product-switch__title').should('not.contain', 'Project 3');
 
       cy.goToOverviewPage();
       cy.expectPathToBe('/overview');
@@ -241,10 +221,7 @@ describe('ProductSwitcher', () => {
       cy.selectContextSwitcherItem('New Project');
       cy.expectPathToBe('/projects');
 
-      cy.get('.fd-product-switch .fd-product-switch__title').should(
-        'contain',
-        'Project 5'
-      );
+      cy.get('.fd-product-switch .fd-product-switch__title').should('contain', 'Project 5');
 
       cy.get('.fd-product-switch').click();
 
@@ -256,9 +233,7 @@ describe('ProductSwitcher', () => {
     });
 
     it('Mobile Product Switcher is not visible', () => {
-      cy.get('[data-testid="mobile-product-switcher"]').should(
-        'not.be.visible'
-      );
+      cy.get('[data-testid="mobile-product-switcher"]').should('not.be.visible');
     });
   });
 
@@ -312,14 +287,8 @@ describe('AppSwitcher', () => {
       const config = win.Luigi.getConfig();
 
       // check initial title and subtitle
-      cy.get('[data-testid="luigi-topnav-title"]').should(
-        'contain',
-        config.settings.header.title
-      );
-      cy.get('.fd-shellbar__subtitle').should(
-        'contain',
-        config.settings.header.subTitle
-      );
+      cy.get('[data-testid="luigi-topnav-title"]').should('contain', config.settings.header.title);
+      cy.get('.fd-shellbar__subtitle').should('contain', config.settings.header.subTitle);
       // check available dropdown items
       cy.get('[data-testid="app-switcher"]').click();
       cy.get('[data-testid="applicationtwo"]').should('exist');
@@ -345,20 +314,14 @@ describe('AppSwitcher', () => {
       cy.expectPathToBe('/projects/pr2');
 
       // check the title and subtlitle
-      cy.get('[data-testid="luigi-topnav-title"]').should(
-        'contain',
-        'Application Two'
-      );
+      cy.get('[data-testid="luigi-topnav-title"]').should('contain', 'Application Two');
       cy.get('.fd-shellbar__subtitle').should('contain', 'the second app');
 
       // navigate to project 1 using plain navigation
       cy.visit('/projects/pr1/developers');
 
       // check if app switcher got updated
-      cy.get('[data-testid="luigi-topnav-title"]').should(
-        'contain',
-        'Application One'
-      );
+      cy.get('[data-testid="luigi-topnav-title"]').should('contain', 'Application One');
       cy.get('.fd-shellbar__subtitle').should('contain', 'the first app');
 
       // check available dropdown items
@@ -404,12 +367,7 @@ describe('I18N', () => {
         customTranslationImplementation: () => {
           return {
             getTranslation: (key, interpolations, locale) => {
-              return (
-                '*' +
-                key +
-                '* ' +
-                (locale || win.Luigi.i18n().getCurrentLocale())
-              );
+              return '*' + key + '* ' + (locale || win.Luigi.i18n().getCurrentLocale());
             }
           };
         }
diff --git a/test/e2e-test-application/e2e/tests/1-angular/login-flow-nav-dropdown.spec.js b/test/e2e-test-application/e2e/tests/1-angular/login-flow-nav-dropdown.spec.js
index 7570d83f9d..a269b61032 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/login-flow-nav-dropdown.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/login-flow-nav-dropdown.spec.js
@@ -9,10 +9,7 @@ describe('Login Flow', () => {
     cy.login('tets@email.com', 'tets');
 
     cy.get('[data-testid="luigi-topnav-profile"]').click();
-    cy.get('[data-testid="luigi-topnav-profile-username"]').should(
-      'contain',
-      'Luigi User'
-    );
+    cy.get('[data-testid="luigi-topnav-profile-username"]').should('contain', 'Luigi User');
   });
 
   it('Link in profile dropdown', () => {
@@ -39,19 +36,13 @@ describe('Login Flow', () => {
     cy.expectPathToBe('/projects');
 
     cy.get('[data-testid="luigi-topnav-profile"]').click();
-    cy.get('[data-testid="luigi-topnav-profile-item"]').should(
-      'not.contain',
-      'Project 1'
-    );
+    cy.get('[data-testid="luigi-topnav-profile-item"]').should('not.contain', 'Project 1');
 
     // add project
     cy.selectContextSwitcherItem('New Project');
     cy.expectPathToBe('/projects');
 
-    cy.get('[data-testid="luigi-topnav-profile-item"]').should(
-      'contain',
-      'Project 1'
-    );
+    cy.get('[data-testid="luigi-topnav-profile-item"]').should('contain', 'Project 1');
   });
 
   it('Change title and logo', () => {
@@ -61,15 +52,8 @@ describe('Login Flow', () => {
     const testLogo =
       'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mM0WCn/HgAD8gHpXMQ+4AAAAABJRU5ErkJggg==';
 
-    cy.get('[data-testid="luigi-topnav-title"]').should(
-      'contain',
-      'Luigi Demo'
-    );
-    cy.get('[data-testid="luigi-topnav-title"]').should(
-      'not.have.attr',
-      'src',
-      testLogo
-    );
+    cy.get('[data-testid="luigi-topnav-title"]').should('contain', 'Luigi Demo');
+    cy.get('[data-testid="luigi-topnav-title"]').should('not.have.attr', 'src', testLogo);
 
     cy.window().then(win => {
       const config = win.Luigi.getConfig();
@@ -78,11 +62,7 @@ describe('Login Flow', () => {
       win.Luigi.configChanged('settings.header');
 
       cy.get('[data-testid="luigi-topnav-title"]').should('contain', testTitle);
-      cy.get('[data-testid="luigi-topnav-logo"]').should(
-        'have.attr',
-        'src',
-        testLogo
-      );
+      cy.get('[data-testid="luigi-topnav-logo"]').should('have.attr', 'src', testLogo);
     });
   });
 
@@ -92,14 +72,8 @@ describe('Login Flow', () => {
     //logout
     cy.get('[data-testid="luigi-topnav-profile"]').click();
     cy.contains('End session').click();
-    cy.get('[data-testid="logout-headline"]').should(
-      'contain',
-      'You have successfully logged out'
-    );
-    cy.get('[data-testid="logout-message"]').should(
-      'contain',
-      'Sign in again to continue working on awesome things!'
-    );
+    cy.get('[data-testid="logout-headline"]').should('contain', 'You have successfully logged out');
+    cy.get('[data-testid="logout-message"]').should('contain', 'Sign in again to continue working on awesome things!');
     cy.expectPathToBe('/logout.html');
 
     //login again
@@ -123,9 +97,7 @@ describe('TopNavDropDown', () => {
       //check if google is there
       cy.get('[data-testid="misc"]').click();
 
-      cy.get('[data-testid="opengoogleinthistab"]').contains(
-        'Open Google in this tab'
-      );
+      cy.get('[data-testid="opengoogleinthistab"]').contains('Open Google in this tab');
 
       cy.get('[data-testid="all-users_visibleforallusers"]')
         .contains('Visible for all users')
@@ -144,9 +116,7 @@ describe('TopNavDropDown', () => {
       cy.get('[data-testid="mobile-menu"]').click();
 
       //open mobile topnav dropdown
-      cy.get(
-        '[data-e2e="mobile-topnav-dropdown-category"][title="Misc"]'
-      ).click();
+      cy.get('[data-e2e="mobile-topnav-dropdown-category"][title="Misc"]').click();
 
       cy.get('[data-e2e="mobile-topnav-item"]')
         .contains('Visible for all users')
@@ -159,9 +129,7 @@ describe('TopNavDropDown', () => {
       cy.get('[data-testid="mobile-menu"]').click();
 
       //open mobile topnav dropdown
-      cy.get(
-        '[data-e2e="mobile-topnav-dropdown-category"][title="Misc"]'
-      ).click();
+      cy.get('[data-e2e="mobile-topnav-dropdown-category"][title="Misc"]').click();
 
       //close mobile topnav dropdown
       cy.get('[data-testid="mobile-topnav-close"]').click();
diff --git a/test/e2e-test-application/e2e/tests/1-angular/luigi-client-link-manager-features.spec.js b/test/e2e-test-application/e2e/tests/1-angular/luigi-client-link-manager-features.spec.js
index b5747b0a0d..0de00a48c0 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/luigi-client-link-manager-features.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/luigi-client-link-manager-features.spec.js
@@ -91,14 +91,8 @@ describe('Luigi client linkManager', () => {
           const wcContent = root.querySelector('p').innerText;
           expect(wcContent).to.equal('Hello WebComponent!');
           root.querySelector('button').click();
-          cy.get('[data-testid=luigi-alert]').should(
-            'have.class',
-            'fd-message-strip--information'
-          );
-          cy.get('[data-testid=luigi-alert]').should(
-            'contain',
-            'Hello from uxManager in Web Component'
-          );
+          cy.get('[data-testid=luigi-alert]').should('have.class', 'fd-message-strip--information');
+          cy.get('[data-testid=luigi-alert]').should('contain', 'Hello from uxManager in Web Component');
         });
         //navigate with intent
         cy.wrap($iframeBody)
@@ -118,10 +112,7 @@ describe('Luigi client linkManager', () => {
 
         //wait for the alert coming from an inactive iFrame to be shown and second iFrame to be loaded
         cy.wait(500);
-        cy.get('.fd-message-strip').should(
-          'contain',
-          'Information alert sent from an inactive iFrame'
-        );
+        cy.get('.fd-message-strip').should('contain', 'Information alert sent from an inactive iFrame');
 
         cy.getIframeBody().then($iframeBody => {
           cy.wrap($iframeBody)
@@ -156,9 +147,7 @@ describe('Luigi client linkManager', () => {
             // existent relative path
             { path: 'developers', successExpected: true }
           ].map(data => {
-            const msgExpected = data.successExpected
-              ? `Path ${data.path} exists`
-              : `Path ${data.path} does not exist`;
+            const msgExpected = data.successExpected ? `Path ${data.path} exists` : `Path ${data.path} does not exist`;
             const checkPathSelector = '.link-manager .check-path';
             cy.wrap($iframeBody)
               .find(checkPathSelector + ' input')
@@ -216,9 +205,7 @@ describe('Luigi client linkManager', () => {
         .click();
       cy.expectPathToBe('/overview');
 
-      cy.get('.fd-message-strip').contains(
-        'Could not find the requested route maskopatol/has/a/child'
-      );
+      cy.get('.fd-message-strip').contains('Could not find the requested route maskopatol/has/a/child');
 
       //navigate somewhere else
       cy.goToProjectsPage();
diff --git a/test/e2e-test-application/e2e/tests/1-angular/luigi-client-ux-alerts-i18n.spec.js b/test/e2e-test-application/e2e/tests/1-angular/luigi-client-ux-alerts-i18n.spec.js
index 2eb2696435..9ca94d622e 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/luigi-client-ux-alerts-i18n.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/luigi-client-ux-alerts-i18n.spec.js
@@ -23,10 +23,7 @@ describe('Luigi Client UX Alerts + Localization', () => {
         .find('[data-testid=show-luigi-alert]')
         .click();
 
-      cy.get('[data-testid=luigi-alert]').should(
-        'have.class',
-        'fd-message-strip--success'
-      );
+      cy.get('[data-testid=luigi-alert]').should('have.class', 'fd-message-strip--success');
 
       cy.get('[data-testid=luigi-alert-dismiss]').click();
       cy.get('[data-testid=luigi-alert]').should('not.exist');
@@ -41,10 +38,7 @@ describe('Luigi Client UX Alerts + Localization', () => {
         .find('[data-testid=show-luigi-alert]')
         .click();
 
-      cy.get('[data-testid=luigi-alert]').should(
-        'have.class',
-        'fd-message-strip--information'
-      );
+      cy.get('[data-testid=luigi-alert]').should('have.class', 'fd-message-strip--information');
     });
     it('hides Alert after specified time', () => {
       const closeAfter = 500;
@@ -109,10 +103,7 @@ describe('Luigi Client UX Alerts + Localization', () => {
         .find('[data-testid=toggle-dirty-state]')
         .click();
 
-      cy.get('[data-testid=luigi-alert]').should(
-        'have.class',
-        'fd-message-strip--warning'
-      );
+      cy.get('[data-testid=luigi-alert]').should('have.class', 'fd-message-strip--warning');
 
       cy.get('*[id$=_link_relativePath]').click();
       cy.expectPathToBe('/projects/pr1');
diff --git a/test/e2e-test-application/e2e/tests/1-angular/luigi-client-ux-manager-features.spec.js b/test/e2e-test-application/e2e/tests/1-angular/luigi-client-ux-manager-features.spec.js
index 678d95be36..236217ce96 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/luigi-client-ux-manager-features.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/luigi-client-ux-manager-features.spec.js
@@ -136,9 +136,7 @@ describe('Luigi Client ux manager features', () => {
           cy.get('[data-testid=luigi-loading-spinner]').should('exist');
           cy.wait(250); // give it some time to hide
           // wait for programmatic hide of loading indicator
-          cy.get('[data-testid=luigi-loading-spinner]').should(
-            'not.be.visible'
-          );
+          cy.get('[data-testid=luigi-loading-spinner]').should('not.be.visible');
         });
       }
     );
@@ -157,9 +155,7 @@ describe('Luigi Client ux manager features', () => {
 
         cy.get('[data-testid=luigi-modal-dismiss]').click();
 
-        cy.get('[data-testid=luigi-confirmation-modal]').should(
-          'not.be.visible'
-        );
+        cy.get('[data-testid=luigi-confirmation-modal]').should('not.be.visible');
 
         cy.expectPathToBe('/overview'); //the location is still unchanged after "No" clicked
       });
@@ -177,9 +173,7 @@ describe('Luigi Client ux manager features', () => {
 
         cy.get('[data-testid=luigi-modal-confirm]').click();
 
-        cy.get('[data-testid=luigi-confirmation-modal]').should(
-          'not.be.visible'
-        );
+        cy.get('[data-testid=luigi-confirmation-modal]').should('not.be.visible');
 
         cy.expectPathToBe('/projects'); //the location is changed after "Yes" clicked
       });
diff --git a/test/e2e-test-application/e2e/tests/1-angular/microfrontends.spec.js b/test/e2e-test-application/e2e/tests/1-angular/microfrontends.spec.js
index 1e65767f4b..456f7ddcaf 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/microfrontends.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/microfrontends.spec.js
@@ -69,12 +69,8 @@ describe('Modal Microfrontend', () => {
 
       cy.get('[data-testid=modal-mf] iframe').then(ifr => {
         const src = ifr.attr('src');
-        const url = new URL(
-          src.startsWith('http') ? src : window.location.origin + src
-        );
-        expect(`${url.pathname}${url.hash}`).to.equal(
-          '/sampleapp.html#/settings'
-        );
+        const url = new URL(src.startsWith('http') ? src : window.location.origin + src);
+        expect(`${url.pathname}${url.hash}`).to.equal('/sampleapp.html#/settings');
       });
     });
 
@@ -192,12 +188,7 @@ describe('iframeCreationInterceptor test', () => {
     cy.visitLoggedIn('/projects/pr2');
     cy.window().then(win => {
       const config = win.Luigi.getConfig();
-      config.settings.iframeCreationInterceptor = (
-        iframe,
-        viewGroup,
-        navigationNode,
-        microFrontendType
-      ) => {
+      config.settings.iframeCreationInterceptor = (iframe, viewGroup, navigationNode, microFrontendType) => {
         const style = 'border: 3px dashed ';
         switch (microFrontendType) {
           case 'main':
@@ -227,11 +218,7 @@ describe('iframeCreationInterceptor test', () => {
       cy.wrap($iframeBody)
         .contains('open view in split view')
         .click();
-      cy.get('#splitViewContainer iframe').should(
-        'have.attr',
-        'style',
-        'border: 3px dashed red;'
-      );
+      cy.get('#splitViewContainer iframe').should('have.attr', 'style', 'border: 3px dashed red;');
     });
   });
 
@@ -240,11 +227,7 @@ describe('iframeCreationInterceptor test', () => {
       cy.wrap($iframeBody)
         .contains('rendered in a modal')
         .click();
-      cy.get('[data-testid=modal-mf] iframe').should(
-        'have.attr',
-        'style',
-        'border: 3px dashed blue;'
-      );
+      cy.get('[data-testid=modal-mf] iframe').should('have.attr', 'style', 'border: 3px dashed blue;');
     });
   });
 });
diff --git a/test/e2e-test-application/e2e/tests/1-angular/navigation.spec.js b/test/e2e-test-application/e2e/tests/1-angular/navigation.spec.js
index 81aa876b15..37d076ee75 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/navigation.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/navigation.spec.js
@@ -222,9 +222,7 @@ describe('Navigation', () => {
     });
 
     it('Icon with label label in TopNav', () => {
-      cy.get('button[data-testid="icon-and-label"]>.fd-top-nav__icon').should(
-        'exist'
-      );
+      cy.get('button[data-testid="icon-and-label"]>.fd-top-nav__icon').should('exist');
       cy.get('button[data-testid="icon-and-label"]').should('contain', 'Git');
     });
 
@@ -275,9 +273,7 @@ describe('Navigation', () => {
           .click();
 
         cy.expectPathToBe(nodeActivationPath);
-        cy.get('[data-testid="luigi-alert"]').contains(
-          'Showing an alert instead of navigating'
-        );
+        cy.get('[data-testid="luigi-alert"]').contains('Showing an alert instead of navigating');
       });
     });
 
@@ -563,10 +559,7 @@ describe('Navigation', () => {
         cy.get('.lui-burger').click();
         cy.get('.fd-side-nav').contains('Horizontal Navigation Example');
         cy.get('[data-testid="tabnav_horizontalnavigationexample"]').click();
-        cy.get('[data-testid="tabnav_horizontalnavigationexample"]').should(
-          'have.class',
-          'is-selected'
-        );
+        cy.get('[data-testid="tabnav_horizontalnavigationexample"]').should('have.class', 'is-selected');
         cy.get('.fd-tabs').contains('User Management');
         cy.get('.fd-tabs__item')
           .contains('Node with node activation hook')
@@ -658,30 +651,19 @@ describe('Navigation', () => {
         cy.viewport('iphone-6');
       });
       it('GlobalSearch Mobile', () => {
-        cy.get('.luigi-search-shell__mobile .luigi-search__input').should(
-          'not.be.visible'
-        );
+        cy.get('.luigi-search-shell__mobile .luigi-search__input').should('not.be.visible');
         cy.get('[data-testid=mobile-menu]').click();
         cy.get('[data-testid=luigi-search-btn-mobile]').click();
-        cy.get('.luigi-search-shell__mobile .luigi-search__input').should(
-          'be.visible'
-        );
-        cy.get('.luigi-search-shell__mobile .luigi-search__input').type(
-          'Luigi'
-        );
+        cy.get('.luigi-search-shell__mobile .luigi-search__input').should('be.visible');
+        cy.get('.luigi-search-shell__mobile .luigi-search__input').type('Luigi');
 
         cy.get('[data-testid=mobile-menu]').click();
         cy.get('[data-testid=luigi-search-btn-mobile]').click();
-        cy.get('.luigi-search-shell__mobile .luigi-search__input').should(
-          'not.be.visible'
-        );
+        cy.get('.luigi-search-shell__mobile .luigi-search__input').should('not.be.visible');
 
         cy.get('[data-testid=mobile-menu]').click();
         cy.get('[data-testid=luigi-search-btn-mobile]').click();
-        cy.get('.luigi-search-shell__mobile .luigi-search__input').should(
-          'not.have.value',
-          'Luigi'
-        );
+        cy.get('.luigi-search-shell__mobile .luigi-search__input').should('not.have.value', 'Luigi');
       });
     });
   });
@@ -698,10 +680,7 @@ describe('Navigation', () => {
       cy.get('.fd-app__sidebar').should('contain', 'Project Settings 2');
       cy.get('.fd-app__sidebar').should('not.contain', 'Project Settings 3');
       cy.getIframeBody().then($iframeBody => {
-        cy.wrap($iframeBody).should(
-          'contain',
-          'This is a feature toggle test and only visible if ft1 is active.'
-        );
+        cy.wrap($iframeBody).should('contain', 'This is a feature toggle test and only visible if ft1 is active.');
       });
     });
 
@@ -715,88 +694,46 @@ describe('Navigation', () => {
     it('It should have multiple categories collapsed', () => {
       cy.visit('/projects/pr2/collapsibles');
 
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
-
-      cy.get(
-        'li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]'
-      ).click();
-      cy.get(
-        'li[data-testid="usermanagement"] a[title="User Management"]'
-      ).click();
-
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'be.visible'
-      );
-
-      cy.get(
-        'li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]'
-      ).click();
-      cy.get(
-        'li[data-testid="usermanagement"] a[title="User Management"]'
-      ).click();
-
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
+
+      cy.get('li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]').click();
+      cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
+
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('be.visible');
+
+      cy.get('li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]').click();
+      cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
+
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
     });
 
     it('It should have a local side nav accordion mode', () => {
       cy.visit('/projects/pr2/sidenavaccordionmode');
 
       // All is closed
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
 
-      cy.get(
-        'li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]'
-      ).click();
+      cy.get('li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]').click();
 
       // First one is open only
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
 
-      cy.get(
-        'li[data-testid="usermanagement"] a[title="User Management"]'
-      ).click();
+      cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
 
       // Second one is open only
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('be.visible');
 
-      cy.get(
-        'li[data-testid="usermanagement"] a[title="User Management"]'
-      ).click();
+      cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
 
       // All is closed
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
     });
 
     it('It should have a global side nav accordion mode', () => {
@@ -808,48 +745,26 @@ describe('Navigation', () => {
         };
         win.Luigi.configChanged('settings.navigation');
         // All is closed
-        cy.get(
-          'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-        ).should('not.be.visible');
-        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-          'not.be.visible'
-        );
+        cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
 
-        cy.get(
-          'li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]'
-        ).click();
+        cy.get('li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]').click();
 
         // First one is open only
-        cy.get(
-          'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-        ).should('be.visible');
-        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-          'not.be.visible'
-        );
+        cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('be.visible');
+        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
 
-        cy.get(
-          'li[data-testid="usermanagement"] a[title="User Management"]'
-        ).click();
+        cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
 
         // Second one is open only
-        cy.get(
-          'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-        ).should('not.be.visible');
-        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-          'be.visible'
-        );
+        cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('be.visible');
 
-        cy.get(
-          'li[data-testid="usermanagement"] a[title="User Management"]'
-        ).click();
+        cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
 
         // All is closed
-        cy.get(
-          'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-        ).should('not.be.visible');
-        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-          'not.be.visible'
-        );
+        cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
       });
     });
   });
@@ -858,88 +773,46 @@ describe('Navigation', () => {
     it('It should have multiple categories collapsed', () => {
       cy.visit('/projects/pr2/collapsibles');
 
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
-
-      cy.get(
-        'li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]'
-      ).click();
-      cy.get(
-        'li[data-testid="usermanagement"] a[title="User Management"]'
-      ).click();
-
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'be.visible'
-      );
-
-      cy.get(
-        'li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]'
-      ).click();
-      cy.get(
-        'li[data-testid="usermanagement"] a[title="User Management"]'
-      ).click();
-
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
+
+      cy.get('li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]').click();
+      cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
+
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('be.visible');
+
+      cy.get('li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]').click();
+      cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
+
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
     });
 
     it('It should have a local side nav accordion mode', () => {
       cy.visit('/projects/pr2/sidenavaccordionmode');
 
       // All is closed
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
 
-      cy.get(
-        'li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]'
-      ).click();
+      cy.get('li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]').click();
 
       // First one is open only
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
 
-      cy.get(
-        'li[data-testid="usermanagement"] a[title="User Management"]'
-      ).click();
+      cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
 
       // Second one is open only
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('be.visible');
 
-      cy.get(
-        'li[data-testid="usermanagement"] a[title="User Management"]'
-      ).click();
+      cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
 
       // All is closed
-      cy.get(
-        'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-      ).should('not.be.visible');
-      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-        'not.be.visible'
-      );
+      cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+      cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
     });
 
     it('It should have a global side nav accordion mode', () => {
@@ -951,48 +824,26 @@ describe('Navigation', () => {
         };
         win.Luigi.configChanged('settings.navigation');
         // All is closed
-        cy.get(
-          'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-        ).should('not.be.visible');
-        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-          'not.be.visible'
-        );
+        cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
 
-        cy.get(
-          'li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]'
-        ).click();
+        cy.get('li[data-testid="superusefulgithublinks"] a[title="Super useful Github links"]').click();
 
         // First one is open only
-        cy.get(
-          'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-        ).should('be.visible');
-        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-          'not.be.visible'
-        );
+        cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('be.visible');
+        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
 
-        cy.get(
-          'li[data-testid="usermanagement"] a[title="User Management"]'
-        ).click();
+        cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
 
         // Second one is open only
-        cy.get(
-          'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-        ).should('not.be.visible');
-        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-          'be.visible'
-        );
+        cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('be.visible');
 
-        cy.get(
-          'li[data-testid="usermanagement"] a[title="User Management"]'
-        ).click();
+        cy.get('li[data-testid="usermanagement"] a[title="User Management"]').click();
 
         // All is closed
-        cy.get(
-          'li[data-testid="superusefulgithublinks"]>ul.fd-nested-list'
-        ).should('not.be.visible');
-        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should(
-          'not.be.visible'
-        );
+        cy.get('li[data-testid="superusefulgithublinks"]>ul.fd-nested-list').should('not.be.visible');
+        cy.get('li[data-testid="usermanagement"]>ul.fd-nested-list').should('not.be.visible');
       });
     });
   });
@@ -1006,9 +857,7 @@ describe('Navigation', () => {
       cy.expectPathToBe('/projects/pr2');
       cy.getIframeBody().then(result => {
         // Link on Main page PR2 exist
-        cy.wrap(result).contains(
-          ' with params: project to global settings and back'
-        );
+        cy.wrap(result).contains(' with params: project to global settings and back');
 
         // checking if we have NOT highlighted  menu item
         cy.get('a[href="/projects/pr2/virtual-tree"]')
@@ -1024,9 +873,7 @@ describe('Navigation', () => {
         // Url should changed in the main window
         cy.expectPathToBe('/projects/pr2/virtual-tree');
         // Click link is still here (we haven't changed page)
-        cy.wrap(result).find(
-          'a[data-testid="navigate-withoutSync-virtual-tree"]'
-        );
+        cy.wrap(result).find('a[data-testid="navigate-withoutSync-virtual-tree"]');
         // checking if we have highlighted  menu item
         cy.get('a[href="/projects/pr2/virtual-tree"]')
           .should('exist')
@@ -1046,9 +893,7 @@ describe('Navigation', () => {
         // Url should changed in the main window
         cy.expectPathToBe('/projects/pr2/settings');
         // Click link is still here (we haven't changed page)
-        cy.wrap(result).find(
-          'a[data-testid="navigate-withoutSync-virtual-tree"]'
-        );
+        cy.wrap(result).find('a[data-testid="navigate-withoutSync-virtual-tree"]');
         // checking if we have highlighted  menu item
         cy.get('a[href="/projects/pr2/settings"]')
           .should('exist')
@@ -1060,9 +905,7 @@ describe('Navigation', () => {
       cy.expectPathToBe('/projects/pr2');
       cy.getIframeBody().then(result => {
         // Link on Main page PR2 exist
-        cy.wrap(result).contains(
-          ' with params: project to global settings and back'
-        );
+        cy.wrap(result).contains(' with params: project to global settings and back');
 
         // checking if we have NOT highlighted  menu item
         cy.get('a[href="/projects/pr2/virtual-tree"]')
diff --git a/test/e2e-test-application/e2e/tests/1-angular/user_settings_dialog.spec.js b/test/e2e-test-application/e2e/tests/1-angular/user_settings_dialog.spec.js
index f074651976..07878d4a62 100644
--- a/test/e2e-test-application/e2e/tests/1-angular/user_settings_dialog.spec.js
+++ b/test/e2e-test-application/e2e/tests/1-angular/user_settings_dialog.spec.js
@@ -1,6 +1,5 @@
 describe('Navigation', () => {
-  const clearStorage = () =>
-    cy.clearLocalStorage('luigi.preferences.userSettings');
+  const clearStorage = () => cy.clearLocalStorage('luigi.preferences.userSettings');
 
   const openSettingsDialogBox = () => {
     //Click on User Icon (top menu right)
@@ -79,9 +78,7 @@ describe('Navigation', () => {
         .click();
 
       //Check Checkbox is checked
-      cy.get('[data-testid="lui-us-checkbox-switch_checkbox"]').should(
-        'be.checked'
-      );
+      cy.get('[data-testid="lui-us-checkbox-switch_checkbox"]').should('be.checked');
 
       //Save Settings
       saveSettings();
@@ -90,15 +87,10 @@ describe('Navigation', () => {
       openSettingsDialogBox();
 
       //Check Name Input field and type a new name
-      cy.get('[data-testid="lui-us-input0"]').should(
-        'have.value',
-        setting_name
-      );
+      cy.get('[data-testid="lui-us-input0"]').should('have.value', setting_name);
 
       //Check Checkbox is checked
-      cy.get('[data-testid="lui-us-checkbox-switch_checkbox"]').should(
-        'be.checked'
-      );
+      cy.get('[data-testid="lui-us-checkbox-switch_checkbox"]').should('be.checked');
 
       //Close settings
       closeSettings();
@@ -163,10 +155,7 @@ describe('Navigation', () => {
         .should('have.attr', 'placeholder', 'Spanish');
 
       //Check Name Input field and type a new name
-      cy.get('[data-testid="lui-us-input1"]').should(
-        'have.value',
-        setting_date_format
-      );
+      cy.get('[data-testid="lui-us-input1"]').should('have.value', setting_date_format);
 
       //Close settings
       closeSettings();
@@ -187,28 +176,20 @@ describe('Navigation', () => {
       cy.get('[data-testid="lui-us-input0"]').type(setting_privacy_policy);
 
       //Check Time Format has two buttons with no selected class
-      cy.get(
-        '.lui-usersettings-content .enum-buttons-container-time .lui-fd-enum-button'
-      )
+      cy.get('.lui-usersettings-content .enum-buttons-container-time .lui-fd-enum-button')
         .eq(0)
         .should('not.have.class', 'fd-button--emphasized');
-      cy.get(
-        '.lui-usersettings-content .enum-buttons-container-time .lui-fd-enum-button'
-      )
+      cy.get('.lui-usersettings-content .enum-buttons-container-time .lui-fd-enum-button')
         .eq(1)
         .should('not.have.class', 'fd-button--emphasized');
 
       //Click Time Format 12h
-      cy.get(
-        '.lui-usersettings-content .enum-buttons-container-time .lui-fd-enum-button'
-      )
+      cy.get('.lui-usersettings-content .enum-buttons-container-time .lui-fd-enum-button')
         .eq(0)
         .click();
 
       //Check Time Format 12h is selected
-      cy.get(
-        '.lui-usersettings-content .enum-buttons-container-time .lui-fd-enum-button'
-      )
+      cy.get('.lui-usersettings-content .enum-buttons-container-time .lui-fd-enum-button')
         .eq(0)
         .should('have.class', 'is-selected');
 
@@ -224,10 +205,7 @@ describe('Navigation', () => {
         .click();
 
       //Check Private Policy Input field has saved value
-      cy.get('[data-testid="lui-us-input0"]').should(
-        'have.value',
-        setting_privacy_policy
-      );
+      cy.get('[data-testid="lui-us-input0"]').should('have.value', setting_privacy_policy);
 
       //Check Time Format 12h is selected
       cy.get('.lui-usersettings-content .enum-buttons-container-time button')
@@ -286,6 +264,5 @@ describe('Navigation', () => {
           .should('have.class', 'red');
       });
     });
-
   });
 });
diff --git a/test/e2e-test-application/src/app/anonymous/anonymous.component.html b/test/e2e-test-application/src/app/anonymous/anonymous.component.html
index 9b549a700e..14015df938 100644
--- a/test/e2e-test-application/src/app/anonymous/anonymous.component.html
+++ b/test/e2e-test-application/src/app/anonymous/anonymous.component.html
@@ -5,8 +5,7 @@ <h1 class="fd-section__title">Anonymous content</h1>
   <div class="fd-layout-panel">
     <div class="fd-layout-panel__body">
       <p *ngIf="exclusive">
-        This page is visible <strong> only </strong> for users that are not
-        logged in.
+        This page is visible <strong> only </strong> for users that are not logged in.
       </p>
       <p *ngIf="!exclusive">
         This page is visible for all users, also those that are not logged in.
diff --git a/test/e2e-test-application/src/app/app.component.ts b/test/e2e-test-application/src/app/app.component.ts
index c5ae983e4e..3a11e837e8 100644
--- a/test/e2e-test-application/src/app/app.component.ts
+++ b/test/e2e-test-application/src/app/app.component.ts
@@ -6,10 +6,7 @@ import {
   sendCustomMessage,
   addInactiveListener
 } from '@luigi-project/client';
-import {
-  LuigiContextService,
-  ILuigiContextTypes
-} from './services/luigi-context.service';
+import { LuigiContextService, ILuigiContextTypes } from './services/luigi-context.service';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
@@ -19,10 +16,7 @@ import {
 export class AppComponent implements OnInit {
   public title = 'app';
 
-  constructor(
-    private luigiService: LuigiContextService,
-    private luigiAutoNav: LuigiAutoNavigationService
-  ) {}
+  constructor(private luigiService: LuigiContextService, private luigiAutoNav: LuigiAutoNavigationService) {}
 
   ngOnInit() {
     addInitListener(context => {
@@ -32,9 +26,7 @@ export class AppComponent implements OnInit {
     addContextUpdateListener(context => this.onLuigiContext('update', context));
 
     addInactiveListener(() => {
-      console.debug(
-        'inactiveListener: micro frontend is now in the background'
-      );
+      console.debug('inactiveListener: micro frontend is now in the background');
     });
   }
 
diff --git a/test/e2e-test-application/src/app/app.module.ts b/test/e2e-test-application/src/app/app.module.ts
index b650ff41fc..92217c61c3 100644
--- a/test/e2e-test-application/src/app/app.module.ts
+++ b/test/e2e-test-application/src/app/app.module.ts
@@ -62,11 +62,7 @@ import { ViewGroupComponent } from './project/view-group/view-group.component';
     ViewGroupComponent
   ],
   imports: [BrowserModule, FormsModule, AppRoutingModule],
-  providers: [
-    LuigiContextService,
-    LuigiAutoNavigationService,
-    { provide: Window, useValue: window }
-  ],
+  providers: [LuigiContextService, LuigiAutoNavigationService, { provide: Window, useValue: window }],
   bootstrap: [AppComponent]
 })
 export class AppModule {}
diff --git a/test/e2e-test-application/src/app/nav-sync/nav-sync.component.html b/test/e2e-test-application/src/app/nav-sync/nav-sync.component.html
index 558a20037a..c4a6511f10 100644
--- a/test/e2e-test-application/src/app/nav-sync/nav-sync.component.html
+++ b/test/e2e-test-application/src/app/nav-sync/nav-sync.component.html
@@ -5,19 +5,18 @@ <h1 class="fd-section__title">Navigation Synchronization</h1>
   <div class="fd-layout-panel">
     <div class="fd-layout-panel__body">
       <p>
-        This page uses the Angular router to navigate between pages. The Url is
-        updated through a custom Angular service named
-        <code>LuigiAutoNavigation</code> which utilized router events to update
-        the URL on Luigi Core side by using the
-        <code>.withoutSync()</code> method when navigating with
-        <code>LuigiClient.linkManager()</code>.
+        This page uses the Angular router to navigate between pages. The Url is updated
+        through a custom Angular service named
+        <code>LuigiAutoNavigation</code> which utilized router events to update the URL on
+        Luigi Core side by using the <code>.withoutSync()</code> method when navigating
+        with <code>LuigiClient.linkManager()</code>.
       </p>
       <ul class="fd-list">
         <li class="fd-list__item">Current pathsegment: {{ currentSegment }}</li>
         <li class="fd-list__item">
-          Go to:&nbsp;<a class="fd-link" [routerLink]="['../' + nextSegment]">{{
-            nextSegment
-          }}</a>
+          Go to:&nbsp;<a class="fd-link" [routerLink]="['../' + nextSegment]"
+            >{{ nextSegment }}</a
+          >
         </li>
       </ul>
     </div>
diff --git a/test/e2e-test-application/src/app/nav-sync/nav-sync.component.ts b/test/e2e-test-application/src/app/nav-sync/nav-sync.component.ts
index 5c50101dcf..0a2549ff4d 100644
--- a/test/e2e-test-application/src/app/nav-sync/nav-sync.component.ts
+++ b/test/e2e-test-application/src/app/nav-sync/nav-sync.component.ts
@@ -25,9 +25,7 @@ export class NavSyncComponent implements OnInit, OnDestroy {
         segments => {
           this.currentSegment = segments[segments.length - 1].path;
           const nextIndex = this.segments.indexOf(this.currentSegment) + 1;
-          this.nextSegment = this.segments[nextIndex]
-            ? this.segments[nextIndex]
-            : this.segments[0];
+          this.nextSegment = this.segments[nextIndex] ? this.segments[nextIndex] : this.segments[0];
         },
         err => {}
       )
diff --git a/test/e2e-test-application/src/app/onNodeActivation/onNodeActivation.component.html b/test/e2e-test-application/src/app/onNodeActivation/onNodeActivation.component.html
index 3f66b7b061..6d2804d374 100644
--- a/test/e2e-test-application/src/app/onNodeActivation/onNodeActivation.component.html
+++ b/test/e2e-test-application/src/app/onNodeActivation/onNodeActivation.component.html
@@ -1,8 +1,6 @@
 <section class="fd-section">
   <div class="fd-section__header">
-    <h1 class="fd-section__title">
-      Open node with <i>onNodeActivation</i> hook
-    </h1>
+    <h1 class="fd-section__title">Open node with <i>onNodeActivation</i> hook</h1>
   </div>
   <div class="fd-layout-panel">
     <div class="fd-layout-panel__body">
@@ -25,8 +23,8 @@ <h1 class="fd-section__title">
           "
           data-testid="node-activation-conditional-navigation"
         >
-          <strong>Prevent navigation conditionally</strong> &nbsp;&ndash;
-          depending on user selection in confirmation modal
+          <strong>Prevent navigation conditionally</strong> &nbsp;&ndash; depending on
+          user selection in confirmation modal
         </li>
       </ul>
     </div>
diff --git a/test/e2e-test-application/src/app/overview/overview.component.html b/test/e2e-test-application/src/app/overview/overview.component.html
index 9a8b437d53..ab825d6c26 100644
--- a/test/e2e-test-application/src/app/overview/overview.component.html
+++ b/test/e2e-test-application/src/app/overview/overview.component.html
@@ -71,12 +71,12 @@ <h3 class="fd-layout-panel__title">Luigi Core Features</h3>
             </label>
           </div>
           <p *ngIf="!isDirty">
-            <strong>There are no unsaved changes</strong> &nbsp;&ndash; toggle
-            this to be asked for confirmation when you leave this page
+            <strong>There are no unsaved changes</strong> &nbsp;&ndash; toggle this to be
+            asked for confirmation when you leave this page
           </p>
           <p *ngIf="isDirty">
-            <strong>There are unsaved changes</strong> &nbsp;&ndash; a
-            confirmation modal will appear when you navigate
+            <strong>There are unsaved changes</strong> &nbsp;&ndash; a confirmation modal
+            will appear when you navigate
             <a
               class="fd-link"
               title="Navigate to /projects/pr2 as an example"
@@ -87,8 +87,8 @@ <h3 class="fd-layout-panel__title">Luigi Core Features</h3>
           </p>
         </li>
         <li class="fd-list__item clickable" (click)="updateBadgeCounters()">
-          <strong>Update Header Navigation</strong> &nbsp;&ndash; Updates the
-          top navigation, eg. to update badge counters
+          <strong>Update Header Navigation</strong> &nbsp;&ndash; Updates the top
+          navigation, eg. to update badge counters
         </li>
         <li
           class="fd-list__item clickable"
diff --git a/test/e2e-test-application/src/app/overview/overview.component.ts b/test/e2e-test-application/src/app/overview/overview.component.ts
index f1015f60af..384b66ff1e 100644
--- a/test/e2e-test-application/src/app/overview/overview.component.ts
+++ b/test/e2e-test-application/src/app/overview/overview.component.ts
@@ -1,10 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import {
-  linkManager,
-  uxManager,
-  sendCustomMessage,
-  addCustomMessageListener
-} from '@luigi-project/client';
+import { linkManager, uxManager, sendCustomMessage, addCustomMessageListener } from '@luigi-project/client';
 
 @Component({
   selector: 'app-overview',
@@ -57,26 +52,22 @@ export class OverviewComponent implements OnInit {
     {
       link: '/projects/pr1/dps',
       text: 'defaultChildNode',
-      description:
-        'navigation node configuration to set a specific node as an initial target'
+      description: 'navigation node configuration to set a specific node as an initial target'
     },
     {
       link: '/projects/pr1/users/groups',
       text: 'dynamic nodes',
-      description:
-        'navigation node configuration to set a specific node as dynamic'
+      description: 'navigation node configuration to set a specific node as dynamic'
     },
     {
       link: '/projects/pr1',
       text: 'external URL node',
-      description:
-        'navigation node configuration to direct to an external website'
+      description: 'navigation node configuration to direct to an external website'
     },
     {
       link: '/projects/pr1/avengers',
       text: 'keepSelectedForChildren',
-      description:
-        'navigation node configuration to focus on a navigation menu and omit the children'
+      description: 'navigation node configuration to focus on a navigation menu and omit the children'
     },
     {
       link: '/projects/pr2',
@@ -94,12 +85,9 @@ export class OverviewComponent implements OnInit {
   public isDirty = false;
 
   ngOnInit() {
-    addCustomMessageListener(
-      'luigi.my-custom-message-for-client',
-      (customMessage, listenerId) => {
-        console.info('Received Custom Message', customMessage, listenerId);
-      }
-    );
+    addCustomMessageListener('luigi.my-custom-message-for-client', (customMessage, listenerId) => {
+      console.info('Received Custom Message', customMessage, listenerId);
+    });
   }
 
   public sendDirtyEvent() {
diff --git a/test/e2e-test-application/src/app/project/default-child/dps2/child-node-2.component.html b/test/e2e-test-application/src/app/project/default-child/dps2/child-node-2.component.html
index ca3d3085d5..695725b745 100644
--- a/test/e2e-test-application/src/app/project/default-child/dps2/child-node-2.component.html
+++ b/test/e2e-test-application/src/app/project/default-child/dps2/child-node-2.component.html
@@ -4,9 +4,7 @@ <h1 class="fd-section__title">Child node 2</h1>
   </div>
   <div class="fd-layout-panel">
     <div class="fd-layout-panel__body">
-      <p>
-        Navigation node config for this <strong>defaultChildNode</strong> demo:
-      </p>
+      <p>Navigation node config for this <strong>defaultChildNode</strong> demo:</p>
       <app-code-snippet
         data="{
         pathSegment: 'dps',
diff --git a/test/e2e-test-application/src/app/project/drawer/drawer.component.html b/test/e2e-test-application/src/app/project/drawer/drawer.component.html
index 6c8fc9c107..39cdfa3b29 100644
--- a/test/e2e-test-application/src/app/project/drawer/drawer.component.html
+++ b/test/e2e-test-application/src/app/project/drawer/drawer.component.html
@@ -12,33 +12,53 @@ <h3 class="fd-layout-panel__title">Navigate</h3>
       <ul class="fd-list">
         <li class="fd-list__item">
           <a href="javascript:void(0)" class="fd-link" (click)="linkManager().goBack()">
-            go back: single iframe, standard history back</a>
+            go back: single iframe, standard history back</a
+          >
           <app-code-snippet data="linkManager().goBack()"> </app-code-snippet>
         </li>
         <li class="fd-list__item">
-          <a href="javascript:void(0)" class="fd-link" (click)="linkManager().navigate('/overview')">absolute: to
-            overview</a>
+          <a
+            href="javascript:void(0)"
+            class="fd-link"
+            (click)="linkManager().navigate('/overview')"
+            >absolute: to overview</a
+          >
           <app-code-snippet data="linkManager().navigate('/overview')"></app-code-snippet>
         </li>
         <li class="fd-list__item">
-          <a href="javascript:void(0)" class="fd-link" (click)="uxManager().addBackdrop()">
-            add backdrop</a>
+          <a
+            href="javascript:void(0)"
+            class="fd-link"
+            (click)="uxManager().addBackdrop()"
+          >
+            add backdrop</a
+          >
           <app-code-snippet data="uxManager().addBackdrop()"> </app-code-snippet>
         </li>
         <li class="fd-list__item">
-          <a href="javascript:void(0)" class="fd-link" (click)="uxManager().removeBackdrop()">
-            remove backdrop</a>
+          <a
+            href="javascript:void(0)"
+            class="fd-link"
+            (click)="uxManager().removeBackdrop()"
+          >
+            remove backdrop</a
+          >
           <app-code-snippet data="uxManager().removeBackdrop()"> </app-code-snippet>
         </li>
         <li class="fd-list__item">
-          <a href="javascript:void(0)" class="fd-link"
-            (click)="linkManager().withParams({test: true}).openAsModal('/settings', {title:'PreservedView', size:'m'})">
-            open modal</a>
+          <a
+            href="javascript:void(0)"
+            class="fd-link"
+            (click)="linkManager().withParams({test: true}).openAsModal('/settings', {title:'PreservedView', size:'m'})"
+          >
+            open modal</a
+          >
           <app-code-snippet
-            data="linkManager().withParams({test: true}).openAsModal('/settings', {title:'PreservedView', size:'m'})">
+            data="linkManager().withParams({test: true}).openAsModal('/settings', {title:'PreservedView', size:'m'})"
+          >
           </app-code-snippet>
         </li>
       </ul>
     </div>
   </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/test/e2e-test-application/src/app/project/drawer/drawer.component.ts b/test/e2e-test-application/src/app/project/drawer/drawer.component.ts
index eac51885f1..4859ce3842 100644
--- a/test/e2e-test-application/src/app/project/drawer/drawer.component.ts
+++ b/test/e2e-test-application/src/app/project/drawer/drawer.component.ts
@@ -1,7 +1,4 @@
-import {
-  Component,
-  OnInit
-} from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 import { linkManager, uxManager } from '@luigi-project/client';
 
@@ -11,11 +8,9 @@ import { linkManager, uxManager } from '@luigi-project/client';
   styleUrls: ['./drawer.component.scss']
 })
 export class DrawerComponent implements OnInit {
-
   public linkManager = linkManager;
   public uxManager = uxManager;
-  public constructor() { }
-
-  public ngOnInit() { }
+  public constructor() {}
 
+  public ngOnInit() {}
 }
diff --git a/test/e2e-test-application/src/app/project/dynamic/dynamic.component.html b/test/e2e-test-application/src/app/project/dynamic/dynamic.component.html
index 4309bcccd3..e6940f82d9 100644
--- a/test/e2e-test-application/src/app/project/dynamic/dynamic.component.html
+++ b/test/e2e-test-application/src/app/project/dynamic/dynamic.component.html
@@ -69,10 +69,7 @@ <h1 class="fd-section__title">{{ nodeLabel }}</h1>
       </div>
       <br />
       <br /><br /><br />
-      <div
-        class="clickable"
-        (click)="linkManager().navigate('/projects/pr2/developers')"
-      >
+      <div class="clickable" (click)="linkManager().navigate('/projects/pr2/developers')">
         projects/pr2/developers
       </div>
       <br />
@@ -86,8 +83,7 @@ <h1 class="fd-section__title">{{ nodeLabel }}</h1>
           *ngFor="let link of links"
           (click)="linkManager().navigate(slugify(link))"
         >
-          <span class="sap-icon--navigation-right-arrow"></span> &nbsp;
-          {{ link }}
+          <span class="sap-icon--navigation-right-arrow"></span> &nbsp; {{ link }}
         </li>
       </ul>
     </div>
@@ -122,8 +118,8 @@ <h3 class="fd-layout-panel__title">
         <input type="text" class="fd-input" [(ngModel)]="callbackValue" />
       </div>
       <p>
-        <button class="fd-button" (click)="goBack()">Click here</button> to go
-        back to your preserved view.
+        <button class="fd-button" (click)="goBack()">Click here</button> to go back to
+        your preserved view.
       </p>
     </div>
   </div>
diff --git a/test/e2e-test-application/src/app/project/dynamic/dynamic.component.ts b/test/e2e-test-application/src/app/project/dynamic/dynamic.component.ts
index 24796462f9..dfe6f9134b 100644
--- a/test/e2e-test-application/src/app/project/dynamic/dynamic.component.ts
+++ b/test/e2e-test-application/src/app/project/dynamic/dynamic.component.ts
@@ -1,17 +1,8 @@
 import { Component, OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { Subscription } from 'rxjs';
 
-import {
-  getPathParams,
-  getNodeParams,
-  linkManager,
-  PathParams,
-  NodeParams
-} from '@luigi-project/client';
-import {
-  LuigiContextService,
-  IContextMessage
-} from '../../services/luigi-context.service';
+import { getPathParams, getNodeParams, linkManager, PathParams, NodeParams } from '@luigi-project/client';
+import { LuigiContextService, IContextMessage } from '../../services/luigi-context.service';
 import { toTitleCase } from '../../services/helpers';
 
 @Component({
@@ -35,10 +26,7 @@ export class DynamicComponent implements OnInit, OnDestroy {
 
   private lcSubscription: Subscription = new Subscription();
 
-  constructor(
-    private luigiService: LuigiContextService,
-    private cdr: ChangeDetectorRef
-  ) {}
+  constructor(private luigiService: LuigiContextService, private cdr: ChangeDetectorRef) {}
 
   ngOnInit() {
     this.lcSubscription.add(
@@ -53,15 +41,12 @@ export class DynamicComponent implements OnInit, OnDestroy {
         const lastPathParam = Object.values(getPathParams() || {}).pop();
 
         // We can directly access our specified context values here
-        this.nodeLabel = toTitleCase(
-          ctx.context.label || lastPathParam || 'hello'
-        );
+        this.nodeLabel = toTitleCase(ctx.context.label || lastPathParam || 'hello');
         this.links = ctx.context.links;
 
         // preserveView and node params
         this.hasBack = linkManager().hasBack();
-        this.nodeParams =
-          Object.keys(getNodeParams()).length > 0 ? getNodeParams() : null;
+        this.nodeParams = Object.keys(getNodeParams()).length > 0 ? getNodeParams() : null;
 
         if (!this.cdr['destroyed']) {
           this.cdr.detectChanges();
diff --git a/test/e2e-test-application/src/app/project/modal/modal.component.html b/test/e2e-test-application/src/app/project/modal/modal.component.html
index ff8e438381..3d2bd2e224 100644
--- a/test/e2e-test-application/src/app/project/modal/modal.component.html
+++ b/test/e2e-test-application/src/app/project/modal/modal.component.html
@@ -15,11 +15,11 @@ <h3 class="fd-title fd-title--h5">Modal Header</h3>
     </header>
     <div class="fd-dialog__body">
       <p>
-        Lorem tipsum dolor sit amet, consectetur adipisicing elit, sed do
-        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
-        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
-        ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
-        voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        Lorem tipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+        exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+        irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur.
       </p>
     </div>
     <footer class="fd-dialog__footer fd-bar fd-bar--footer">
diff --git a/test/e2e-test-application/src/app/project/modal/modal.component.ts b/test/e2e-test-application/src/app/project/modal/modal.component.ts
index 4b7aa7a44e..e787369201 100644
--- a/test/e2e-test-application/src/app/project/modal/modal.component.ts
+++ b/test/e2e-test-application/src/app/project/modal/modal.component.ts
@@ -1,11 +1,4 @@
-import {
-  Component,
-  OnChanges,
-  Input,
-  Output,
-  EventEmitter,
-  SimpleChanges
-} from '@angular/core';
+import { Component, OnChanges, Input, Output, EventEmitter, SimpleChanges } from '@angular/core';
 
 import { uxManager } from '@luigi-project/client';
 
diff --git a/test/e2e-test-application/src/app/project/navigation/navigation.component.html b/test/e2e-test-application/src/app/project/navigation/navigation.component.html
index 3140d25a30..8208ea0524 100644
--- a/test/e2e-test-application/src/app/project/navigation/navigation.component.html
+++ b/test/e2e-test-application/src/app/project/navigation/navigation.component.html
@@ -1,22 +1,22 @@
 <div class="navigation">
-    <ul>
-        <li
-            *ngFor="let nav of topNavConfig"
-            class="navigationNode"
-            (click)="handleClick(nav.routerLink)"
-        >
-        {{ nav.name }}
-        </li>
-    </ul>
+  <ul>
+    <li
+      *ngFor="let nav of topNavConfig"
+      class="navigationNode"
+      (click)="handleClick(nav.routerLink)"
+    >
+      {{ nav.name }}
+    </li>
+  </ul>
 </div>
 <div class="leftNavigation">
-    <ul>
-        <li
-            *ngFor="let nav of leftNavConfig"
-            class="navigationNode"
-            (click)="handleClick(nav.routerLink)"
-        >
-        {{ nav.name }}
-        </li>
-    </ul>
+  <ul>
+    <li
+      *ngFor="let nav of leftNavConfig"
+      class="navigationNode"
+      (click)="handleClick(nav.routerLink)"
+    >
+      {{ nav.name }}
+    </li>
+  </ul>
 </div>
diff --git a/test/e2e-test-application/src/app/project/project.component.html b/test/e2e-test-application/src/app/project/project.component.html
index 6184b25cef..524377070f 100644
--- a/test/e2e-test-application/src/app/project/project.component.html
+++ b/test/e2e-test-application/src/app/project/project.component.html
@@ -10,18 +10,12 @@ <h3 class="fd-layout-panel__title">Backdrop</h3>
         </div>
       </div>
       <div class="fd-layout-panel__body">
-        <button
-          class="fd-button"
-          data-testid="add-backdrop"
-          (click)="toggleModal()"
-        >
+        <button class="fd-button" data-testid="add-backdrop" (click)="toggleModal()">
           Add backdrop
         </button>
         <p>
           <app-code-snippet data="uxManager().addBackdrop()"></app-code-snippet>
-          <app-code-snippet
-            data="uxManager().removeBackdrop()"
-          ></app-code-snippet>
+          <app-code-snippet data="uxManager().removeBackdrop()"></app-code-snippet>
         </p>
       </div>
     </div>
@@ -137,9 +131,7 @@ <h3 class="fd-layout-panel__title">Alert</h3>
               </label>
             </div>
             <div class="fd-form-item">
-              <label class="fd-form-label" for="input-1"
-                >Close after (ms):
-              </label>
+              <label class="fd-form-label" for="input-1">Close after (ms): </label>
               <input
                 [ngModel]=""
                 class="fd-input"
@@ -151,17 +143,11 @@ <h3 class="fd-layout-panel__title">Alert</h3>
             </div>
           </div>
         </form>
-        <button
-          class="fd-button"
-          data-testid="show-luigi-alert"
-          (click)="showAlert()"
-        >
+        <button class="fd-button" data-testid="show-luigi-alert" (click)="showAlert()">
           Show Luigi alert
         </button>
         <p>
-          <app-code-snippet
-            data="uxManager().showAlert(settings)"
-          ></app-code-snippet>
+          <app-code-snippet data="uxManager().showAlert(settings)"></app-code-snippet>
         </p>
         <p
           *ngIf="alertDismissed"
@@ -185,9 +171,7 @@ <h3 class="fd-layout-panel__title">Localization</h3>
             Current locale is: '{{ currentLocale }}'
           </label>
           <p class="luigi__margin-bottom--small">
-            <app-code-snippet
-              data="uxManager().getCurrentLocale()"
-            ></app-code-snippet>
+            <app-code-snippet data="uxManager().getCurrentLocale()"></app-code-snippet>
           </p>
         </div>
         <form #luigiLocalizationForm="ngForm" class="fd-col--3">
@@ -224,8 +208,7 @@ <h3 class="fd-layout-panel__title">Localization</h3>
       <div class="fd-layout-panel__header">
         <div class="fd-layout-panel__head">
           <h3 class="fd-layout-panel__title">
-            Combine unsaved changes feature with Luigi Client UX manager
-            methods!!
+            Combine unsaved changes feature with Luigi Client UX manager methods!!
           </h3>
         </div>
       </div>
@@ -253,12 +236,12 @@ <h3 class="fd-layout-panel__title">
           </label>
         </div>
         <span *ngIf="!isDirty" class="fd-switch__text">
-          <strong>There are no unsaved changes</strong> &nbsp;&ndash; toggle
-          this to be asked for confirmation when you leave this page
+          <strong>There are no unsaved changes</strong> &nbsp;&ndash; toggle this to be
+          asked for confirmation when you leave this page
         </span>
         <span *ngIf="isDirty" class="fd-switch__text">
-          <strong>There are unsaved changes</strong> &nbsp;&ndash; a
-          confirmation modal will appear when you navigate
+          <strong>There are unsaved changes</strong> &nbsp;&ndash; a confirmation modal
+          will appear when you navigate
           <a
             title="Navigate to /projects/pr2 as an example"
             (click)="linkManager().navigate('/projects/pr2')"
@@ -361,9 +344,7 @@ <h3 class="fd-layout-panel__title">Navigate</h3>
             >
               from parent: to sibling</a
             >
-            <app-code-snippet
-              data="linkManager().fromParent().navigate('/pr1')"
-            >
+            <app-code-snippet data="linkManager().fromParent().navigate('/pr1')">
             </app-code-snippet>
           </li>
           <li class="fd-list__item">
@@ -436,11 +417,7 @@ <h3 class="fd-layout-panel__title">Navigate</h3>
             ></app-code-snippet>
           </li>
           <li class="fd-list__item">
-            <a
-              href="javascript:void(0)"
-              class="fd-link"
-              (click)="navigateAndShowAlert()"
-            >
+            <a href="javascript:void(0)" class="fd-link" (click)="navigateAndShowAlert()">
               with preserved view: project to global settings and back</a
             >
             <app-code-snippet
@@ -457,8 +434,8 @@ <h3 class="fd-layout-panel__title">Navigate</h3>
                   .navigate('/settings', null, true)
               "
             >
-              extended preserved view example with params: project to global
-              settings and back</a
+              extended preserved view example with params: project to global settings and
+              back</a
             >
             <app-code-snippet
               data="linkManager().withParams({test: true}).navigate('/settings', null, true)"
@@ -478,8 +455,8 @@ <h3 class="fd-layout-panel__title">Navigate</h3>
                   })
               "
             >
-              extended preserved view example with params rendered in a modal:
-              project to global settings and back</a
+              extended preserved view example with params rendered in a modal: project to
+              global settings and back</a
             >
             <app-code-snippet
               data="linkManager().withParams({test: true}).openAsModal('/settings', {title:'PreservedView', size:'m'})"
@@ -494,9 +471,7 @@ <h3 class="fd-layout-panel__title">Navigate</h3>
             >
               Open drawer with default settings</a
             >
-            <app-code-snippet
-              data="linkManager().openAsDrawer('/projects/pr1/drawer');"
-            >
+            <app-code-snippet data="linkManager().openAsDrawer('/projects/pr1/drawer');">
             </app-code-snippet>
           </li>
           <li class="fd-list__item">
@@ -560,11 +535,7 @@ <h3 class="fd-layout-panel__title">Navigate</h3>
             </app-code-snippet>
           </li>
           <li class="fd-list__item">
-            <a
-              href="javascript:void(0)"
-              class="fd-link"
-              (click)="openSplitView()"
-            >
+            <a href="javascript:void(0)" class="fd-link" (click)="openSplitView()">
               open view in split view with params</a
             >
             <app-code-snippet
@@ -605,11 +576,7 @@ <h3 class="fd-layout-panel__title">Navigate</h3>
             </div>
           </li>
           <li class="fd-list__item">
-            <a
-              href="javascript:void(0)"
-              class="fd-link"
-              (click)="linkManager().goBack()"
-            >
+            <a href="javascript:void(0)" class="fd-link" (click)="linkManager().goBack()">
               go back: single iframe, standard history back</a
             >
             <app-code-snippet data="linkManager().goBack()"> </app-code-snippet>
@@ -768,9 +735,7 @@ <h3 class="fd-layout-panel__title">
               data-testid="navigate-withSync-virtual-tree"
               >Go to /projects/pr2/virtual-tree NOT using withoutSync()
             </a>
-            <app-code-snippet
-              data="linkManager().navigate('/projects/pr2/virtual-tree')"
-            >
+            <app-code-snippet data="linkManager().navigate('/projects/pr2/virtual-tree')">
             </app-code-snippet>
           </li>
         </ul>
@@ -818,9 +783,7 @@ <h3 class="fd-layout-panel__title">Browser Local Storage API</h3>
           </label>
 
           <p class="luigi__margin-bottom--small">
-            <app-code-snippet
-              data="storageManager().getItem(key)"
-            ></app-code-snippet>
+            <app-code-snippet data="storageManager().getItem(key)"></app-code-snippet>
           </p>
 
           <label class="fd-form-label" data-testid="luigi-current-locale">
@@ -828,9 +791,7 @@ <h3 class="fd-layout-panel__title">Browser Local Storage API</h3>
           </label>
 
           <p class="luigi__margin-bottom--small">
-            <app-code-snippet
-              data="storageManager().removeItem(key)"
-            ></app-code-snippet>
+            <app-code-snippet data="storageManager().removeItem(key)"></app-code-snippet>
           </p>
 
           <label class="fd-form-label" data-testid="luigi-current-locale">
@@ -838,9 +799,7 @@ <h3 class="fd-layout-panel__title">Browser Local Storage API</h3>
           </label>
 
           <p class="luigi__margin-bottom--small">
-            <app-code-snippet
-              data="storageManager().clear()"
-            ></app-code-snippet>
+            <app-code-snippet data="storageManager().clear()"></app-code-snippet>
           </p>
 
           <label class="fd-form-label" data-testid="luigi-current-locale">
@@ -856,9 +815,7 @@ <h3 class="fd-layout-panel__title">Browser Local Storage API</h3>
           </label>
 
           <p class="luigi__margin-bottom--small">
-            <app-code-snippet
-              data="storageManager().getAllKeys()"
-            ></app-code-snippet>
+            <app-code-snippet data="storageManager().getAllKeys()"></app-code-snippet>
           </p>
         </div>
       </div>
@@ -923,10 +880,7 @@ <h3 class="fd-layout-panel__title">Demo time</h3>
             </div>
           </div>
 
-          <div
-            class="fd-container fd-container--fluid"
-            *ngIf="!storageDemoOperation"
-          >
+          <div class="fd-container fd-container--fluid" *ngIf="!storageDemoOperation">
             <div class="fd-col fd-col--2">
               <button class="fd-button w100per" (click)="storage_clear()">
                 clear
diff --git a/test/e2e-test-application/src/app/project/project.component.ts b/test/e2e-test-application/src/app/project/project.component.ts
index 90c5bcd66d..5ecedd88e7 100644
--- a/test/e2e-test-application/src/app/project/project.component.ts
+++ b/test/e2e-test-application/src/app/project/project.component.ts
@@ -1,10 +1,4 @@
-import {
-  Component,
-  OnInit,
-  ChangeDetectorRef,
-  OnDestroy,
-  ViewChild
-} from '@angular/core';
+import { Component, OnInit, ChangeDetectorRef, OnDestroy, ViewChild } from '@angular/core';
 import { ActivatedRoute, Params } from '@angular/router';
 import { merge, Observable, Subscription, timer } from 'rxjs';
 import {
@@ -15,10 +9,7 @@ import {
   removeContextUpdateListener,
   storageManager
 } from '@luigi-project/client';
-import {
-  IContextMessage,
-  LuigiContextService
-} from '../services/luigi-context.service';
+import { IContextMessage, LuigiContextService } from '../services/luigi-context.service';
 import { NgForm } from '@angular/forms';
 import { fromPromise } from 'rxjs/internal-compatibility';
 import { delay, timeout } from 'rxjs/operators';
@@ -91,23 +82,21 @@ export class ProjectComponent implements OnInit, OnDestroy {
   public ngOnInit() {
     // We suggest to use a centralized approach of LuigiClient.addContextUpdateListener
     // Take a look at ngOnInit in this component and app.component.ts where we set the listeners.
-    this.lcSubscription = this.luigiService
-      .getContext()
-      .subscribe((ctx: IContextMessage) => {
-        if (ctx.contextType === 'init' || ctx.contextType === 'update') {
-          this.projectId = ctx.context.currentProject;
-          this.preservedViewCallbackContext = ctx.context.goBackContext;
-          this.currentLocale = uxManager().getCurrentLocale();
-          this.canChangeLocale = getClientPermissions().changeCurrentLocale;
-          // Since Luigi runs outside of Zone.js, changes need
-          // to be updated manually
-          // Be sure to check for destroyed ChangeDetectorRef,
-          // else you get runtime Errors
-          if (!this.cdr['destroyed']) {
-            this.cdr.detectChanges();
-          }
+    this.lcSubscription = this.luigiService.getContext().subscribe((ctx: IContextMessage) => {
+      if (ctx.contextType === 'init' || ctx.contextType === 'update') {
+        this.projectId = ctx.context.currentProject;
+        this.preservedViewCallbackContext = ctx.context.goBackContext;
+        this.currentLocale = uxManager().getCurrentLocale();
+        this.canChangeLocale = getClientPermissions().changeCurrentLocale;
+        // Since Luigi runs outside of Zone.js, changes need
+        // to be updated manually
+        // Be sure to check for destroyed ChangeDetectorRef,
+        // else you get runtime Errors
+        if (!this.cdr['destroyed']) {
+          this.cdr.detectChanges();
         }
-      });
+      }
+    });
 
     this.activatedRoute.params.subscribe((params: Params) => {
       this.projectId = params['projectId'];
@@ -255,11 +244,7 @@ export class ProjectComponent implements OnInit, OnDestroy {
       }
     });
     this.splitViewHandle.on('expand', () => {
-      console.info(
-        'on:expand: split view got expanded',
-        'size:',
-        this.splitViewHandle.getSize()
-      );
+      console.info('on:expand: split view got expanded', 'size:', this.splitViewHandle.getSize());
       if (!this.cdr['destroyed']) {
         this.cdr.detectChanges();
       }
@@ -284,19 +269,12 @@ export class ProjectComponent implements OnInit, OnDestroy {
     if (this.validateKeyAndValue()) {
       return;
     }
-    const promiseStorage = storageManager().setItem(
-      this.storageDemoKey,
-      this.storageDemoValue
-    );
+    const promiseStorage = storageManager().setItem(this.storageDemoKey, this.storageDemoValue);
     this.executeWithTimeout(
       promiseStorage,
       100,
       result => 'success',
-      result =>
-        'Key ' +
-        this.storageDemoKey +
-        'successfully stored with value ' +
-        this.storageDemoValue
+      result => 'Key ' + this.storageDemoKey + 'successfully stored with value ' + this.storageDemoValue
     );
   }
 
@@ -310,9 +288,7 @@ export class ProjectComponent implements OnInit, OnDestroy {
       100,
       result => (result ? 'info' : 'warning'),
       result =>
-        result
-          ? 'Value for key ' + this.storageDemoKey + ' is ' + result
-          : 'No value for key ' + this.storageDemoKey
+        result ? 'Value for key ' + this.storageDemoKey + ' is ' + result : 'No value for key ' + this.storageDemoKey
     );
   }
 
@@ -321,11 +297,8 @@ export class ProjectComponent implements OnInit, OnDestroy {
       return;
     }
     const promiseStorage = storageManager().removeItem(this.storageDemoKey);
-    const messageOk =
-      'Value for key ' + this.storageDemoKey + ' had been removed';
-    const messageKo =
-      'Nothing to delete: we could not find any value for key ' +
-      this.storageDemoKey;
+    const messageOk = 'Value for key ' + this.storageDemoKey + ' had been removed';
+    const messageKo = 'Nothing to delete: we could not find any value for key ' + this.storageDemoKey;
     this.executeWithTimeout(
       promiseStorage,
       100,
@@ -336,12 +309,7 @@ export class ProjectComponent implements OnInit, OnDestroy {
 
   public storage_clear() {
     const promiseStorage = storageManager().clear();
-    this.executeWithTimeout(
-      promiseStorage,
-      100,
-      result => 'success',
-      result => 'Clear all the storage'
-    );
+    this.executeWithTimeout(promiseStorage, 100, result => 'success', result => 'Clear all the storage');
   }
 
   public storage_has() {
@@ -410,8 +378,7 @@ export class ProjectComponent implements OnInit, OnDestroy {
   }
 
   validateKey() {
-    const notValidInput =
-      !this.storageDemoKey || this.storageDemoKey.trim().length === 0;
+    const notValidInput = !this.storageDemoKey || this.storageDemoKey.trim().length === 0;
     if (notValidInput) {
       this.storageShowAlert('error', 'Please fill Key field');
     }
diff --git a/test/e2e-test-application/src/app/project/settings/settings.component.html b/test/e2e-test-application/src/app/project/settings/settings.component.html
index a35ba132f6..b596fb8f1d 100644
--- a/test/e2e-test-application/src/app/project/settings/settings.component.html
+++ b/test/e2e-test-application/src/app/project/settings/settings.component.html
@@ -25,11 +25,7 @@
         >
       </p>
       <p>
-        <a
-          href="javascript:void(0)"
-          class="fd-link"
-          (click)="linkManager().goBack()"
-        >
+        <a href="javascript:void(0)" class="fd-link" (click)="linkManager().goBack()">
           Go back: use default history method
         </a>
       </p>
@@ -76,8 +72,8 @@ <h3 class="fd-layout-panel__title">
           <input type="text" class="fd-input" [(ngModel)]="callbackValue" />
         </div>
         <p>
-          <button class="fd-button" (click)="goBack()">Click here</button> to go
-          back to your preserved view.
+          <button class="fd-button" (click)="goBack()">Click here</button> to go back to
+          your preserved view.
         </p>
       </div>
       <div *ngIf="!hasBack">
diff --git a/test/e2e-test-application/src/app/project/settings/settings.component.ts b/test/e2e-test-application/src/app/project/settings/settings.component.ts
index e5fbeb15ff..3ec088ed82 100644
--- a/test/e2e-test-application/src/app/project/settings/settings.component.ts
+++ b/test/e2e-test-application/src/app/project/settings/settings.component.ts
@@ -1,7 +1,4 @@
-import {
-  LuigiContextService,
-  IContextMessage
-} from '../../services/luigi-context.service';
+import { LuigiContextService, IContextMessage } from '../../services/luigi-context.service';
 import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
 import { ActivatedRoute, Params } from '@angular/router';
 import {
@@ -39,7 +36,7 @@ export class SettingsComponent implements OnInit {
     private activatedRoute: ActivatedRoute,
     private cdr: ChangeDetectorRef,
     private luigiService: LuigiContextService
-  ) { }
+  ) {}
 
   ngOnInit() {
     this.activatedRoute.params.subscribe((params: Params) => {
@@ -51,8 +48,7 @@ export class SettingsComponent implements OnInit {
       this.hasBack = linkManager().hasBack();
       this.isModal = uxManager().isModal();
       this.userSettings = getUserSettings();
-      this.nodeParams =
-        Object.keys(getNodeParams()).length > 0 ? getNodeParams() : null;
+      this.nodeParams = Object.keys(getNodeParams()).length > 0 ? getNodeParams() : null;
       let featureToggleList = getActiveFeatureToggles();
       if (featureToggleList.includes('ft1')) {
         this.testFeatureToggleActive = true;
@@ -68,32 +64,25 @@ export class SettingsComponent implements OnInit {
 
     // We suggest to use a centralized approach of LuigiClient.addContextUpdateListener
     // Take a look at ngOnInit in this component and app.component.ts where we set the listeners.
-    this.lcSubscription = this.luigiService
-      .getContext()
-      .subscribe((ctx: IContextMessage) => {
-        if (ctx.contextType === 'init' || ctx.contextType === 'update') {
-          this.preservedViewCallbackContext = ctx.context.goBackContext;
-          this.nodeParams =
-            Object.keys(getNodeParams()).length > 0 ? getNodeParams() : null;
-          // Since Luigi runs outside of Zone.js, changes need
-          // to be updated manually
-          // Be sure to check for destroyed ChangeDetectorRef,
-          // else you get runtime Errors
-          if (uxManager().isSplitView()) {
-            console.info(
-              'uxManager().isSplitView(): micro frontend is running inside a split view'
-            );
-          }
-          if (uxManager().isModal()) {
-            console.info(
-              'uxManager().isModal(): micro frontend is running inside a modal'
-            );
-          }
-          if (!this.cdr['destroyed']) {
-            this.cdr.detectChanges();
-          }
+    this.lcSubscription = this.luigiService.getContext().subscribe((ctx: IContextMessage) => {
+      if (ctx.contextType === 'init' || ctx.contextType === 'update') {
+        this.preservedViewCallbackContext = ctx.context.goBackContext;
+        this.nodeParams = Object.keys(getNodeParams()).length > 0 ? getNodeParams() : null;
+        // Since Luigi runs outside of Zone.js, changes need
+        // to be updated manually
+        // Be sure to check for destroyed ChangeDetectorRef,
+        // else you get runtime Errors
+        if (uxManager().isSplitView()) {
+          console.info('uxManager().isSplitView(): micro frontend is running inside a split view');
+        }
+        if (uxManager().isModal()) {
+          console.info('uxManager().isModal(): micro frontend is running inside a modal');
+        }
+        if (!this.cdr['destroyed']) {
+          this.cdr.detectChanges();
         }
-      });
+      }
+    });
   }
 
   goBack() {
diff --git a/test/e2e-test-application/src/app/project/users/groups/group-details/group-details.component.html b/test/e2e-test-application/src/app/project/users/groups/group-details/group-details.component.html
index 7a56a45ae8..886c9c0758 100644
--- a/test/e2e-test-application/src/app/project/users/groups/group-details/group-details.component.html
+++ b/test/e2e-test-application/src/app/project/users/groups/group-details/group-details.component.html
@@ -26,9 +26,7 @@ <h1 class="fd-section__title">{{ groupLabel }}</h1>
 <section class="fd-section">
   <div class="fd-layout-panel">
     <div class="fd-layout-panel__body">
-      <p>
-        Navigation node configuration for <strong>dynamic node</strong> demo:
-      </p>
+      <p>Navigation node configuration for <strong>dynamic node</strong> demo:</p>
       <app-code-snippet
         data="{
     {
diff --git a/test/e2e-test-application/src/app/project/users/groups/group-details/group-details.component.ts b/test/e2e-test-application/src/app/project/users/groups/group-details/group-details.component.ts
index a11f57ac41..6e9d2ee69c 100644
--- a/test/e2e-test-application/src/app/project/users/groups/group-details/group-details.component.ts
+++ b/test/e2e-test-application/src/app/project/users/groups/group-details/group-details.component.ts
@@ -2,10 +2,7 @@ import { Component, OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { getPathParams, linkManager } from '@luigi-project/client';
 
-import {
-  LuigiContextService,
-  IContextMessage
-} from '../../../../services/luigi-context.service';
+import { LuigiContextService, IContextMessage } from '../../../../services/luigi-context.service';
 import { toTitleCase } from '../../../../services/helpers';
 
 @Component({
@@ -19,29 +16,21 @@ export class GroupDetailsComponent implements OnInit, OnDestroy {
   public groupLabel: string;
   private lcSubscription: Subscription;
 
-  constructor(
-    private luigiService: LuigiContextService,
-    private cdr: ChangeDetectorRef
-  ) {}
+  constructor(private luigiService: LuigiContextService, private cdr: ChangeDetectorRef) {}
 
   ngOnInit() {
-    this.lcSubscription = this.luigiService
-      .getContext()
-      .subscribe((ctx: IContextMessage) => {
-        // We can directly access our custom specified context value here
-        this.groupLabel = toTitleCase(ctx.context.currentGroup);
+    this.lcSubscription = this.luigiService.getContext().subscribe((ctx: IContextMessage) => {
+      // We can directly access our custom specified context value here
+      this.groupLabel = toTitleCase(ctx.context.currentGroup);
 
-        // Default way, if context is not specified in node configuration
-        this.pathParams = getPathParams();
-        this.groupLabel =
-          this.pathParams &&
-          this.pathParams.group &&
-          toTitleCase(this.pathParams.group);
+      // Default way, if context is not specified in node configuration
+      this.pathParams = getPathParams();
+      this.groupLabel = this.pathParams && this.pathParams.group && toTitleCase(this.pathParams.group);
 
-        if (!this.cdr['destroyed']) {
-          this.cdr.detectChanges();
-        }
-      });
+      if (!this.cdr['destroyed']) {
+        this.cdr.detectChanges();
+      }
+    });
   }
 
   ngOnDestroy() {
diff --git a/test/e2e-test-application/src/app/project/users/groups/group-details/group-settings/group-settings.component.html b/test/e2e-test-application/src/app/project/users/groups/group-details/group-settings/group-settings.component.html
index 7cfb6b4023..2e9ef10f1c 100644
--- a/test/e2e-test-application/src/app/project/users/groups/group-details/group-settings/group-settings.component.html
+++ b/test/e2e-test-application/src/app/project/users/groups/group-details/group-settings/group-settings.component.html
@@ -40,8 +40,7 @@ <h1 class="fd-section__title">Group Settings</h1>
             .navigate('/users/groups/' + pathParams?.group)
         "
       >
-        <span class="sap-icon--navigation-left-arrow"></span> Back to
-        {{ groupLabel }}
+        <span class="sap-icon--navigation-left-arrow"></span> Back to {{ groupLabel }}
       </a>
     </div>
   </div>
diff --git a/test/e2e-test-application/src/app/project/users/groups/group-details/group-settings/group-settings.component.ts b/test/e2e-test-application/src/app/project/users/groups/group-details/group-settings/group-settings.component.ts
index 7743717b6c..52be62f050 100644
--- a/test/e2e-test-application/src/app/project/users/groups/group-details/group-settings/group-settings.component.ts
+++ b/test/e2e-test-application/src/app/project/users/groups/group-details/group-settings/group-settings.component.ts
@@ -1,10 +1,7 @@
 import { Component, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { getPathParams, linkManager } from '@luigi-project/client';
 
-import {
-  LuigiContextService,
-  IContextMessage
-} from '../../../../../services/luigi-context.service';
+import { LuigiContextService, IContextMessage } from '../../../../../services/luigi-context.service';
 import { Subscription } from 'rxjs';
 import { toTitleCase } from '../../../../../services/helpers';
 
@@ -19,24 +16,16 @@ export class GroupSettingsComponent implements OnInit, OnDestroy {
   public groupLabel: string;
   private lcSubscription: Subscription;
 
-  constructor(
-    private luigiService: LuigiContextService,
-    private cdr: ChangeDetectorRef
-  ) {}
+  constructor(private luigiService: LuigiContextService, private cdr: ChangeDetectorRef) {}
 
   ngOnInit() {
-    this.lcSubscription = this.luigiService
-      .getContext()
-      .subscribe((ctx: IContextMessage) => {
-        this.pathParams = getPathParams();
-        this.groupLabel =
-          this.pathParams &&
-          this.pathParams.group &&
-          toTitleCase(this.pathParams.group);
-        if (!this.cdr['destroyed']) {
-          this.cdr.detectChanges();
-        }
-      });
+    this.lcSubscription = this.luigiService.getContext().subscribe((ctx: IContextMessage) => {
+      this.pathParams = getPathParams();
+      this.groupLabel = this.pathParams && this.pathParams.group && toTitleCase(this.pathParams.group);
+      if (!this.cdr['destroyed']) {
+        this.cdr.detectChanges();
+      }
+    });
   }
 
   ngOnDestroy() {
diff --git a/test/e2e-test-application/src/app/project/view-group/view-group.component.ts b/test/e2e-test-application/src/app/project/view-group/view-group.component.ts
index 17c94d985c..1adc16cb27 100644
--- a/test/e2e-test-application/src/app/project/view-group/view-group.component.ts
+++ b/test/e2e-test-application/src/app/project/view-group/view-group.component.ts
@@ -16,24 +16,17 @@ export class ViewGroupComponent implements OnInit {
   constructor(private route: ActivatedRoute, private window: Window) {}
 
   ngOnInit() {
-    let iframes = Array.from(
-      this.window.parent.document.querySelectorAll('iframe')
-    );
+    let iframes = Array.from(this.window.parent.document.querySelectorAll('iframe'));
     if (!iframes || !iframes[0] || !iframes[0]['luigi']) {
       return;
     }
 
-    console.log(
-      'this.window.parent.Luigi --> ',
-      this.window.parent['Luigi'].config
-    );
+    console.log('this.window.parent.Luigi --> ', this.window.parent['Luigi'].config);
 
     this.config = JSON.stringify(
       {
-        viewGroupSettings: this.window.parent['Luigi'].config.navigation
-          .viewGroupSettings,
-        preloadViewGroups: this.window.parent['Luigi'].config.navigation
-          .preloadViewGroups
+        viewGroupSettings: this.window.parent['Luigi'].config.navigation.viewGroupSettings,
+        preloadViewGroups: this.window.parent['Luigi'].config.navigation.preloadViewGroups
       },
       null,
       3
@@ -43,16 +36,11 @@ export class ViewGroupComponent implements OnInit {
       this.vg = queryParams.get('vg');
       this.time = new Date().toJSON();
 
-      let iframes = Array.from(
-        this.window.parent.document.querySelectorAll('iframe')
-      ).map(this.transformIframes);
+      let iframes = Array.from(this.window.parent.document.querySelectorAll('iframe')).map(this.transformIframes);
 
       this.code = JSON.stringify(iframes, null, 3);
       let currentIFrame = iframes.find(
-        iframe =>
-          !!iframe.currentNode &&
-          !!iframe.currentNode.pathSegment &&
-          iframe.currentNode.pathSegment === this.vg
+        iframe => !!iframe.currentNode && !!iframe.currentNode.pathSegment && iframe.currentNode.pathSegment === this.vg
       );
 
       if (!!currentIFrame) {
diff --git a/test/e2e-test-application/src/app/restricted/restricted.component.html b/test/e2e-test-application/src/app/restricted/restricted.component.html
index 9bd302c12c..ae64f9f237 100644
--- a/test/e2e-test-application/src/app/restricted/restricted.component.html
+++ b/test/e2e-test-application/src/app/restricted/restricted.component.html
@@ -2,7 +2,7 @@
   <div class="fd-action-bar">
     <div class="fd-action-bar__header">
       <h1 class="fd-action-bar__title">
-          Restricted Area
+        Restricted Area
       </h1>
       <p class="fd-action-bar__description">This page is visible to you.</p>
     </div>
diff --git a/test/e2e-test-application/src/app/services/luigi-context.service.ts b/test/e2e-test-application/src/app/services/luigi-context.service.ts
index 762e3e2347..8560b59fc1 100644
--- a/test/e2e-test-application/src/app/services/luigi-context.service.ts
+++ b/test/e2e-test-application/src/app/services/luigi-context.service.ts
@@ -10,9 +10,7 @@ export interface IContextMessage {
 
 @Injectable()
 export class LuigiContextService {
-  private subject: ReplaySubject<IContextMessage> = new ReplaySubject<
-    IContextMessage
-  >(1);
+  private subject: ReplaySubject<IContextMessage> = new ReplaySubject<IContextMessage>(1);
 
   /**
    * Set current context
diff --git a/test/e2e-test-application/src/assets/auth-mock/login-mock.html b/test/e2e-test-application/src/assets/auth-mock/login-mock.html
index 9e5f342c24..aa8144711d 100644
--- a/test/e2e-test-application/src/assets/auth-mock/login-mock.html
+++ b/test/e2e-test-application/src/assets/auth-mock/login-mock.html
@@ -5,10 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Luigi Mock Identity Provider</title>
-    <link
-      rel="stylesheet"
-      href="../../fundamental-styles/fundamental-styles.css"
-    />
+    <link rel="stylesheet" href="../../fundamental-styles/fundamental-styles.css" />
     <link rel="stylesheet" type="text/css" href="../../styles.css" />
     <style type="text/css">
       body {
@@ -78,9 +75,7 @@ <h1>Login to Luigi sample app</h1>
         let redirectUrl = decodeURIComponent(
           window.location.href.match(/redirect_uri=(.*?)(&|$)/)[1]
         );
-        let state = decodeURIComponent(
-          window.location.href.match(/state=(.*?)(&|$)/)[1]
-        );
+        let state = decodeURIComponent(window.location.href.match(/state=(.*?)(&|$)/)[1]);
 
         let goTo =
           redirectUrl +
diff --git a/test/e2e-test-application/src/assets/auth-mock/logout-mock.html b/test/e2e-test-application/src/assets/auth-mock/logout-mock.html
index d303387b5b..c2b6538d35 100644
--- a/test/e2e-test-application/src/assets/auth-mock/logout-mock.html
+++ b/test/e2e-test-application/src/assets/auth-mock/logout-mock.html
@@ -25,9 +25,7 @@
         var redirectTo;
         try {
           var url = new URL(window.location.href);
-          var post_logout_redirect_uri = url.searchParams.get(
-            'post_logout_redirect_uri'
-          );
+          var post_logout_redirect_uri = url.searchParams.get('post_logout_redirect_uri');
           redirectTo = post_logout_redirect_uri;
 
           var error = url.searchParams.get('error');
diff --git a/test/e2e-test-application/src/luigi-config/extended/communication.js b/test/e2e-test-application/src/luigi-config/extended/communication.js
index 4d26e50e6e..020e40e914 100644
--- a/test/e2e-test-application/src/luigi-config/extended/communication.js
+++ b/test/e2e-test-application/src/luigi-config/extended/communication.js
@@ -5,9 +5,7 @@ class Communication {
     },
     'my-custom-message.test-example': (customMessage, mfObject, mfNodeObj) => {
       console.info(
-        `Core has received custom message: ${JSON.stringify(
-          customMessage
-        )} from microfrontend ${JSON.stringify(
+        `Core has received custom message: ${JSON.stringify(customMessage)} from microfrontend ${JSON.stringify(
           mfObject
         )}. Node information: ${JSON.stringify(mfNodeObj)}`
       );
diff --git a/test/e2e-test-application/src/luigi-config/extended/globalSearch.js b/test/e2e-test-application/src/luigi-config/extended/globalSearch.js
index 9d2c43fdfa..f78b3e9c55 100644
--- a/test/e2e-test-application/src/luigi-config/extended/globalSearch.js
+++ b/test/e2e-test-application/src/luigi-config/extended/globalSearch.js
@@ -27,10 +27,7 @@ class GlobalSearch {
       //   type: 'info',
       //   closeAfter: 1500
       // });
-      inputElem.setAttribute(
-        'data-toggleSearch',
-        fieldVisible ? 'open' : 'close'
-      );
+      inputElem.setAttribute('data-toggleSearch', fieldVisible ? 'open' : 'close');
     },
 
     onInput: () => {
@@ -55,8 +52,7 @@ class GlobalSearch {
             link: '/settings'
           },
           label: 'Settings w/o parameters',
-          description:
-            'Testing a label description which has a long text to fit on mobile nicely',
+          description: 'Testing a label description which has a long text to fit on mobile nicely',
           onActivate() {
             Luigi.globalSearch().closeSearchResult();
           }
@@ -175,15 +171,9 @@ class GlobalSearch {
       var self = this;
       if (searchResultItem.pathObject.externalLink) {
         window.open(searchResultItem.pathObject.externalLink.url, '_blank');
-      } else if (
-        searchResultItem.pathObject.link &&
-        !searchResultItem.pathObject.params
-      ) {
+      } else if (searchResultItem.pathObject.link && !searchResultItem.pathObject.params) {
         Luigi.navigation().navigate(searchResultItem.pathObject.link);
-      } else if (
-        searchResultItem.pathObject.link &&
-        searchResultItem.pathObject.params
-      ) {
+      } else if (searchResultItem.pathObject.link && searchResultItem.pathObject.params) {
         Luigi.navigation()
           .withParams(searchResultItem.pathObject.params)
           .navigate(searchResultItem.pathObject.link);
diff --git a/test/e2e-test-application/src/luigi-config/extended/helpers.js b/test/e2e-test-application/src/luigi-config/extended/helpers.js
index 8b725177f1..d78d6049fa 100644
--- a/test/e2e-test-application/src/luigi-config/extended/helpers.js
+++ b/test/e2e-test-application/src/luigi-config/extended/helpers.js
@@ -92,9 +92,7 @@ const projectDetailNavProviderFn = context =>
   new Promise(resolve => {
     const projectId = context.currentProject;
     const children =
-      projectId === 'tabNav'
-        ? projectDetailTabNavStructure(projectId)
-        : projectDetailNavStructure(projectId);
+      projectId === 'tabNav' ? projectDetailTabNavStructure(projectId) : projectDetailNavStructure(projectId);
 
     getProjectPlugins(projectId).then(result => {
       result.forEach(plugin => {
@@ -158,19 +156,13 @@ export const projectsNavProviderFn = context =>
     });
   });
 
-export const navigationPermissionChecker = (
-  nodeToCheckPermissionFor,
-  parentNode,
-  currentContext
-) => {
+export const navigationPermissionChecker = (nodeToCheckPermissionFor, parentNode, currentContext) => {
   // depending on the current path and context returns true or false
   // true means the current node is accessible, false the opposite
   const mockCurrentUserGroups = ['admins'];
   if (!nodeToCheckPermissionFor.constraints) return true;
   // check if user has required groups
-  return nodeToCheckPermissionFor.constraints.some(c =>
-    mockCurrentUserGroups.includes(c)
-  );
+  return nodeToCheckPermissionFor.constraints.some(c => mockCurrentUserGroups.includes(c));
 };
 
 let mockBadgeCount = 0;
diff --git a/test/e2e-test-application/src/luigi-config/extended/i18n-provider.js b/test/e2e-test-application/src/luigi-config/extended/i18n-provider.js
index 582b11ee61..b7236f3009 100644
--- a/test/e2e-test-application/src/luigi-config/extended/i18n-provider.js
+++ b/test/e2e-test-application/src/luigi-config/extended/i18n-provider.js
@@ -42,13 +42,8 @@ class I18nProvider {
   // This function will be used by Luigi Core for translation
   getTranslation(key, interpolations = undefined, locale = undefined) {
     if (!key) return '';
-    this.currentLanguage =
-      locale || this.currentLanguage || Luigi.i18n().getCurrentLocale();
-    const result = this.findTranslation(
-      key,
-      this.translationTable[this.currentLanguage],
-      interpolations
-    );
+    this.currentLanguage = locale || this.currentLanguage || Luigi.i18n().getCurrentLocale();
+    const result = this.findTranslation(key, this.translationTable[this.currentLanguage], interpolations);
     return result ? result : key;
   }
 
@@ -83,10 +78,7 @@ class I18nProvider {
    */
   findInterpolations(value, interpolations) {
     Object.keys(interpolations).forEach(item => {
-      value = value.replace(
-        new RegExp('{' + this.escapeKeyForRegexp(item) + '}', 'gi'),
-        interpolations[item]
-      );
+      value = value.replace(new RegExp('{' + this.escapeKeyForRegexp(item) + '}', 'gi'), interpolations[item]);
     });
     return value;
   }
diff --git a/test/e2e-test-application/src/luigi-config/extended/navigation.js b/test/e2e-test-application/src/luigi-config/extended/navigation.js
index 67137697ba..8ea0cd6cc0 100644
--- a/test/e2e-test-application/src/luigi-config/extended/navigation.js
+++ b/test/e2e-test-application/src/luigi-config/extended/navigation.js
@@ -339,8 +339,7 @@ class Navigation {
   getProductSwitcherItems = () => {
     const items = [
       {
-        icon:
-          'https://pbs.twimg.com/profile_images/1143452953858183170/QLk-HGmK_bigger.png',
+        icon: 'https://pbs.twimg.com/profile_images/1143452953858183170/QLk-HGmK_bigger.png',
         label: 'hybris',
         subTitle: 'first subtitle',
         externalLink: {
@@ -354,8 +353,7 @@ class Navigation {
       .filter(project => project.id !== 'tabNav')
       .forEach(project => {
         items.push({
-          icon:
-            'https://pbs.twimg.com/profile_images/1143452953858183170/QLk-HGmK_bigger.png',
+          icon: 'https://pbs.twimg.com/profile_images/1143452953858183170/QLk-HGmK_bigger.png',
           label: project.name,
           link: '/projects/' + project.id
         });
@@ -441,7 +439,4 @@ class Navigation {
   };
 }
 
-export const navigation = new Navigation(
-  navigationPermissionChecker,
-  projectsNavProviderFn
-);
+export const navigation = new Navigation(navigationPermissionChecker, projectsNavProviderFn);
diff --git a/test/e2e-test-application/src/luigi-config/extended/projectDetailNav.js b/test/e2e-test-application/src/luigi-config/extended/projectDetailNav.js
index 05574d0ca7..d2eb0b8551 100644
--- a/test/e2e-test-application/src/luigi-config/extended/projectDetailNav.js
+++ b/test/e2e-test-application/src/luigi-config/extended/projectDetailNav.js
@@ -15,8 +15,7 @@ export const projectDetailNavStructure = projectId => [
         children: [
           {
             pathSegment: ':group',
-            viewUrl:
-              '/sampleapp.html#/projects/' + projectId + '/users/groups/:group',
+            viewUrl: '/sampleapp.html#/projects/' + projectId + '/users/groups/:group',
             context: {
               currentGroup: ':group'
             },
@@ -26,18 +25,12 @@ export const projectDetailNavStructure = projectId => [
                 pathSegment: 'settings',
                 keepSelectedForChildren: true,
                 icon: 'user-settings',
-                viewUrl:
-                  '/sampleapp.html#/projects/' +
-                  projectId +
-                  '/users/groups/:group/settings',
+                viewUrl: '/sampleapp.html#/projects/' + projectId + '/users/groups/:group/settings',
                 children: [
                   {
                     label: 'Multi Path Params',
                     pathSegment: ':dynamic',
-                    viewUrl:
-                      '/sampleapp.html#/projects/' +
-                      projectId +
-                      '/users/groups/:group/settings/:dynamic',
+                    viewUrl: '/sampleapp.html#/projects/' + projectId + '/users/groups/:group/settings/:dynamic',
                     context: {
                       label: ':dynamic'
                     }
@@ -52,8 +45,7 @@ export const projectDetailNavStructure = projectId => [
         pathSegment: 'usersoverview',
         label: 'Users Overview',
         icon: 'employee',
-        viewUrl:
-          '/sampleapp.html#/projects/' + projectId + '/users/usersoverview'
+        viewUrl: '/sampleapp.html#/projects/' + projectId + '/users/usersoverview'
       }
     ]
   },
@@ -232,25 +224,9 @@ export const projectDetailNavStructure = projectId => [
     icon: 'accept',
     context: {
       label: 'Avengers',
-      links: [
-        'Captain America',
-        'Iron Man',
-        'Thor',
-        'Hulk',
-        'Black Widow',
-        'Hawkeye',
-        'Loki'
-      ]
+      links: ['Captain America', 'Iron Man', 'Thor', 'Hulk', 'Black Widow', 'Hawkeye', 'Loki']
     },
-    children: [
-      'Captain America',
-      'Iron Man',
-      'Thor',
-      'Hulk',
-      'Black Widow',
-      'Hawkeye',
-      'Loki'
-    ].map(name => ({
+    children: ['Captain America', 'Iron Man', 'Thor', 'Hulk', 'Black Widow', 'Hawkeye', 'Loki'].map(name => ({
       pathSegment: name
         .toLowerCase()
         .split(' ')
@@ -276,8 +252,7 @@ export const projectDetailNavStructure = projectId => [
             label: 'Super Power',
             links: ['Details']
           },
-          viewUrl:
-            '/sampleapp.html#/projects/' + projectId + '/dynamic/super-power',
+          viewUrl: '/sampleapp.html#/projects/' + projectId + '/dynamic/super-power',
           children: [
             {
               label: 'Details',
@@ -286,8 +261,7 @@ export const projectDetailNavStructure = projectId => [
                 label: 'Details',
                 links: false
               },
-              viewUrl:
-                '/sampleapp.html#/projects/' + projectId + '/dynamic/details'
+              viewUrl: '/sampleapp.html#/projects/' + projectId + '/dynamic/details'
             }
           ]
         }
diff --git a/test/e2e-test-application/src/luigi-config/extended/projectDetailTabNav.js b/test/e2e-test-application/src/luigi-config/extended/projectDetailTabNav.js
index 549c8a9b3b..4a6cdc95a1 100644
--- a/test/e2e-test-application/src/luigi-config/extended/projectDetailTabNav.js
+++ b/test/e2e-test-application/src/luigi-config/extended/projectDetailTabNav.js
@@ -91,25 +91,9 @@ export const projectDetailTabNavStructure = projectId => [
     icon: 'accept',
     context: {
       label: 'Avengers',
-      links: [
-        'Captain America',
-        'Iron Man',
-        'Thor',
-        'Hulk',
-        'Black Widow',
-        'Hawkeye',
-        'Loki'
-      ]
+      links: ['Captain America', 'Iron Man', 'Thor', 'Hulk', 'Black Widow', 'Hawkeye', 'Loki']
     },
-    children: [
-      'Captain America',
-      'Iron Man',
-      'Thor',
-      'Hulk',
-      'Black Widow',
-      'Hawkeye',
-      'Loki'
-    ].map(name => ({
+    children: ['Captain America', 'Iron Man', 'Thor', 'Hulk', 'Black Widow', 'Hawkeye', 'Loki'].map(name => ({
       pathSegment: name
         .toLowerCase()
         .split(' ')
@@ -135,8 +119,7 @@ export const projectDetailTabNavStructure = projectId => [
             label: 'Super Power',
             links: ['Details']
           },
-          viewUrl:
-            '/sampleapp.html#/projects/' + projectId + '/dynamic/super-power',
+          viewUrl: '/sampleapp.html#/projects/' + projectId + '/dynamic/super-power',
           children: [
             {
               label: 'Details',
@@ -145,8 +128,7 @@ export const projectDetailTabNavStructure = projectId => [
                 label: 'Details',
                 links: false
               },
-              viewUrl:
-                '/sampleapp.html#/projects/' + projectId + '/dynamic/details'
+              viewUrl: '/sampleapp.html#/projects/' + projectId + '/dynamic/details'
             }
           ]
         }
diff --git a/test/e2e-test-application/src/luigi-config/extended/settings.js b/test/e2e-test-application/src/luigi-config/extended/settings.js
index 06f1e4c23c..88a167f6a4 100644
--- a/test/e2e-test-application/src/luigi-config/extended/settings.js
+++ b/test/e2e-test-application/src/luigi-config/extended/settings.js
@@ -6,7 +6,7 @@ class Settings {
       'data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTIuMzggMjA0Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMntmaWxsLXJ1bGU6ZXZlbm9kZH0uY2xzLTF7ZmlsbDp1cmwoI2xpbmVhci1ncmFkaWVudCl9LmNscy0ye2ZpbGw6I2ZmZn08L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMjA2LjE5IiB4Mj0iMjA2LjE5IiB5Mj0iMjA0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDBiOGYxIi8+PHN0b3Agb2Zmc2V0PSIuMDIiIHN0b3AtY29sb3I9IiMwMWI2ZjAiLz48c3RvcCBvZmZzZXQ9Ii4zMSIgc3RvcC1jb2xvcj0iIzBkOTBkOSIvPjxzdG9wIG9mZnNldD0iLjU4IiBzdG9wLWNvbG9yPSIjMTc3NWM4Ii8+PHN0b3Agb2Zmc2V0PSIuODIiIHN0b3AtY29sb3I9IiMxYzY1YmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxZTVmYmIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+U0FQX2dyYWRfUl9zY3JuX1plaWNoZW5mbMOkY2hlIDE8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI0NC43MyAzOC4zNmgtNDAuNnY5Ni41MmwtMzUuNDYtOTYuNTVoLTM1LjE2bC0zMC4yNyA4MC43MkMxMDAgOTguNyA3OSA5MS42NyA2Mi40IDg2LjQgNTEuNDYgODIuODkgMzkuODUgNzcuNzIgNDAgNzJjLjA5LTQuNjggNi4yMy05IDE4LjM4LTguMzggOC4xNy40MyAxNS4zNyAxLjA5IDI5LjcxIDhsMTQuMS0yNC41NUM4OS4wNiA0MC40MiA3MSAzNi4yMSA1Ni4xNyAzNi4xOWgtLjA5Yy0xNy4yOCAwLTMxLjY4IDUuNi00MC42IDE0LjgzQTM0LjIzIDM0LjIzIDAgMCAwIDUuNzcgNzQuN0M1LjU0IDg3LjE1IDEwLjExIDk2IDE5LjcxIDEwM2M4LjEgNS45NCAxOC40NiA5Ljc5IDI3LjYgMTIuNjIgMTEuMjcgMy40OSAyMC40NyA2LjUzIDIwLjM2IDEzQTkuNTcgOS41NyAwIDAgMSA2NSAxMzVjLTIuODEgMi45LTcuMTMgNC0xMy4wOSA0LjEtMTEuNDkuMjQtMjAtMS41Ni0zMy42MS05LjU5TDUuNzcgMTU0LjQyYTkzLjc3IDkzLjc3IDAgMCAwIDQ2IDEyLjIyaDIuMTFjMTQuMjQtLjI1IDI1Ljc0LTQuMzEgMzQuOTItMTEuNzEuNTMtLjQxIDEtLjg0IDEuNDktMS4yOGwtNC4xMiAxMC44NUgxMjNsNi4xOS0xOC44MmE2Ny40NiA2Ny40NiAwIDAgMCAyMS42OCAzLjQzIDY4LjMzIDY4LjMzIDAgMCAwIDIxLjE2LTMuMjVsNiAxOC42NGg2MC4xNHYtMzloMTMuMTFjMzEuNzEgMCA1MC40Ni0xNi4xNSA1MC40Ni00My4yIDAtMzAuMTEtMTguMjItNDMuOTQtNTcuMDEtNDMuOTR6TTE1MC45MSAxMjFhMzYuOTMgMzYuOTMgMCAwIDEtMTMtMi4yOGwxMi44Ny00MC41OWguMjJsMTIuNjUgNDAuNzFhMzguNSAzOC41IDAgMCAxLTEyLjc0IDIuMTZ6bTk2LjItMjMuMzNoLTguOTRWNjQuOTFoOC45NGMxMS45MyAwIDIxLjQ0IDQgMjEuNDQgMTYuMTQgMCAxMi42LTkuNTEgMTYuNTctMjEuNDQgMTYuNTciLz48L3N2Zz4=',
     title: 'Luigi Demo',
     subTitle: version || 'unknown',
-    favicon: '/assets/favicon-sap.ico',
+    favicon: '/assets/favicon-sap.ico'
   };
   appLoadingIndicator = {
     hideAutomatically: false
@@ -17,8 +17,7 @@ class Settings {
     // thirdPartyCookieScriptLocation: 'https://domain/init.html',
     thirdPartyCookieErrorHandling: () => {
       const alert = {
-        text:
-          'Third Party Cookies are not enabled. Please check your browser settings.',
+        text: 'Third Party Cookies are not enabled. Please check your browser settings.',
         type: 'warning'
       };
       Luigi.ux().showAlert(alert);
@@ -29,10 +28,7 @@ class Settings {
     navCollapsed: 'Expand navigation test'
   };
   theming = {
-    themes: () => [
-      { id: 'light', name: 'Fiori3 Light' },
-      { id: 'dark', name: 'Fiori3 Dark' }
-    ],
+    themes: () => [{ id: 'light', name: 'Fiori3 Light' }, { id: 'dark', name: 'Fiori3 Dark' }],
     defaultTheme: 'light'
     // nodeViewURLDecorator: {
     //   queryStringParameter: {
@@ -59,7 +55,6 @@ class Settings {
   //     }
   //   };
   // };
-
 }
 
 export const settings = new Settings();
diff --git a/test/e2e-test-application/src/luigi-config/extended/userSettings.js b/test/e2e-test-application/src/luigi-config/extended/userSettings.js
index d1b30c14de..3476342a5e 100644
--- a/test/e2e-test-application/src/luigi-config/extended/userSettings.js
+++ b/test/e2e-test-application/src/luigi-config/extended/userSettings.js
@@ -47,8 +47,7 @@ class UserSettings {
           type: 'enum',
           label: 'Language and Region',
           options: ['German', 'English', 'Spanish', 'French'],
-          description:
-            'After you save your settings, the browser will refresh for the new language to take effect.'
+          description: 'After you save your settings, the browser will refresh for the new language to take effect.'
         },
         date: { type: 'string', label: 'Date Format' },
         time: {
@@ -95,6 +94,6 @@ class UserSettings {
       icon: 'private',
       viewUrl: 'http://localhost:8080/examples/microfrontends/customUserSettingsMf.html'
     }
-  }
+  };
 }
 export const userSettings = new UserSettings();
diff --git a/test/e2e-test-application/src/sampleapp.html b/test/e2e-test-application/src/sampleapp.html
index 321943eef1..dcd331f554 100644
--- a/test/e2e-test-application/src/sampleapp.html
+++ b/test/e2e-test-application/src/sampleapp.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html>
-<head>
+  <head>
     <title>small web app</title>
-</head>
-<body>
+  </head>
+  <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <app-root></app-root>
-</body>
+  </body>
 </html>