diff --git a/.prettierrc b/.prettierrc
index fe5f744c7a0..bf357fbbc08 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,4 +1,3 @@
 {
-  "trailingComma": "all",
-  "arrowParens": "avoid"
+  "trailingComma": "all"
 }
diff --git a/e2e/runner/cypress-runner-backend.js b/e2e/runner/cypress-runner-backend.js
index 6b6bb9cef8b..8f1425f8db6 100755
--- a/e2e/runner/cypress-runner-backend.js
+++ b/e2e/runner/cypress-runner-backend.js
@@ -114,10 +114,10 @@ const CypressBackend = {
       // This is needed until we can use NodeJS native `fetch`.
       function request(url) {
         return new Promise((resolve, reject) => {
-          const req = http.get(url, res => {
+          const req = http.get(url, (res) => {
             let body = "";
 
-            res.on("data", chunk => {
+            res.on("data", (chunk) => {
               body += chunk;
             });
 
@@ -126,7 +126,7 @@ const CypressBackend = {
             });
           });
 
-          req.on("error", e => {
+          req.on("error", (e) => {
             reject(e);
           });
         });
diff --git a/e2e/runner/cypress-runner-run-tests.js b/e2e/runner/cypress-runner-run-tests.js
index 41031f3bc91..3eaf0e20d9e 100644
--- a/e2e/runner/cypress-runner-run-tests.js
+++ b/e2e/runner/cypress-runner-run-tests.js
@@ -10,7 +10,7 @@ const DEFAULT_PORT = 4000;
 const getHost = (port = null) =>
   `http://localhost:${port ?? process.env.BACKEND_PORT ?? DEFAULT_PORT}`;
 
-const getSampleAppE2eConfig = suite => ({
+const getSampleAppE2eConfig = (suite) => ({
   [suite]: async () => {
     const { appName, env } = SAMPLE_APP_SETUP_CONFIGS[suite];
     const { CLIENT_PORT } = env;
diff --git a/e2e/runner/cypress-runner-utils.js b/e2e/runner/cypress-runner-utils.js
index b2116e20c70..05089f2919a 100644
--- a/e2e/runner/cypress-runner-utils.js
+++ b/e2e/runner/cypress-runner-utils.js
@@ -73,7 +73,7 @@ function unBooleanify(map) {
 }
 
 function delay(durationMs) {
-  return new Promise(resolve => setTimeout(resolve, durationMs));
+  return new Promise((resolve) => setTimeout(resolve, durationMs));
 }
 
 module.exports = {
diff --git a/e2e/runner/run_cypress_ci.js b/e2e/runner/run_cypress_ci.js
index f6a65c6894d..2182bc25a22 100755
--- a/e2e/runner/run_cypress_ci.js
+++ b/e2e/runner/run_cypress_ci.js
@@ -27,7 +27,7 @@ const startServer = async () => {
   await CypressBackend.start();
 };
 
-const runTests = async testSuite => {
+const runTests = async (testSuite) => {
   printBold(`Running ${testSuite} Cypress Tests`);
   await runCypress(testSuite, process.exit);
 };
diff --git a/e2e/runner/run_cypress_local.ts b/e2e/runner/run_cypress_local.ts
index f3b00d2b703..c08fbcb79d8 100644
--- a/e2e/runner/run_cypress_local.ts
+++ b/e2e/runner/run_cypress_local.ts
@@ -145,7 +145,7 @@ const cleanup = async (exitCode: string | number = SUCCESS_EXIT_CODE) => {
 
 init()
   .then(() => cleanup(SUCCESS_EXIT_CODE))
-  .catch(e => {
+  .catch((e) => {
     console.error(e);
     cleanup(FAILURE_EXIT_CODE);
   });
diff --git a/e2e/runner/sample-apps-shared/helpers/start-containers.ts b/e2e/runner/sample-apps-shared/helpers/start-containers.ts
index 98dfc899609..ddba27d0a40 100644
--- a/e2e/runner/sample-apps-shared/helpers/start-containers.ts
+++ b/e2e/runner/sample-apps-shared/helpers/start-containers.ts
@@ -42,7 +42,7 @@ export async function startContainers({
   }
 
   if (!process.env.CI) {
-    ["exit", "SIGINT", "SIGTERM", "uncaughtException"].forEach(signal => {
+    ["exit", "SIGINT", "SIGTERM", "uncaughtException"].forEach((signal) => {
       process.on(signal, () => {
         console.log(`Parent received ${signal}, killing stopping app...`);
 
diff --git a/e2e/snapshot-creators/default.cy.snap.js b/e2e/snapshot-creators/default.cy.snap.js
index 0b5be2e3f49..5b1d66ddd51 100644
--- a/e2e/snapshot-creators/default.cy.snap.js
+++ b/e2e/snapshot-creators/default.cy.snap.js
@@ -46,7 +46,7 @@ describe("snapshots", () => {
       snapshot("setup");
       addUsersAndGroups();
       createCollections();
-      withSampleDatabase(SAMPLE_DATABASE => {
+      withSampleDatabase((SAMPLE_DATABASE) => {
         ensureTableIdsAreCorrect(SAMPLE_DATABASE);
         hideNewSampleTables(SAMPLE_DATABASE);
         createQuestionsAndDashboards(SAMPLE_DATABASE);
@@ -112,7 +112,7 @@ describe("snapshots", () => {
     });
 
     // update the Sample db connection string so it is valid in both CI and locally
-    cy.request("GET", `/api/database/${SAMPLE_DB_ID}`).then(response => {
+    cy.request("GET", `/api/database/${SAMPLE_DB_ID}`).then((response) => {
       response.body.details.db =
         "./plugins/sample-database.db;USER=GUEST;PASSWORD=guest";
       cy.request("PUT", `/api/database/${SAMPLE_DB_ID}`, response.body);
@@ -143,14 +143,14 @@ describe("snapshots", () => {
     );
 
     // Create all users except admin, who was already created in one of the previous steps
-    Object.keys(_.omit(USERS, "admin")).forEach(user => {
+    Object.keys(_.omit(USERS, "admin")).forEach((user) => {
       cy.createUser(user);
     });
 
     // Make a call to `/api/user` because some things (personal collections) get created there
     cy.request("GET", "/api/user");
 
-    Object.keys(USERS).forEach(user => {
+    Object.keys(USERS).forEach((user) => {
       if (user === "admin") {
         // we already cached admin user credentials during setup
         return;
@@ -221,17 +221,18 @@ describe("snapshots", () => {
       }).then(({ body }) => callback && callback(body));
     }
 
-    postCollection("First collection", undefined, firstCollection => {
+    postCollection("First collection", undefined, (firstCollection) => {
       logSelectModel(firstCollection.id, "collection");
       postCollection(
         "Second collection",
         firstCollection.id,
-        secondCollection => {
+        (secondCollection) => {
           logSelectModel(secondCollection.id, "collection");
           postCollection(
             "Third collection",
             secondCollection.id,
-            thirdCollection => logSelectModel(thirdCollection.id, "collection"),
+            (thirdCollection) =>
+              logSelectModel(thirdCollection.id, "collection"),
           );
         },
       );
@@ -309,9 +310,11 @@ describe("snapshots", () => {
     FEEDBACK_ID,
     INVOICES_ID,
   }) {
-    [ACCOUNTS_ID, ANALYTIC_EVENTS_ID, FEEDBACK_ID, INVOICES_ID].forEach(id => {
-      cy.request("PUT", `/api/table/${id}`, { visibility_type: "hidden" });
-    });
+    [ACCOUNTS_ID, ANALYTIC_EVENTS_ID, FEEDBACK_ID, INVOICES_ID].forEach(
+      (id) => {
+        cy.request("PUT", `/api/table/${id}`, { visibility_type: "hidden" });
+      },
+    );
   }
 
   // TODO: It'd be nice to have one file per snapshot.
@@ -387,8 +390,8 @@ function getDefaultInstanceData() {
         `/api/collection/${collection.id}/items?models=dashboard`,
       ).then(({ body: { data: dashboards } }) => {
         for (const dashboard of dashboards) {
-          if (!instanceData.dashboards.find(d => d.id === dashboard.id)) {
-            cy.request(`/api/dashboard/${dashboard.id}`).then(response => {
+          if (!instanceData.dashboards.find((d) => d.id === dashboard.id)) {
+            cy.request(`/api/dashboard/${dashboard.id}`).then((response) => {
               instanceData.dashboards.push(response.body);
             });
           }
diff --git a/e2e/snapshot-creators/qa-db.cy.snap.js b/e2e/snapshot-creators/qa-db.cy.snap.js
index e75be70e781..a7233285322 100644
--- a/e2e/snapshot-creators/qa-db.cy.snap.js
+++ b/e2e/snapshot-creators/qa-db.cy.snap.js
@@ -57,7 +57,7 @@ function restoreAndAuthenticate() {
 }
 
 function deleteDatabase(idAlias) {
-  cy.get("@" + idAlias).then(id => {
+  cy.get("@" + idAlias).then((id) => {
     return cy.request("DELETE", `/api/database/${id}`);
   });
 }
diff --git a/e2e/support/ci_tasks.ts b/e2e/support/ci_tasks.ts
index 7814c899512..752a231d144 100644
--- a/e2e/support/ci_tasks.ts
+++ b/e2e/support/ci_tasks.ts
@@ -41,10 +41,10 @@ const githubApi = ({
 };
 
 function extractTestsFromCommentText(body: string) {
-  const tableLines = body.split("\n").filter(line => line.includes("|"));
+  const tableLines = body.split("\n").filter((line) => line.includes("|"));
   const testLines = tableLines.slice(2);
-  const testData = testLines.map(line => {
-    const [fileName, testName] = line.split("|").map(cell => cell.trim());
+  const testData = testLines.map((line) => {
+    const [fileName, testName] = line.split("|").map((cell) => cell.trim());
     return { fileName, testName };
   });
 
diff --git a/e2e/support/collectFailedTests.js b/e2e/support/collectFailedTests.js
index da1ba752545..03cfaf1e59e 100644
--- a/e2e/support/collectFailedTests.js
+++ b/e2e/support/collectFailedTests.js
@@ -13,10 +13,10 @@ const path = require("path");
  * @returns
  */
 const collectFailingTests = (on, config) => {
-  on("after:run", async results => {
+  on("after:run", async (results) => {
     const failedSpecs = results.runs
-      .filter(run => run.stats.failures > 0)
-      .map(run => run.spec.relative);
+      .filter((run) => run.stats.failures > 0)
+      .map((run) => run.spec.relative);
 
     if (failedSpecs.length > 0) {
       const failedTestFilePath = "../../cypress/test-results/";
diff --git a/e2e/support/commands/downloads/downloadUtils-untyped.js b/e2e/support/commands/downloads/downloadUtils-untyped.js
index 1d97d169e67..e26e14a34c4 100644
--- a/e2e/support/commands/downloads/downloadUtils-untyped.js
+++ b/e2e/support/commands/downloads/downloadUtils-untyped.js
@@ -2,7 +2,7 @@ const fs = require("fs");
 
 const path = require("path");
 
-const removeDirectory = path => {
+const removeDirectory = (path) => {
   try {
     if (fs.existsSync(path)) {
       fs.rmdirSync(path, { maxRetries: 10, recursive: true });
@@ -18,7 +18,7 @@ const removeDirectory = path => {
 const deleteDownloadsFolder = () =>
   cy.task("removeDirectory", Cypress.config("downloadsFolder"));
 
-const isFileExist = path => fs.existsSync(path);
+const isFileExist = (path) => fs.existsSync(path);
 
 const findFiles = ({ path, fileName }) => {
   if (!fs.existsSync(path)) {
@@ -27,10 +27,10 @@ const findFiles = ({ path, fileName }) => {
 
   return fs
     .readdirSync(path)
-    .filter(file => file.includes(fileName) && isDownloaded(file));
+    .filter((file) => file.includes(fileName) && isDownloaded(file));
 };
 
-const isDownloaded = file => !file.endsWith(".crdownload");
+const isDownloaded = (file) => !file.endsWith(".crdownload");
 
 // slightly modified version of cy-verify-download
 // https://github.com/elaichenkov/cy-verify-downloads/blob/master/src/index.js
@@ -53,7 +53,7 @@ const verifyDownload = (fileName, options) => {
 
   let retries = Math.floor(timeout / interval);
 
-  const checkFile = result => {
+  const checkFile = (result) => {
     if (result) {
       return result;
     }
@@ -75,7 +75,7 @@ const verifyDownload = (fileName, options) => {
     if (contains) {
       result = cy
         .task("findFiles", { path: downloadsFolder, fileName })
-        .then(files => {
+        .then((files) => {
           if (files !== null) {
             if (files.length > 1) {
               cy.log(
@@ -96,7 +96,7 @@ const verifyDownload = (fileName, options) => {
     return result.then(checkFile);
   };
 
-  return resolveValue().then(isExist => {
+  return resolveValue().then((isExist) => {
     expect(isExist, `The ${fileName} file has been downloaded successfully`).to
       .be.true;
   });
diff --git a/e2e/support/commands/permissions/sandboxTable.js b/e2e/support/commands/permissions/sandboxTable.js
index 06a28161487..3efbaa24760 100644
--- a/e2e/support/commands/permissions/sandboxTable.js
+++ b/e2e/support/commands/permissions/sandboxTable.js
@@ -15,7 +15,7 @@ Cypress.Commands.add(
     // Extract the name of the table, as well as `schema` and `db_id` that we'll need later on for `cy.updatePermissionsSchemas()`
     cy.request("GET", "/api/table").then(({ body: tables }) => {
       const { name, schema, db_id } = tables.find(
-        table => table.id === table_id,
+        (table) => table.id === table_id,
       );
       const attr = Object.keys(attribute_remappings).join(", "); // Account for the possiblity of passing multiple user attributes
 
diff --git a/e2e/support/commands/user/authentication.ts b/e2e/support/commands/user/authentication.ts
index 2555b698e20..2e82919dd74 100644
--- a/e2e/support/commands/user/authentication.ts
+++ b/e2e/support/commands/user/authentication.ts
@@ -61,10 +61,10 @@ Cypress.Commands.add(
 
     const { email: username, password } = USERS[user];
     cy.request("POST", "/api/session", { username, password }).then(
-      response => {
+      (response) => {
         if (setupCache) {
           cy.log("saving login token for user", user);
-          cy.getCookie("metabase.DEVICE").then(deviceCookie => {
+          cy.getCookie("metabase.DEVICE").then((deviceCookie) => {
             loginCache[user] = {
               sessionId: response.body.id,
               deviceId: deviceCookie?.value ?? "my-device-id",
diff --git a/e2e/support/commands/user/createUser.js b/e2e/support/commands/user/createUser.js
index 60474b1e848..9179d676eb5 100644
--- a/e2e/support/commands/user/createUser.js
+++ b/e2e/support/commands/user/createUser.js
@@ -1,6 +1,6 @@
 import { USERS } from "e2e/support/cypress_data";
 
-Cypress.Commands.add("createUserFromRawData", user => {
+Cypress.Commands.add("createUserFromRawData", (user) => {
   return cy.request("POST", "/api/user", user).then(({ body: user }) => {
     // Dismiss `it's ok to play around` modal for the created user
     cy.request("PUT", `/api/user/${user.id}/modal/qbnewb`, {});
@@ -8,7 +8,7 @@ Cypress.Commands.add("createUserFromRawData", user => {
   });
 });
 
-Cypress.Commands.add("createUser", user => {
+Cypress.Commands.add("createUser", (user) => {
   cy.log(`Create ${user} user`);
   cy.createUserFromRawData(USERS[user]);
 });
diff --git a/e2e/support/commands/visibility/findByTextEnsureVisible.ts b/e2e/support/commands/visibility/findByTextEnsureVisible.ts
index 46eb8b53666..8ef864ad6e8 100644
--- a/e2e/support/commands/visibility/findByTextEnsureVisible.ts
+++ b/e2e/support/commands/visibility/findByTextEnsureVisible.ts
@@ -8,7 +8,7 @@ declare global {
   }
 }
 
-Cypress.Commands.add("findByTextEnsureVisible", text => {
+Cypress.Commands.add("findByTextEnsureVisible", (text) => {
   cy.findByText(text).should("be.visible");
 });
 
diff --git a/e2e/support/commands/visibility/isRenderedWithinViewport.js b/e2e/support/commands/visibility/isRenderedWithinViewport.js
index 3eb87d3a802..aea550ce487 100644
--- a/e2e/support/commands/visibility/isRenderedWithinViewport.js
+++ b/e2e/support/commands/visibility/isRenderedWithinViewport.js
@@ -3,7 +3,7 @@ Cypress.Commands.add(
   {
     prevSubject: true,
   },
-  subject => {
+  (subject) => {
     const viewportTop = 0;
     const viewportBottom = Cypress.$(cy.state("window")).height();
     const element = subject[0].getBoundingClientRect();
diff --git a/e2e/support/commands/visibility/isVisibleInPopover.js b/e2e/support/commands/visibility/isVisibleInPopover.js
index 3ecb6d23f2f..77e5ddd3cc7 100644
--- a/e2e/support/commands/visibility/isVisibleInPopover.js
+++ b/e2e/support/commands/visibility/isVisibleInPopover.js
@@ -5,10 +5,10 @@ Cypress.Commands.add(
   {
     prevSubject: true,
   },
-  subject => {
+  (subject) => {
     cy.wrap(subject)
       .closest(POPOVER_ELEMENT)
-      .then($popover => {
+      .then(($popover) => {
         /**
          * Helper function that:
          *  1. Obtains the value of element's computed property, but it always returns it in px (for example: "12px")
diff --git a/e2e/support/config.js b/e2e/support/config.js
index 95b57324841..1af572e7fc7 100644
--- a/e2e/support/config.js
+++ b/e2e/support/config.js
@@ -37,7 +37,7 @@ const assetsResolverPlugin = {
   name: "assetsResolver",
   setup(build) {
     // Redirect all paths starting with "assets/" to "resources/"
-    build.onResolve({ filter: /^assets\// }, args => {
+    build.onResolve({ filter: /^assets\// }, (args) => {
       return {
         path: path.join(
           __dirname,
@@ -53,8 +53,8 @@ const assetsResolverPlugin = {
 const specBlacklist = ["/embedding-sdk/", "/cross-version/"];
 
 function getSplittableSpecs(specs) {
-  return specs.filter(spec => {
-    return !specBlacklist.some(blacklistedPath =>
+  return specs.filter((spec) => {
+    return !specBlacklist.some((blacklistedPath) =>
       spec.includes(blacklistedPath),
     );
   });
diff --git a/e2e/support/cypress.js b/e2e/support/cypress.js
index 20b86144533..237d1786509 100644
--- a/e2e/support/cypress.js
+++ b/e2e/support/cypress.js
@@ -42,7 +42,7 @@ Cypress.on("test:before:run", () => {
 
 Cypress.on("test:after:run", (test, runnable) => {
   if (test.state === "failed") {
-    const titleToFileName = title => title.replace(/[>]/g, "");
+    const titleToFileName = (title) => title.replace(/[>]/g, "");
     let { parent } = runnable;
     let filename = "";
     // This while is to be able to support more than one level of parent in the screenshot name
@@ -54,7 +54,7 @@ Cypress.on("test:after:run", (test, runnable) => {
 
     if (isCI) {
       // cypress-terminal-report
-      Cypress.Mochawesome.context.forEach(ctx => {
+      Cypress.Mochawesome.context.forEach((ctx) => {
         addContext({ test }, ctx);
       });
     }
@@ -77,7 +77,7 @@ Cypress.on("test:after:run", (test, runnable) => {
 
 // required for cypress-terminal-report to be able to find logs after the test
 // is finished
-Cypress.Commands.add("addTestContext", context => {
+Cypress.Commands.add("addTestContext", (context) => {
   if (!Cypress.Mochawesome) {
     Cypress.Mochawesome = createMochawesomeObject();
   }
@@ -102,7 +102,7 @@ function createMochawesomeObject() {
  *
  * @see https://github.com/cypress-io/cypress/issues/2118
  */
-Cypress.on("window:load", window => {
+Cypress.on("window:load", (window) => {
   const addEventListener = window.addEventListener;
 
   window.addEventListener = function (event) {
diff --git a/e2e/support/db_tasks.js b/e2e/support/db_tasks.js
index ca3bec7458c..5670e713217 100644
--- a/e2e/support/db_tasks.js
+++ b/e2e/support/db_tasks.js
@@ -105,7 +105,7 @@ export async function createTestRoles({
   }
 
   return await Promise.all(
-    Object.values(dbRoles).map(async sql => {
+    Object.values(dbRoles).map(async (sql) => {
       await dbClient.raw(sql);
     }),
   );
diff --git a/e2e/support/helpers/api/addOrUpdateDashboardCard.ts b/e2e/support/helpers/api/addOrUpdateDashboardCard.ts
index d132b3f64dc..0b715c65cad 100644
--- a/e2e/support/helpers/api/addOrUpdateDashboardCard.ts
+++ b/e2e/support/helpers/api/addOrUpdateDashboardCard.ts
@@ -26,7 +26,7 @@ export function addOrUpdateDashboardCard({
         },
       ],
     })
-    .then(response => ({
+    .then((response) => ({
       ...response,
       body: response.body.dashcards[0],
     }));
diff --git a/e2e/support/helpers/api/addQuestionToDashboard.ts b/e2e/support/helpers/api/addQuestionToDashboard.ts
index 41ba2ef0fb4..9afb3019bc5 100644
--- a/e2e/support/helpers/api/addQuestionToDashboard.ts
+++ b/e2e/support/helpers/api/addQuestionToDashboard.ts
@@ -23,7 +23,7 @@ export const addQuestionToDashboard = ({
           },
         ],
       })
-      .then(response => ({
+      .then((response) => ({
         ...response,
         body: response.body.dashcards.at(-1),
       })),
diff --git a/e2e/support/helpers/api/createCollection.ts b/e2e/support/helpers/api/createCollection.ts
index 62052235cfa..7f1ecf9e40f 100644
--- a/e2e/support/helpers/api/createCollection.ts
+++ b/e2e/support/helpers/api/createCollection.ts
@@ -22,7 +22,7 @@ export const createCollection = ({
       parent_id,
       authority_level,
     })
-    .then(response => {
+    .then((response) => {
       if (alias) {
         cy.wrap(response.body.id).as(alias);
       }
diff --git a/e2e/support/helpers/api/createDashboardWithQuestions.ts b/e2e/support/helpers/api/createDashboardWithQuestions.ts
index 99b8d6d1955..4a5cc664891 100644
--- a/e2e/support/helpers/api/createDashboardWithQuestions.ts
+++ b/e2e/support/helpers/api/createDashboardWithQuestions.ts
@@ -31,9 +31,9 @@ export const createDashboardWithQuestions = ({
             cards ? cards[index] : undefined,
           ),
         ),
-      ).then(dashcardResponses => {
+      ).then((dashcardResponses) => {
         const questions = dashcardResponses.map(
-          dashcardResponse => dashcardResponse.body.card,
+          (dashcardResponse) => dashcardResponse.body.card,
         );
 
         return {
diff --git a/e2e/support/helpers/api/createNativeQuestionAndDashboard.ts b/e2e/support/helpers/api/createNativeQuestionAndDashboard.ts
index 4f43552a29b..905d66ccb3b 100644
--- a/e2e/support/helpers/api/createNativeQuestionAndDashboard.ts
+++ b/e2e/support/helpers/api/createNativeQuestionAndDashboard.ts
@@ -47,7 +47,7 @@ export const createNativeQuestionAndDashboard = ({
                 ...cardDetails,
               },
             ],
-          }).then(response => ({
+          }).then((response) => ({
             ...response,
             dashboardId,
             dashboardTabs: response.body.tabs,
diff --git a/e2e/support/helpers/api/createQuestionAndAddToDashboard.ts b/e2e/support/helpers/api/createQuestionAndAddToDashboard.ts
index d974bde1b2f..836744fb002 100644
--- a/e2e/support/helpers/api/createQuestionAndAddToDashboard.ts
+++ b/e2e/support/helpers/api/createQuestionAndAddToDashboard.ts
@@ -35,7 +35,7 @@ export const createQuestionAndAddToDashboard = (
                 },
               ],
             })
-            .then(response => ({
+            .then((response) => ({
               ...response,
               body: response.body.dashcards.at(-1),
             })),
diff --git a/e2e/support/helpers/api/createQuestionAndDashboard.ts b/e2e/support/helpers/api/createQuestionAndDashboard.ts
index 8eb615fb2fa..2f791aa8438 100644
--- a/e2e/support/helpers/api/createQuestionAndDashboard.ts
+++ b/e2e/support/helpers/api/createQuestionAndDashboard.ts
@@ -36,7 +36,7 @@ export const createQuestionAndDashboard = ({
                 },
               ],
             })
-            .then(response => ({
+            .then((response) => ({
               ...response,
               body: response.body.dashcards[0],
               questionId,
diff --git a/e2e/support/helpers/api/createTimelineWithEvents.ts b/e2e/support/helpers/api/createTimelineWithEvents.ts
index 10da3bb0402..d8db34cd0d7 100644
--- a/e2e/support/helpers/api/createTimelineWithEvents.ts
+++ b/e2e/support/helpers/api/createTimelineWithEvents.ts
@@ -23,10 +23,10 @@ export const createTimelineWithEvents = ({
   // @ts-expect-error - Cypress typings don't account for what happens in then() here
   return createTimeline(timeline).then(({ body: timeline }) => {
     return cypressWaitAll(
-      events.map(query =>
+      events.map((query) =>
         createTimelineEvent({ ...query, timeline_id: timeline.id }),
       ),
-    ).then(events => {
+    ).then((events) => {
       return {
         timeline,
         events,
diff --git a/e2e/support/helpers/api/updateDashboardCards.ts b/e2e/support/helpers/api/updateDashboardCards.ts
index 0f81892e543..8ec0d8dd119 100644
--- a/e2e/support/helpers/api/updateDashboardCards.ts
+++ b/e2e/support/helpers/api/updateDashboardCards.ts
@@ -23,6 +23,6 @@ export function updateDashboardCards({
 }): Cypress.Chainable<Cypress.Response<Dashboard>> {
   let id = -1;
   return cy.request<Dashboard>("PUT", `/api/dashboard/${dashboard_id}`, {
-    dashcards: cards.map(card => ({ ...DEFAULT_CARD, id: id--, ...card })),
+    dashcards: cards.map((card) => ({ ...DEFAULT_CARD, id: id--, ...card })),
   });
 }
diff --git a/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-console-helpers.tsx b/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-console-helpers.tsx
index 2201671a6f5..69861649d40 100644
--- a/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-console-helpers.tsx
+++ b/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-console-helpers.tsx
@@ -16,7 +16,7 @@ export function mountSdkContentAndAssertNoKnownErrors(
   mountSdkContentOptions: MountSdkContentOptions = {},
 ) {
   // Monitor console errors, but don't log them in the Cypress runner UI.
-  cy.window().then(win => {
+  cy.window().then((win) => {
     cy.stub(win.console, "error").log(false).as("consoleError");
   });
 
@@ -29,8 +29,8 @@ export function mountSdkContentAndAssertNoKnownErrors(
     cy.findByTestId("loading-indicator").should("not.exist");
   });
 
-  cy.get<sinon.SinonStub>("@consoleError").should($console => {
-    const lifecycleErrors = $console.args.filter(args => {
+  cy.get<sinon.SinonStub>("@consoleError").should(($console) => {
+    const lifecycleErrors = $console.args.filter((args) => {
       const message = args.join(" ");
 
       const hasUnsafeLifecycleWarning = message.includes("UNSAFE_component");
diff --git a/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-helpers.tsx b/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-helpers.tsx
index 2d5679ddb0d..912a1568ee9 100644
--- a/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-helpers.tsx
+++ b/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-helpers.tsx
@@ -23,7 +23,7 @@ export const DEFAULT_SDK_AUTH_PROVIDER_CONFIG = {
 };
 
 export const mockAuthProviderAndJwtSignIn = (user = USERS.admin) => {
-  cy.intercept("GET", AUTH_PROVIDER_URL, async req => {
+  cy.intercept("GET", AUTH_PROVIDER_URL, async (req) => {
     try {
       const secret = new TextEncoder().encode(JWT_SHARED_SECRET);
       const token = await new jose.SignJWT({
diff --git a/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-question-helpers.tsx b/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-question-helpers.tsx
index 169b9639b67..e3af9d9deaf 100644
--- a/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-question-helpers.tsx
+++ b/e2e/support/helpers/component-testing-sdk/component-embedding-sdk-question-helpers.tsx
@@ -24,7 +24,7 @@ export function mountInteractiveQuestion(
   cy.intercept("GET", "/api/card/*").as("getCard");
   cy.intercept("POST", "/api/card/*/query").as("cardQuery");
 
-  cy.get<number>("@questionId").then(questionId => {
+  cy.get<number>("@questionId").then((questionId) => {
     mountSdkContent(
       <InteractiveQuestion questionId={questionId} {...extraProps} />,
       mountSdkContentOptions,
@@ -47,7 +47,7 @@ export function mountStaticQuestion(
   cy.intercept("GET", "/api/card/*").as("getCard");
   cy.intercept("POST", "/api/card/*/query").as("cardQuery");
 
-  cy.get<number>("@questionId").then(questionId => {
+  cy.get<number>("@questionId").then((questionId) => {
     mountSdkContent(<StaticQuestion questionId={questionId} {...extraProps} />);
   });
 
diff --git a/e2e/support/helpers/e2e-ad-hoc-question-helpers.js b/e2e/support/helpers/e2e-ad-hoc-question-helpers.js
index 66024ca1212..a5346bcb361 100644
--- a/e2e/support/helpers/e2e-ad-hoc-question-helpers.js
+++ b/e2e/support/helpers/e2e-ad-hoc-question-helpers.js
@@ -140,7 +140,7 @@ export function visitQuestionAdhoc(
   runQueryIfNeeded(question, autorun);
 
   if (mode !== "notebook" && !skipWaiting) {
-    return cy.wait("@" + alias).then(xhr => callback && callback(xhr));
+    return cy.wait("@" + alias).then((xhr) => callback && callback(xhr));
   }
 
   // Ensure chainability
diff --git a/e2e/support/helpers/e2e-command-palette-helpers.js b/e2e/support/helpers/e2e-command-palette-helpers.js
index 49abd01c8c8..a5b1c518a93 100644
--- a/e2e/support/helpers/e2e-command-palette-helpers.js
+++ b/e2e/support/helpers/e2e-command-palette-helpers.js
@@ -31,4 +31,4 @@ export const commandPaletteSearch = (query, viewAll = true) => {
   }
 };
 
-export const commandPaletteAction = name => cy.findByRole("option", { name });
+export const commandPaletteAction = (name) => cy.findByRole("option", { name });
diff --git a/e2e/support/helpers/e2e-custom-column-helpers.ts b/e2e/support/helpers/e2e-custom-column-helpers.ts
index b4432c0820a..f329c9b684e 100644
--- a/e2e/support/helpers/e2e-custom-column-helpers.ts
+++ b/e2e/support/helpers/e2e-custom-column-helpers.ts
@@ -60,10 +60,10 @@ export function enterCustomColumnDetails({
 }
 
 export function checkExpressionEditorHelperPopoverPosition() {
-  expressionEditorTextfield().then($target => {
+  expressionEditorTextfield().then(($target) => {
     const textfieldPosition = $target[0].getBoundingClientRect();
 
-    cy.findByTestId("expression-helper-popover").then($target => {
+    cy.findByTestId("expression-helper-popover").then(($target) => {
       const popoverPosition = $target[0].getBoundingClientRect();
 
       expect(textfieldPosition.top - popoverPosition.top).to.be.lessThan(
@@ -117,7 +117,7 @@ export const CustomExpressionEditor = {
 
     const parts = text.replaceAll("{{", "{{}{{}").split(/(\{[^}]+\})/);
 
-    parts.forEach(part => {
+    parts.forEach((part) => {
       cy.wait(delay);
       switch (part.toLowerCase()) {
         case "":
@@ -183,7 +183,7 @@ export const CustomExpressionEditor = {
 
       const alphabet =
         "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789^[]()-,.;_!@#$%&*+=/<>\" ':;\\";
-      if (unexpanded.split("").some(char => !alphabet.includes(char))) {
+      if (unexpanded.split("").some((char) => !alphabet.includes(char))) {
         throw new Error(
           `unknown character in CustomExpressionEditor.type in ${part}`,
         );
@@ -226,7 +226,7 @@ export const CustomExpressionEditor = {
     // Get the multiline text content of the editor
     return CustomExpressionEditor.textbox()
       .get(".cm-line")
-      .then(lines => {
+      .then((lines) => {
         const text: string[] = [];
         lines.each((_, line) => {
           text.push(line.textContent ?? "");
@@ -269,7 +269,7 @@ export const CustomExpressionEditor = {
     return cy.findByTestId("expression-helper");
   },
   paste(content: string) {
-    CustomExpressionEditor.textbox().then(el => {
+    CustomExpressionEditor.textbox().then((el) => {
       const clipboardData = new DataTransfer();
       clipboardData.setData("text/plain", content);
 
diff --git a/e2e/support/helpers/e2e-downloads-helpers.ts b/e2e/support/helpers/e2e-downloads-helpers.ts
index 7ac41a930ac..fab666bb30d 100644
--- a/e2e/support/helpers/e2e-downloads-helpers.ts
+++ b/e2e/support/helpers/e2e-downloads-helpers.ts
@@ -69,7 +69,7 @@ export function downloadAndAssert(
    * https://github.com/cypress-io/cypress-example-recipes/blob/master/examples/testing-dom__download/cypress/integration/form-submission-spec.js
    */
 
-  cy.intercept(method, endpoint, req => {
+  cy.intercept(method, endpoint, (req) => {
     /**
      * We must redirect in order to avoid Cypress being stuck on waiting for the new page to load.
      * Intentionally redirecting to a non-existing page.
@@ -107,7 +107,7 @@ export function downloadAndAssert(
     if (pivoting != null) {
       cy.findByTestId("keep-data-pivoted")
         .as("keep-data-pivoted")
-        .then($checkbox => {
+        .then(($checkbox) => {
           const isChecked = $checkbox.prop("checked");
 
           const shouldPivot = pivoting === "pivoted";
@@ -122,7 +122,7 @@ export function downloadAndAssert(
 
   cy.wait("@fileDownload")
     .its("request")
-    .then(req => {
+    .then((req) => {
       // The payload for the xlsx is in the binary form
       fileType === "xlsx" && Object.assign(req, { encoding: "binary" });
 
diff --git a/e2e/support/helpers/e2e-dragndrop-helpers.js b/e2e/support/helpers/e2e-dragndrop-helpers.js
index fee28f9b7ed..c6571ca5829 100644
--- a/e2e/support/helpers/e2e-dragndrop-helpers.js
+++ b/e2e/support/helpers/e2e-dragndrop-helpers.js
@@ -8,12 +8,12 @@ export function dragField(startIndex, dropIndex) {
   // eslint-disable-next-line no-unsafe-element-filtering
   cy.get("@dragHandle")
     .eq(dropIndex)
-    .then($target => {
+    .then(($target) => {
       const coordsDrop = $target[0].getBoundingClientRect();
       // eslint-disable-next-line no-unsafe-element-filtering
       cy.get("@dragHandle")
         .eq(startIndex)
-        .then(subject => {
+        .then((subject) => {
           const coordsDrag = subject[0].getBoundingClientRect();
           cy.wrap(subject)
             .trigger("mousedown", {
diff --git a/e2e/support/helpers/e2e-email-helpers.js b/e2e/support/helpers/e2e-email-helpers.js
index 1bb635a0767..c1685dc4466 100644
--- a/e2e/support/helpers/e2e-email-helpers.js
+++ b/e2e/support/helpers/e2e-email-helpers.js
@@ -38,7 +38,7 @@ export const getInbox = () => {
 const getInboxWithRetry = (timeout = INBOX_TIMEOUT) => {
   return cy
     .request("GET", `http://localhost:${WEB_PORT}/email`)
-    .then(response => {
+    .then((response) => {
       if (response.body.length) {
         return cy.wrap(response);
       } else if (timeout > 0) {
@@ -54,22 +54,22 @@ export const clearInbox = () => {
   return cy.request("DELETE", `http://localhost:${WEB_PORT}/email/all`);
 };
 
-export const viewEmailPage = emailSubject => {
+export const viewEmailPage = (emailSubject) => {
   const webmailInterface = `http://localhost:${WEB_PORT}`;
 
-  cy.window().then(win => (win.location.href = webmailInterface));
+  cy.window().then((win) => (win.location.href = webmailInterface));
   cy.findByText(emailSubject).click();
 };
 
-export const openEmailPage = emailSubject => {
+export const openEmailPage = (emailSubject) => {
   const webmailInterface = `http://localhost:${WEB_PORT}`;
 
-  cy.window().then(win => (win.location.href = webmailInterface));
+  cy.window().then((win) => (win.location.href = webmailInterface));
   cy.findAllByText(emailSubject).first().click();
 
-  return cy.hash().then(path => {
+  return cy.hash().then((path) => {
     const htmlPath = `${webmailInterface}${path.slice(1)}/html`;
-    cy.window().then(win => (win.location.href = htmlPath));
+    cy.window().then((win) => (win.location.href = htmlPath));
     cy.findByText(emailSubject);
   });
 };
@@ -81,7 +81,7 @@ export const clickSend = () => {
   cy.wait("@emailSent");
 };
 
-export const openAndAddEmailsToSubscriptions = recipients => {
+export const openAndAddEmailsToSubscriptions = (recipients) => {
   openSharingMenu("Subscriptions");
 
   sidebar().findByText("Set up a dashboard subscription").should("be.visible");
@@ -91,13 +91,13 @@ export const openAndAddEmailsToSubscriptions = recipients => {
   const input = cy
     .findByPlaceholderText("Enter user names or email addresses")
     .click();
-  recipients.forEach(recipient => {
+  recipients.forEach((recipient) => {
     input.type(`${recipient}{enter}`);
   });
   input.blur();
 };
 
-export const setupSubscriptionWithRecipients = recipients => {
+export const setupSubscriptionWithRecipients = (recipients) => {
   openAndAddEmailsToSubscriptions(recipients);
   sidebar().findByText("Done").click();
 };
diff --git a/e2e/support/helpers/e2e-embedding-helpers.js b/e2e/support/helpers/e2e-embedding-helpers.js
index e75f3d64e1f..02013e19b57 100644
--- a/e2e/support/helpers/e2e-embedding-helpers.js
+++ b/e2e/support/helpers/e2e-embedding-helpers.js
@@ -46,7 +46,7 @@ import { openSharingMenu } from "./e2e-sharing-helpers";
  * });
  */
 export function visitEmbeddedPage(payload, options) {
-  getEmbeddedPageUrl(payload, options).then(urlOptions => {
+  getEmbeddedPageUrl(payload, options).then((urlOptions) => {
     // Always visit embedded page logged out
     cy.signOut();
 
@@ -109,7 +109,7 @@ export function getEmbeddedPageUrl(
     return {
       url: urlRoot,
       qs: { ...setFilters, ...qs },
-      onBeforeLoad: window => {
+      onBeforeLoad: (window) => {
         onBeforeLoad?.(window);
         if (urlHash) {
           window.location.hash = urlHash;
@@ -157,7 +157,7 @@ export function getEmbeddedPageUrl(
  * but make sure user is signed out.
  */
 export function visitIframe() {
-  getIframeUrl().then(iframeUrl => {
+  getIframeUrl().then((iframeUrl) => {
     cy.signOut();
     cy.visit(iframeUrl);
   });
@@ -166,7 +166,7 @@ export function visitIframe() {
 function getIframeUrl() {
   modal().findByText("Preview").click();
 
-  return cy.document().then(doc => {
+  return cy.document().then((doc) => {
     const iframe = doc.querySelector("iframe");
 
     return iframe.src;
@@ -253,7 +253,7 @@ export function publishChanges(apiPath, callback) {
   cy.button(/^(Publish|Publish changes)$/).click();
 
   // TODO this could be simplified when we send one publish request instead of two
-  cy.wait(["@publishChanges", "@publishChanges"]).then(xhrs => {
+  cy.wait(["@publishChanges", "@publishChanges"]).then((xhrs) => {
     // Unfortunately, the order of requests is not always the same.
     // Therefore, we must first get the one that has the `embedding_params` and then assert on it.
     const targetXhr = xhrs.find(({ request }) =>
diff --git a/e2e/support/helpers/e2e-embedding-sdk-interactive-question-helpers.tsx b/e2e/support/helpers/e2e-embedding-sdk-interactive-question-helpers.tsx
index 8ff2225f734..a84e6cf1c80 100644
--- a/e2e/support/helpers/e2e-embedding-sdk-interactive-question-helpers.tsx
+++ b/e2e/support/helpers/e2e-embedding-sdk-interactive-question-helpers.tsx
@@ -32,7 +32,7 @@ export function saveInteractiveQuestionAsNewQuestion(options: {
     entityPickerModal().within(() => {
       cy.findByText("Browse").click();
 
-      collectionPickerPath.forEach(collectionName =>
+      collectionPickerPath.forEach((collectionName) =>
         cy.findByText(collectionName).click(),
       );
 
diff --git a/e2e/support/helpers/e2e-enterprise-helpers.js b/e2e/support/helpers/e2e-enterprise-helpers.js
index 42e164bc3e1..049627b4a98 100644
--- a/e2e/support/helpers/e2e-enterprise-helpers.js
+++ b/e2e/support/helpers/e2e-enterprise-helpers.js
@@ -10,7 +10,7 @@ const { IS_ENTERPRISE } = Cypress.env();
  *
  * @param {("all"|"none")} featuresScope
  */
-export const setTokenFeatures = featuresScope => {
+export const setTokenFeatures = (featuresScope) => {
   if (!IS_ENTERPRISE) {
     throw new Error(
       "You must run Metabase® Enterprise Edition™ for token to make sense.\nMake sure you have `MB_EDITION=ee` in your environment variables.",
@@ -66,9 +66,9 @@ export const deleteToken = () => {
   });
 };
 
-export const mockSessionPropertiesTokenFeatures = features => {
-  cy.intercept({ method: "GET", url: "/api/session/properties" }, request => {
-    request.on("response", response => {
+export const mockSessionPropertiesTokenFeatures = (features) => {
+  cy.intercept({ method: "GET", url: "/api/session/properties" }, (request) => {
+    request.on("response", (response) => {
       if (typeof response.body === "object") {
         response.body = {
           ...response.body,
@@ -85,7 +85,7 @@ export const mockSessionPropertiesTokenFeatures = features => {
 // Gets an object that reflects a *partial* premium feature error - it must
 // be a partial, otherwise we would need to have a stack trace in this error
 // object.
-export const getPartialPremiumFeatureError = name => ({
+export const getPartialPremiumFeatureError = (name) => ({
   cause: `${name} is a paid feature not currently available to your instance. Please upgrade to use it. Learn more at metabase.com/upgrade/`,
   data: {
     "status-code": 402,
diff --git a/e2e/support/helpers/e2e-filter-helpers.js b/e2e/support/helpers/e2e-filter-helpers.js
index 4ad2b75ddc5..d70e9c52898 100644
--- a/e2e/support/helpers/e2e-filter-helpers.js
+++ b/e2e/support/helpers/e2e-filter-helpers.js
@@ -46,7 +46,7 @@ export function setFilterListSource({ values }) {
       .clear()
       .type(
         values
-          .map(value => {
+          .map((value) => {
             if (Array.isArray(value)) {
               return value.join(", ");
             }
@@ -62,7 +62,7 @@ export function checkFilterListSourceHasValue({ values }) {
   cy.findByText("Edit").click();
 
   const expectedString = values
-    .map(value => {
+    .map((value) => {
       if (Array.isArray(value)) {
         return value.join(", ");
       }
diff --git a/e2e/support/helpers/e2e-misc-helpers.js b/e2e/support/helpers/e2e-misc-helpers.js
index 1cb9799662c..3d90d271886 100644
--- a/e2e/support/helpers/e2e-misc-helpers.js
+++ b/e2e/support/helpers/e2e-misc-helpers.js
@@ -8,7 +8,7 @@ export function typeAndBlurUsingLabel(label, value) {
 }
 
 export function visitAlias(alias) {
-  cy.get(alias).then(url => {
+  cy.get(alias).then((url) => {
     cy.visit(url);
   });
 }
@@ -45,10 +45,10 @@ export function runButtonOverlay() {
  */
 export function interceptPromise(method, path) {
   const state = {};
-  const promise = new Promise(resolve => {
+  const promise = new Promise((resolve) => {
     state.resolve = resolve;
   });
-  cy.intercept(method, path, req => {
+  cy.intercept(method, path, (req) => {
     return promise.then(() => {
       req.continue();
     });
@@ -75,7 +75,7 @@ const cypressWaitAllRecursive = (results, commands) => {
     return;
   }
 
-  return nextCommand.then(result => {
+  return nextCommand.then((result) => {
     results.push(result);
 
     if (nextCommand == null) {
@@ -105,7 +105,7 @@ export function visitQuestion(questionIdOrAlias) {
   }
 
   if (typeof questionIdOrAlias === "string") {
-    cy.get(questionIdOrAlias).then(id => visitQuestionById(id));
+    cy.get(questionIdOrAlias).then((id) => visitQuestionById(id));
   }
 }
 
@@ -171,7 +171,7 @@ export function visitDashboard(dashboardIdOrAlias, { params = {} } = {}) {
   }
 
   if (typeof dashboardIdOrAlias === "string") {
-    cy.get(dashboardIdOrAlias).then(id => visitDashboardById(id, { params }));
+    cy.get(dashboardIdOrAlias).then((id) => visitDashboardById(id, { params }));
   }
 }
 
@@ -195,7 +195,7 @@ function visitDashboardById(dashboard_id, config) {
     if (tabs?.length > 0 && validQuestions) {
       const firstTab = tabs[0];
       validQuestions = validQuestions.filter(
-        card => card.dashboard_tab_id === firstTab.id,
+        (card) => card.dashboard_tab_id === firstTab.id,
       );
     }
 
@@ -264,7 +264,7 @@ function dashboardHasQuestions(cards) {
 export function interceptIfNotPreviouslyDefined({ method, url, alias } = {}) {
   const aliases = Object.keys(cy.state("aliases") ?? {});
 
-  const isAlreadyDefined = aliases.find(a => a === alias);
+  const isAlreadyDefined = aliases.find((a) => a === alias);
 
   if (!isAlreadyDefined) {
     cy.intercept(method, url).as(alias);
@@ -357,7 +357,7 @@ export function saveSavedQuestion() {
   cy.intercept("PUT", "/api/card/**").as("updateQuestion");
   cy.findByText("Save").click();
 
-  cy.findByTestId("save-question-modal").within(modal => {
+  cy.findByTestId("save-question-modal").within((modal) => {
     cy.findByText("Save").click();
   });
   cy.wait("@updateQuestion");
diff --git a/e2e/support/helpers/e2e-mock-app-settings-helpers.js b/e2e/support/helpers/e2e-mock-app-settings-helpers.js
index 90b079eb3d5..70605f5b62c 100644
--- a/e2e/support/helpers/e2e-mock-app-settings-helpers.js
+++ b/e2e/support/helpers/e2e-mock-app-settings-helpers.js
@@ -1,6 +1,6 @@
 function mockProperty(propertyOrObject, value, url) {
-  cy.intercept("GET", url, req => {
-    req.reply(res => {
+  cy.intercept("GET", url, (req) => {
+    req.reply((res) => {
       if (typeof propertyOrObject === "object") {
         Object.assign(res.body, propertyOrObject);
       }
diff --git a/e2e/support/helpers/e2e-model-index-helper.js b/e2e/support/helpers/e2e-model-index-helper.js
index 36b5888640b..59d96b7d422 100644
--- a/e2e/support/helpers/e2e-model-index-helper.js
+++ b/e2e/support/helpers/e2e-model-index-helper.js
@@ -4,12 +4,12 @@ export function createModelIndex({ modelId, pkName, valueName }) {
     ({ body }) => {
       const pkRef = [
         "field",
-        body.fields.find(f => f.name === pkName).id,
+        body.fields.find((f) => f.name === pkName).id,
         null,
       ];
       const valueRef = [
         "field",
-        body.fields.find(f => f.name === valueName).id,
+        body.fields.find((f) => f.name === valueName).id,
         null,
       ];
 
@@ -17,7 +17,7 @@ export function createModelIndex({ modelId, pkName, valueName }) {
         pk_ref: pkRef,
         value_ref: valueRef,
         model_id: modelId,
-      }).then(response => {
+      }).then((response) => {
         expect(response.body.state).to.equal("indexed");
         expect(response.body.id).to.equal(1);
       });
diff --git a/e2e/support/helpers/e2e-models-metadata-helpers.js b/e2e/support/helpers/e2e-models-metadata-helpers.js
index 618d5cdb75f..2185da61913 100644
--- a/e2e/support/helpers/e2e-models-metadata-helpers.js
+++ b/e2e/support/helpers/e2e-models-metadata-helpers.js
@@ -78,7 +78,7 @@ export function mapColumnTo({ table, column } = {}) {
 }
 
 export function setModelMetadata(modelId, callback) {
-  return cy.request("GET", `/api/card/${modelId}`).then(response => {
+  return cy.request("GET", `/api/card/${modelId}`).then((response) => {
     const { result_metadata } = response.body;
     return cy.request("PUT", `/api/card/${modelId}`, {
       result_metadata: result_metadata.map(callback),
diff --git a/e2e/support/helpers/e2e-native-editor-helpers.ts b/e2e/support/helpers/e2e-native-editor-helpers.ts
index 0bbd77a4c84..1b8ede86222 100644
--- a/e2e/support/helpers/e2e-native-editor-helpers.ts
+++ b/e2e/support/helpers/e2e-native-editor-helpers.ts
@@ -72,7 +72,7 @@ function nativeEditorType(
 
   // HACK: realType does not accept a lot of common escape sequences,
   // so we implement them manually here for the native editor.
-  parts.forEach(part => {
+  parts.forEach((part) => {
     switch (part.toLowerCase()) {
       case "":
         return;
diff --git a/e2e/support/helpers/e2e-permissions-helpers.js b/e2e/support/helpers/e2e-permissions-helpers.js
index 925a9171a3c..1d88aa9f750 100644
--- a/e2e/support/helpers/e2e-permissions-helpers.js
+++ b/e2e/support/helpers/e2e-permissions-helpers.js
@@ -27,7 +27,7 @@ export function modifyPermission(
       if (shouldPropagate !== null) {
         cy.findByRole("switch")
           .as("toggle")
-          .then($el => {
+          .then(($el) => {
             if ($el.attr("aria-checked") !== shouldPropagate.toString()) {
               cy.get("@toggle").click();
             }
@@ -56,7 +56,7 @@ export function assertPermissionTable(rows) {
     .find("tbody > tr")
     .should("have.length", rows.length);
 
-  rows.forEach(row => {
+  rows.forEach((row) => {
     const [item, ...permissions] = row;
 
     getPermissionRowPermissions(item).each(($permissionEl, index) => {
@@ -141,14 +141,14 @@ export function assertDatasetReqIsSandboxed(options = {}) {
 
     // if options to make assertions on a column's data
     if (columnId && columnAssertion) {
-      const colIndex = data.cols.findIndex(c => c.id === columnId);
+      const colIndex = data.cols.findIndex((c) => c.id === columnId);
       expect(colIndex).to.be.gte(0);
 
-      const values = data.rows.map(row => row[colIndex]);
+      const values = data.rows.map((row) => row[colIndex]);
 
       const assertionFn = _.isFunction(columnAssertion)
         ? columnAssertion
-        : val => val === columnAssertion;
+        : (val) => val === columnAssertion;
       const errMsg = `Expected every result in column to be equal to: ${columnAssertion}`;
       expect(values.every(assertionFn)).to.equal(true, errMsg);
     }
diff --git a/e2e/support/helpers/e2e-qa-databases-helpers.js b/e2e/support/helpers/e2e-qa-databases-helpers.js
index b9bf8e9693c..2c981beed6b 100644
--- a/e2e/support/helpers/e2e-qa-databases-helpers.js
+++ b/e2e/support/helpers/e2e-qa-databases-helpers.js
@@ -78,7 +78,7 @@ function addQADatabase(engine, db_display_name, port, enable_actions = false) {
       expect(status).to.equal(200);
       cy.wrap(body.id).as(`${engine}ID`);
     })
-    .then(dbId => {
+    .then((dbId) => {
       // Make sure we have all the metadata because we'll need to use it in tests
       assertOnDatabaseMetadata(engine);
 
@@ -96,7 +96,7 @@ function addQADatabase(engine, db_display_name, port, enable_actions = false) {
 
 function assertOnDatabaseMetadata(engine) {
   cy.request("GET", "/api/database").then(({ body }) => {
-    const { id } = body.data.find(db => {
+    const { id } = body.data.find((db) => {
       return db.engine === engine;
     });
 
@@ -145,11 +145,11 @@ function recursiveCheckFields(id, i = 0) {
         .then(({ body: schema }) => {
           return schema[0].id;
         })
-        .then(tableId => {
+        .then((tableId) => {
           cy.request("GET", `/api/table/${tableId}/query_metadata`).then(
             ({ body: table }) => {
               const field = table.fields.find(
-                field => field.semantic_type !== "type/PK",
+                (field) => field.semantic_type !== "type/PK",
               );
               if (!field.last_analyzed) {
                 recursiveCheckFields(id, ++i);
@@ -191,7 +191,7 @@ export const setupWritableDB = (type = "postgres") => {
   cy.task("connectAndQueryDB", {
     connectionConfig: connectionConfig[type],
     query: dbCheckQuery[type],
-  }).then(results => {
+  }).then((results) => {
     if (!results.rows.length) {
       cy.log(`**-- Adding ${type} DB for actions --**`);
       cy.task("connectAndQueryDB", {
@@ -237,7 +237,7 @@ export function getTableId({ databaseId = WRITABLE_DB_ID, name }) {
   return cy
     .request("GET", `/api/database/${databaseId}/metadata`)
     .then(({ body }) => {
-      const table = body?.tables?.find(table => table.name === name);
+      const table = body?.tables?.find((table) => table.name === name);
       return table ? table.id : null;
     });
 }
@@ -246,7 +246,7 @@ export function getTable({ databaseId = WRITABLE_DB_ID, name }) {
   return cy
     .request("GET", `/api/database/${databaseId}/metadata`)
     .then(({ body }) => {
-      const table = body?.tables?.find(table => table.name === name);
+      const table = body?.tables?.find((table) => table.name === name);
       return table || null;
     });
 }
@@ -256,7 +256,7 @@ export const createModelFromTableName = ({
   modelName = "Test Action Model",
   idAlias = "modelId",
 }) => {
-  getTableId({ name: tableName }).then(tableId => {
+  getTableId({ name: tableName }).then((tableId) => {
     createQuestion(
       {
         database: WRITABLE_DB_ID,
@@ -297,7 +297,7 @@ export function waitForSyncToFinish({
       });
     } else if (tableName) {
       const table = body.tables.find(
-        table =>
+        (table) =>
           table.name === tableName && table.initial_sync_status === "complete",
       );
 
diff --git a/e2e/support/helpers/e2e-request-helpers.js b/e2e/support/helpers/e2e-request-helpers.js
index 2117ae879c9..d19330a80eb 100644
--- a/e2e/support/helpers/e2e-request-helpers.js
+++ b/e2e/support/helpers/e2e-request-helpers.js
@@ -24,7 +24,7 @@
 export function spyRequestFinished(name = "requestFinishedSpy") {
   const spy = cy.spy().as(name);
   return {
-    interceptor: req => req.continue(res => spy(req, res)),
+    interceptor: (req) => req.continue((res) => spy(req, res)),
     spy,
   };
 }
diff --git a/e2e/support/helpers/e2e-search-helpers.js b/e2e/support/helpers/e2e-search-helpers.js
index 2c8f685a04e..ae3ae0d294b 100644
--- a/e2e/support/helpers/e2e-search-helpers.js
+++ b/e2e/support/helpers/e2e-search-helpers.js
@@ -22,7 +22,7 @@ export function expectSearchResultContent({
 
   const searchResultItems = cy.get(searchResultItemSelector);
 
-  searchResultItems.then($results => {
+  searchResultItems.then(($results) => {
     if (strict) {
       // Check if the length of the search results is the same as the expected length
       expect($results).to.have.length(expectedSearchResults.length);
diff --git a/e2e/support/helpers/e2e-snowplow-helpers.js b/e2e/support/helpers/e2e-snowplow-helpers.js
index c8e5bcf6a8c..64ea52dc975 100644
--- a/e2e/support/helpers/e2e-snowplow-helpers.js
+++ b/e2e/support/helpers/e2e-snowplow-helpers.js
@@ -37,7 +37,7 @@ export const expectGoodSnowplowEvent = (eventData, count = 1) => {
     "micro/good",
     ({ body }) => {
       lastReceivedEvent = body?.[0].event?.unstruct_event?.data?.data;
-      lastFoundEventCount = body.filter(snowplowEvent =>
+      lastFoundEventCount = body.filter((snowplowEvent) =>
         isDeepMatch(
           snowplowEvent?.event?.unstruct_event?.data?.data,
           eventData,
@@ -101,7 +101,7 @@ function isArrayDeepMatch(array, partialArray) {
   return true;
 }
 
-export const expectGoodSnowplowEvents = count => {
+export const expectGoodSnowplowEvents = (count) => {
   retrySnowplowRequest("micro/good", ({ body }) => body.length >= count)
     .its("body")
     .should("have.length", count);
@@ -111,7 +111,7 @@ export const expectNoBadSnowplowEvents = () => {
   sendSnowplowRequest("micro/bad").its("body").should("deep.equal", []);
 };
 
-const sendSnowplowRequest = url => {
+const sendSnowplowRequest = (url) => {
   return cy.request({
     url: `${SNOWPLOW_URL}/${url}`,
     json: true,
@@ -124,7 +124,7 @@ const retrySnowplowRequest = (
   messageOrMessageFn = null,
   timeout = SNOWPLOW_TIMEOUT,
 ) => {
-  return sendSnowplowRequest(url).then(response => {
+  return sendSnowplowRequest(url).then((response) => {
     if (condition(response)) {
       return cy.wrap(response);
     } else if (timeout > 0) {
@@ -145,6 +145,6 @@ const retrySnowplowRequest = (
   });
 };
 
-const blockSnowplowRequest = url => {
-  return cy.intercept("POST", `${SNOWPLOW_URL}/${url}`, req => req.destroy());
+const blockSnowplowRequest = (url) => {
+  return cy.intercept("POST", `${SNOWPLOW_URL}/${url}`, (req) => req.destroy());
 };
diff --git a/e2e/support/helpers/e2e-ui-elements-helpers.js b/e2e/support/helpers/e2e-ui-elements-helpers.js
index 6f183a58d98..2a79737a6ff 100644
--- a/e2e/support/helpers/e2e-ui-elements-helpers.js
+++ b/e2e/support/helpers/e2e-ui-elements-helpers.js
@@ -66,7 +66,7 @@ export function entityPickerModalTab(name) {
 
 // displays at least these tabs:
 export function shouldDisplayTabs(tabs) {
-  tabs.forEach(tab => {
+  tabs.forEach((tab) => {
     entityPickerModalTab(tab).should("exist");
   });
 }
@@ -74,7 +74,7 @@ export function shouldDisplayTabs(tabs) {
 export function tabsShouldBe(selected, tabs) {
   cy.log(tabs);
   cy.findAllByRole("tab").should("have.length", tabs.length);
-  tabs.forEach(tab => {
+  tabs.forEach((tab) => {
     if (tab === selected) {
       entityPickerModalTab(tab).and("have.attr", "aria-selected", "true");
     } else {
@@ -203,12 +203,12 @@ export function toggleFilterWidgetValues(
   filterWidget().eq(0).click();
 
   popover().within(() => {
-    values.forEach(value => cy.findByText(value).click());
+    values.forEach((value) => cy.findByText(value).click());
     cy.button(buttonLabel).click();
   });
 }
 
-export const openQuestionActions = action => {
+export const openQuestionActions = (action) => {
   cy.findByTestId("qb-header-action-panel").icon("ellipsis").click();
 
   if (action) {
diff --git a/e2e/support/helpers/e2e-ui-elements-overflow-helpers.js b/e2e/support/helpers/e2e-ui-elements-overflow-helpers.js
index 98a7c8ad4aa..1809c80e9e5 100644
--- a/e2e/support/helpers/e2e-ui-elements-overflow-helpers.js
+++ b/e2e/support/helpers/e2e-ui-elements-overflow-helpers.js
@@ -1,4 +1,4 @@
-export const isScrollableHorizontally = element => {
+export const isScrollableHorizontally = (element) => {
   const { clientHeight, offsetHeight } = element;
   const style = window.getComputedStyle(element);
   const borderTopWidth = parseInt(style.borderTopWidth, 10);
@@ -10,7 +10,7 @@ export const isScrollableHorizontally = element => {
   return isHorizontalScrollbarVisible;
 };
 
-export const isScrollableVertically = element => {
+export const isScrollableVertically = (element) => {
   const { clientWidth, offsetWidth } = element;
   const style = window.getComputedStyle(element);
   const borderLeftWidth = parseInt(style.borderLeftWidth, 10);
@@ -34,7 +34,7 @@ export const assertDescendantNotOverflowsContainer = (
     return;
   }
 
-  const getMessage = suffix => {
+  const getMessage = (suffix) => {
     return [message, suffix].filter(Boolean).join(" ");
   };
 
@@ -48,15 +48,15 @@ export const assertDescendantNotOverflowsContainer = (
   );
 };
 
-export const assertIsEllipsified = element => {
+export const assertIsEllipsified = (element) => {
   expect(isEllipsified(element), "is ellipsified").to.equal(true);
 };
 
-export const assertIsNotEllipsified = element => {
+export const assertIsNotEllipsified = (element) => {
   expect(isEllipsified(element), "is ellipsified").to.equal(false);
 };
 
-export const isEllipsified = element => {
+export const isEllipsified = (element) => {
   return (
     element.scrollHeight > element.clientHeight ||
     element.scrollWidth > element.clientWidth
diff --git a/e2e/support/helpers/e2e-upload-helpers.js b/e2e/support/helpers/e2e-upload-helpers.js
index d80c7e99842..94d49e60704 100644
--- a/e2e/support/helpers/e2e-upload-helpers.js
+++ b/e2e/support/helpers/e2e-upload-helpers.js
@@ -60,7 +60,7 @@ export function uploadFile(
   cy.intercept("POST", "/api/table/*/append-csv").as("appendCSV");
   cy.intercept("POST", "/api/table/*/replace-csv").as("replaceCSV");
 
-  cy.fixture(`${FIXTURE_PATH}/${testFile.fileName}`).then(file => {
+  cy.fixture(`${FIXTURE_PATH}/${testFile.fileName}`).then((file) => {
     cy.get(inputId).selectFile(
       {
         contents: Cypress.Buffer.from(file),
@@ -97,8 +97,8 @@ export function uploadFile(
 
 export function headlessUpload(collectionId, file) {
   cy.fixture(`${FIXTURE_PATH}/${file.fileName}`)
-    .then(file => Cypress.Blob.binaryStringToBlob(file))
-    .then(blob => {
+    .then((file) => Cypress.Blob.binaryStringToBlob(file))
+    .then((blob) => {
       const formData = new FormData();
       formData.append("file", blob, file.fileName);
       formData.append("collection_id", collectionId);
diff --git a/e2e/support/helpers/e2e-visual-tests-helpers.js b/e2e/support/helpers/e2e-visual-tests-helpers.js
index 5da08dfa86c..69f169ed172 100644
--- a/e2e/support/helpers/e2e-visual-tests-helpers.js
+++ b/e2e/support/helpers/e2e-visual-tests-helpers.js
@@ -20,7 +20,7 @@ export function echartsTriggerBlur() {
 }
 
 export function ensureEchartsContainerHasSvg() {
-  return echartsContainer().should(root => {
+  return echartsContainer().should((root) => {
     // Check if there's an SVG child within the element
     expect(root.find("svg").length, "SVG exists").to.be.equal(1);
   });
@@ -68,7 +68,7 @@ export function sankeyEdge(color) {
 }
 
 export function chartPathsWithFillColors(colors) {
-  return colors.map(color => chartPathWithFillColor(color));
+  return colors.map((color) => chartPathWithFillColor(color));
 }
 
 const CIRCLE_PATH = "M1 0A1 1 0 1 1 1 -0.0001";
@@ -85,7 +85,7 @@ export function cartesianChartCircleWithColor(color) {
 }
 
 export function cartesianChartCircleWithColors(colors) {
-  return colors.map(color => cartesianChartCircleWithColor(color));
+  return colors.map((color) => cartesianChartCircleWithColor(color));
 }
 
 export function otherSeriesChartPaths() {
@@ -137,7 +137,7 @@ export function pieSliceWithColor(color) {
 
 export function echartsTooltip() {
   // ECharts may keep two dom instances of the tooltip
-  return cy.findAllByTestId("echarts-tooltip").should($elements => {
+  return cy.findAllByTestId("echarts-tooltip").should(($elements) => {
     // Use a custom function to check if the fixed-position tooltip is visible,
     // as Cypress's ":visible" or "be.visible" fails to identify a fixed-position tooltip as visible.
     const visibleTooltips = $elements
@@ -224,7 +224,7 @@ export function assertEChartsTooltip({ header, rows, footer, blurAfter }) {
     }
 
     if (rows != null) {
-      rows.forEach(row => {
+      rows.forEach((row) => {
         const { name, ...rest } = row;
         assertTooltipRow(name, rest);
       });
@@ -242,7 +242,7 @@ export function assertEChartsTooltip({ header, rows, footer, blurAfter }) {
 
 export function assertEChartsTooltipNotContain(rows) {
   echartsTooltip().within(() => {
-    rows.forEach(row => {
+    rows.forEach((row) => {
       cy.findByText(row).should("not.exist");
     });
   });
diff --git a/e2e/support/helpers/e2e-viz-settings-helpers.js b/e2e/support/helpers/e2e-viz-settings-helpers.js
index f980fdfa9ea..7cf91ff81b7 100644
--- a/e2e/support/helpers/e2e-viz-settings-helpers.js
+++ b/e2e/support/helpers/e2e-viz-settings-helpers.js
@@ -7,7 +7,7 @@ export function openSeriesSettings(field, isBreakout = false) {
       .click({ force: true });
   } else {
     cy.findAllByTestId("chart-setting-select")
-      .then($elements => {
+      .then(($elements) => {
         for (const element of $elements) {
           if (element.value === field) {
             return cy.wrap(element);
diff --git a/e2e/support/integration/visit-dashboard.cy.spec.js b/e2e/support/integration/visit-dashboard.cy.spec.js
index e4ec3c2fb6b..23a48f34b92 100644
--- a/e2e/support/integration/visit-dashboard.cy.spec.js
+++ b/e2e/support/integration/visit-dashboard.cy.spec.js
@@ -4,7 +4,7 @@ import { USERS } from "e2e/support/cypress_data";
 import { setup } from "./visit-dashboard";
 
 describe("visitDashboard e2e helper", () => {
-  Object.keys(Cypress._.omit(USERS, "sandboxed")).forEach(user => {
+  Object.keys(Cypress._.omit(USERS, "sandboxed")).forEach((user) => {
     context(`${user.toUpperCase()}`, () => {
       beforeEach(() => {
         H.restore();
diff --git a/e2e/support/test_tables.js b/e2e/support/test_tables.js
index 474a9102653..7b51bb1d56a 100644
--- a/e2e/support/test_tables.js
+++ b/e2e/support/test_tables.js
@@ -7,11 +7,11 @@
 
 import { ip_addresses_rows, many_data_types_rows } from "./test_tables_data";
 
-export const colors27745 = async dbClient => {
+export const colors27745 = async (dbClient) => {
   const tableName = "colors27745";
 
   await dbClient.schema.dropTableIfExists(tableName);
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.increments("id").primary();
     table.string("name").unique().notNullable();
   });
@@ -25,11 +25,11 @@ export const colors27745 = async dbClient => {
   return null;
 };
 
-export const scoreboard_actions = async dbClient => {
+export const scoreboard_actions = async (dbClient) => {
   const tableName = "scoreboard_actions";
 
   await dbClient.schema.dropTableIfExists(tableName);
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.increments("id").primary();
     table.string("team_name").unique().notNullable();
     table.integer("score").notNullable().defaultTo(0);
@@ -57,12 +57,12 @@ export const scoreboard_actions = async dbClient => {
   return null;
 };
 
-export const many_data_types = async dbClient => {
+export const many_data_types = async (dbClient) => {
   const tableName = "many_data_types";
 
   await dbClient.schema.dropTableIfExists(tableName);
 
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.increments("id").primary();
     table.uuid("uuid");
 
@@ -102,12 +102,12 @@ export const many_data_types = async dbClient => {
   return null;
 };
 
-export const uuid_pk_table = async dbClient => {
+export const uuid_pk_table = async (dbClient) => {
   const tableName = "uuid_pk_table";
 
   await dbClient.schema.dropTableIfExists(tableName);
 
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.uuid("id").primary();
     table.string("name");
   });
@@ -120,12 +120,12 @@ export const uuid_pk_table = async dbClient => {
   return null;
 };
 
-export const composite_pk_table = async dbClient => {
+export const composite_pk_table = async (dbClient) => {
   const tableName = "composite_pk_table";
 
   await dbClient.schema.dropTableIfExists(tableName);
 
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.integer("id1");
     table.string("id2");
     table.string("name");
@@ -145,12 +145,12 @@ export const composite_pk_table = async dbClient => {
   return null;
 };
 
-export const no_pk_table = async dbClient => {
+export const no_pk_table = async (dbClient) => {
   const tableName = "no_pk_table";
 
   await dbClient.schema.dropTableIfExists(tableName);
 
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.string("name");
     table.integer("score");
   });
@@ -167,12 +167,12 @@ export const no_pk_table = async dbClient => {
   return null;
 };
 
-export const bigint_pk_table = async dbClient => {
+export const bigint_pk_table = async (dbClient) => {
   const tableName = "bigint_pk_table";
 
   await dbClient.schema.dropTableIfExists(tableName);
 
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.bigInteger("id").primary();
     table.string("name");
   });
@@ -186,12 +186,12 @@ export const bigint_pk_table = async dbClient => {
   return null;
 };
 
-export const decimal_pk_table = async dbClient => {
+export const decimal_pk_table = async (dbClient) => {
   const tableName = "decimal_pk_table";
 
   await dbClient.schema.dropTableIfExists(tableName);
 
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.decimal("id", 38, 0).primary();
     table.string("name");
   });
@@ -205,7 +205,7 @@ export const decimal_pk_table = async dbClient => {
   return null;
 };
 
-export const multi_schema = async dbClient => {
+export const multi_schema = async (dbClient) => {
   const schemas = {
     Domestic: {
       Animals: [
@@ -229,7 +229,7 @@ export const multi_schema = async dbClient => {
 
     for (const [table, rows] of Object.entries(tables)) {
       await dbClient.schema.withSchema(schema).dropTableIfExists(table);
-      await dbClient.schema.withSchema(schema).createTable(table, t => {
+      await dbClient.schema.withSchema(schema).createTable(table, (t) => {
         t.string("name");
         t.integer("score");
       });
@@ -240,12 +240,12 @@ export const multi_schema = async dbClient => {
   return schemas;
 };
 
-export const ip_addresses = async dbClient => {
+export const ip_addresses = async (dbClient) => {
   const tableName = "ip_addresses";
 
   await dbClient.schema.dropTableIfExists(tableName);
 
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.text("count");
   });
 
@@ -255,10 +255,10 @@ export const ip_addresses = async dbClient => {
   return null;
 };
 
-export const many_schemas = async dbClient => {
+export const many_schemas = async (dbClient) => {
   const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("");
   const schemas = Object.fromEntries(
-    alphabet.map(letter => {
+    alphabet.map((letter) => {
       const key = `Schema ${letter}`;
       const value = [
         "Animals",
@@ -277,7 +277,7 @@ export const many_schemas = async dbClient => {
     await dbClient.schema.createSchemaIfNotExists(schemaName);
     await dbClient.schema.withSchema(schemaName).dropTableIfExists(table);
 
-    await dbClient.schema.withSchema(schemaName).createTable(table, t => {
+    await dbClient.schema.withSchema(schemaName).createTable(table, (t) => {
       t.string("name");
       t.integer("score");
     });
@@ -288,11 +288,11 @@ export const many_schemas = async dbClient => {
   return schemas;
 };
 
-export const cached_table = async dbClient => {
+export const cached_table = async (dbClient) => {
   const tableName = "cached_table";
 
   await dbClient.schema.dropTableIfExists(tableName);
-  await dbClient.schema.createTable(tableName, table => {
+  await dbClient.schema.createTable(tableName, (table) => {
     table.increments("id").primary();
     table.string("my_text").notNullable();
   });
diff --git a/e2e/test-component/scenarios/embedding-sdk/collection-browser.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/collection-browser.cy.spec.tsx
index de51c8c1ea9..8a06f5f8038 100644
--- a/e2e/test-component/scenarios/embedding-sdk/collection-browser.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/collection-browser.cy.spec.tsx
@@ -17,7 +17,7 @@ describe("scenarios > embedding-sdk > collection browser", () => {
       cy.intercept("GET", "/api/collection/*").as("getCollection");
     });
 
-    ["personal", undefined].forEach(collectionId => {
+    ["personal", undefined].forEach((collectionId) => {
       it(`should show the personal collection when collectionId is ${collectionId ? collectionId : "not passed"}`, () => {
         cy.intercept("GET", "/api/user/current").as("getCurrentUser");
 
@@ -28,7 +28,7 @@ describe("scenarios > embedding-sdk > collection browser", () => {
         cy.wait("@getCurrentUser").then(({ response }) => {
           const personalCollectionId = response?.body.personal_collection_id;
 
-          cy.wait("@getCollection").then(collectionInterception => {
+          cy.wait("@getCollection").then((collectionInterception) => {
             expect(collectionInterception.request.url).to.include(
               `/api/collection/${personalCollectionId}`,
             );
@@ -44,7 +44,7 @@ describe("scenarios > embedding-sdk > collection browser", () => {
     it("should use the root collection if collectionId is 'root'", () => {
       mountSdkContent(<CollectionBrowser collectionId="root" />);
 
-      cy.wait("@getCollection").then(interception => {
+      cy.wait("@getCollection").then((interception) => {
         expect(interception.request.url).to.include("/api/collection/root");
       });
     });
diff --git a/e2e/test-component/scenarios/embedding-sdk/create-dashboard.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/create-dashboard.cy.spec.tsx
index 330c906e7f5..8eb05aabffc 100644
--- a/e2e/test-component/scenarios/embedding-sdk/create-dashboard.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/create-dashboard.cy.spec.tsx
@@ -36,7 +36,7 @@ describe("scenarios > embedding-sdk > create-dashboard modal", () => {
       cy.wait("@getCurrentUser").then(({ response }) => {
         const personalCollectionId = response?.body.personal_collection_id;
 
-        cy.wait("@createDashboard").then(interception => {
+        cy.wait("@createDashboard").then((interception) => {
           expect(interception.request.body.collection_id).to.equal(
             personalCollectionId,
           );
@@ -56,7 +56,7 @@ describe("scenarios > embedding-sdk > create-dashboard modal", () => {
       cy.wait("@getCurrentUser").then(({ response }) => {
         const personalCollectionId = response?.body.personal_collection_id;
 
-        cy.wait("@createDashboard").then(interception => {
+        cy.wait("@createDashboard").then((interception) => {
           expect(interception.request.body.collection_id).to.equal(
             personalCollectionId,
           );
@@ -81,7 +81,7 @@ describe("scenarios > embedding-sdk > create-dashboard modal", () => {
 
       fillAndSubmitForm();
 
-      cy.wait("@createDashboard").then(interception => {
+      cy.wait("@createDashboard").then((interception) => {
         expect(interception.request.body.collection_id).to.equal(null);
       });
     });
diff --git a/e2e/test-component/scenarios/embedding-sdk/dashboard-click-behavior.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/dashboard-click-behavior.cy.spec.tsx
index a79f8738bb4..95c7c623378 100644
--- a/e2e/test-component/scenarios/embedding-sdk/dashboard-click-behavior.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/dashboard-click-behavior.cy.spec.tsx
@@ -110,16 +110,16 @@ describe("scenarios > embedding-sdk > dashboard-click-behavior", () => {
   it("should not trigger url click behaviors in the sdk (metabase#51099)", () => {
     // Spies to intercept opening external links.
     // See "clickLink" in frontend/src/metabase/lib/dom.js to see what we are intercepting.
-    cy.window().then(win => {
+    cy.window().then((win) => {
       cy.spy(win.HTMLAnchorElement.prototype, "click").as("anchorClick");
     });
 
-    cy.get<string>("@dashboardId").then(dashboardId => {
+    cy.get<string>("@dashboardId").then((dashboardId) => {
       mountSdkContent(<InteractiveDashboard dashboardId={dashboardId} />);
     });
 
     cy.wait("@dashcardQuery").then(() => {
-      cy.location().then(location => {
+      cy.location().then((location) => {
         cy.wrap(location.pathname).as("initialPath");
       });
 
@@ -155,7 +155,7 @@ describe("scenarios > embedding-sdk > dashboard-click-behavior", () => {
       });
 
       // We should never open a window in new tab in this test.
-      cy.get<sinon.SinonSpy>("@anchorClick").then(clickSpy => {
+      cy.get<sinon.SinonSpy>("@anchorClick").then((clickSpy) => {
         const blankClicks = clickSpy
           .getCalls()
           .filter(
@@ -166,7 +166,7 @@ describe("scenarios > embedding-sdk > dashboard-click-behavior", () => {
       });
 
       // We should never be navigated away from the current page in this test.
-      cy.location().then(location => {
+      cy.location().then((location) => {
         cy.get("@initialPath").should("eq", location.pathname);
       });
     });
@@ -176,7 +176,7 @@ describe("scenarios > embedding-sdk > dashboard-click-behavior", () => {
     cy.intercept("GET", "/api/card/*").as("getCard");
     cy.intercept("POST", "/api/dataset/query_metadata").as("datasetMetadata");
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       mountSdkContent(<EditableDashboard dashboardId={dashboardId} />);
     });
 
diff --git a/e2e/test-component/scenarios/embedding-sdk/data-picker.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/data-picker.cy.spec.tsx
index 16cd2e15fde..d388c97b41b 100644
--- a/e2e/test-component/scenarios/embedding-sdk/data-picker.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/data-picker.cy.spec.tsx
@@ -48,9 +48,9 @@ describe("scenarios > embedding-sdk > interactive-question > creating a question
 
   describe("multi-stage picker", () => {
     beforeEach(() => {
-      cy.intercept("GET", "/api/search*", req => {
+      cy.intercept("GET", "/api/search*", (req) => {
         if (req.query.limit === "0") {
-          req.continue(res => {
+          req.continue((res) => {
             // The data picker will fall back to multi-stage picker if there are more than or equal 100 tables and models
             res.body.total = 100;
           });
diff --git a/e2e/test-component/scenarios/embedding-sdk/editable-dashboard.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/editable-dashboard.cy.spec.tsx
index 396c96ddeb3..28b68ad2a1f 100644
--- a/e2e/test-component/scenarios/embedding-sdk/editable-dashboard.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/editable-dashboard.cy.spec.tsx
@@ -40,7 +40,7 @@ describe("scenarios > embedding-sdk > editable-dashboard", () => {
   });
 
   it("Should not open sidesheet when clicking last edit info (metabase#48354)", () => {
-    cy.get<string>("@dashboardId").then(dashboardId => {
+    cy.get<string>("@dashboardId").then((dashboardId) => {
       mountSdkContent(<EditableDashboard dashboardId={dashboardId} />);
     });
 
@@ -86,7 +86,7 @@ describe("scenarios > embedding-sdk > editable-dashboard", () => {
 
     successTestCases.forEach(({ name, dashboardIdAlias }) => {
       it(`should load dashboard content for ${name}`, () => {
-        cy.get(dashboardIdAlias).then(dashboardId => {
+        cy.get(dashboardIdAlias).then((dashboardId) => {
           mountSdkContent(<EditableDashboard dashboardId={dashboardId} />);
         });
 
@@ -162,7 +162,7 @@ describe("scenarios > embedding-sdk > editable-dashboard", () => {
     });
 
     it('should drill dashboards with filter values and not showing "Question not found" error (EMB-84)', () => {
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         mountSdkContent(<EditableDashboard dashboardId={dashboardId} />);
       });
 
@@ -172,7 +172,7 @@ describe("scenarios > embedding-sdk > editable-dashboard", () => {
        * This seems to be the only reliable way to force the error to stay, and we will resolve
        * the promise that will cause the error to go away manually after asserting that it's not there.
        */
-      cy.intercept("get", "/api/card/*", req => {
+      cy.intercept("get", "/api/card/*", (req) => {
         return promise.then(() => {
           req.continue();
         });
@@ -191,7 +191,7 @@ describe("scenarios > embedding-sdk > editable-dashboard", () => {
   });
 
   it("should not show New Question button in sidebar (metabase#53896)", () => {
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       mountSdkContent(<EditableDashboard dashboardId={dashboardId} />);
     });
 
diff --git a/e2e/test-component/scenarios/embedding-sdk/interactive-dashboard.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/interactive-dashboard.cy.spec.tsx
index 828db64db7c..dc4f73d354b 100644
--- a/e2e/test-component/scenarios/embedding-sdk/interactive-dashboard.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/interactive-dashboard.cy.spec.tsx
@@ -78,7 +78,7 @@ describe("scenarios > embedding-sdk > interactive-dashboard", () => {
   });
 
   it("should be able to display custom question layout when clicking on dashboard cards", () => {
-    cy.get<string>("@dashboardId").then(dashboardId => {
+    cy.get<string>("@dashboardId").then((dashboardId) => {
       mountSdkContent(
         <InteractiveDashboard
           dashboardId={dashboardId}
@@ -130,7 +130,7 @@ describe("scenarios > embedding-sdk > interactive-dashboard", () => {
 
     successTestCases.forEach(({ name, dashboardIdAlias }) => {
       it(`should load dashboard content for ${name}`, () => {
-        cy.get(dashboardIdAlias).then(dashboardId => {
+        cy.get(dashboardIdAlias).then((dashboardId) => {
           mountSdkContent(<InteractiveDashboard dashboardId={dashboardId} />);
         });
 
@@ -161,7 +161,7 @@ describe("scenarios > embedding-sdk > interactive-dashboard", () => {
   });
 
   it('should drill dashboards with filter values and not showing "Question not found" error (EMB-84)', () => {
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       mountSdkContent(<InteractiveDashboard dashboardId={dashboardId} />);
     });
 
@@ -174,7 +174,7 @@ describe("scenarios > embedding-sdk > interactive-dashboard", () => {
      * This seems to be the only reliable way to force the error to stay, and we will resolve
      * the promise that will cause the error to go away manually after asserting that it's not there.
      */
-    cy.intercept("get", "/api/card/*", req => {
+    cy.intercept("get", "/api/card/*", (req) => {
       return promise.then(() => {
         req.continue();
       });
diff --git a/e2e/test-component/scenarios/embedding-sdk/interactive-question-theming.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/interactive-question-theming.cy.spec.tsx
index ecfa4ef8da3..4424a27996d 100644
--- a/e2e/test-component/scenarios/embedding-sdk/interactive-question-theming.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/interactive-question-theming.cy.spec.tsx
@@ -58,7 +58,7 @@ describe(
         },
       };
 
-      cy.get<number>("@questionId").then(questionId => {
+      cy.get<number>("@questionId").then((questionId) => {
         mountSdkContent(
           <Box bg={theme.colors?.background} h="100vh">
             <InteractiveQuestion questionId={questionId} />
@@ -78,18 +78,18 @@ describe(
         cy.findByTestId("notebook-button")
           .should("be.visible")
           .realHover()
-          .should($el => haveBackgroundColor($el, buttonHoverBg));
+          .should(($el) => haveBackgroundColor($el, buttonHoverBg));
 
         // Should be the lightened version of the background color
         cy.findByTestId("chart-type-selector-button")
           .should("be.visible")
           .realHover()
-          .should($el => haveBackgroundColor($el, buttonHoverBg));
+          .should(($el) => haveBackgroundColor($el, buttonHoverBg));
 
         cy.findByTestId("notebook-button").click();
 
         // Should be the lightened version of the background color, same as the notebook button hover.
-        cy.get(customColumn).should($el =>
+        cy.get(customColumn).should(($el) =>
           haveBackgroundColor($el, buttonHoverBg),
         );
 
@@ -97,7 +97,7 @@ describe(
         cy.get(customColumn)
           .should("be.visible")
           .realHover()
-          .should($el =>
+          .should(($el) =>
             haveBackgroundColor($el, lighten(theme.colors?.background, 0.4)),
           );
       });
@@ -114,7 +114,7 @@ describe(
         },
       };
 
-      cy.get<number>("@questionId").then(questionId => {
+      cy.get<number>("@questionId").then((questionId) => {
         mountSdkContent(
           <Box bg={theme.colors?.background} h="100vh">
             <InteractiveQuestion questionId={questionId} />
@@ -131,7 +131,7 @@ describe(
         cy.findByTestId("notebook-button").click();
 
         // Should be the slightly darker version of the background color, same as the notebook button hover
-        cy.get(customColumn).should($el =>
+        cy.get(customColumn).should(($el) =>
           haveBackgroundColor($el, darken(theme.colors?.background, 0.05)),
         );
 
@@ -139,7 +139,7 @@ describe(
         cy.get(customColumn)
           .should("be.visible")
           .realHover()
-          .should($el =>
+          .should(($el) =>
             haveBackgroundColor($el, darken(theme.colors?.background, 0.1)),
           );
       });
diff --git a/e2e/test-component/scenarios/embedding-sdk/interactive-question.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/interactive-question.cy.spec.tsx
index 7f8ab7a7f8b..c849648a9de 100644
--- a/e2e/test-component/scenarios/embedding-sdk/interactive-question.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/interactive-question.cy.spec.tsx
@@ -74,7 +74,7 @@ describe("scenarios > embedding-sdk > interactive-question", () => {
     // eslint-disable-next-line no-unsafe-element-filtering
     cy.findAllByTestId("cell-data").last().click();
 
-    cy.on("uncaught:exception", error => {
+    cy.on("uncaught:exception", (error) => {
       expect(
         error.message.includes(
           "Error converting :aggregation reference: no aggregation at index 0",
@@ -98,7 +98,7 @@ describe("scenarios > embedding-sdk > interactive-question", () => {
     const lastColumnName = "Max of Quantity";
     const columnNames = [firstColumnName, lastColumnName];
 
-    columnNames.forEach(columnName => {
+    columnNames.forEach((columnName) => {
       tableInteractive().findByText(columnName).should("be.visible");
 
       tableHeaderClick(columnName);
@@ -206,7 +206,7 @@ describe("scenarios > embedding-sdk > interactive-question", () => {
       </Box>
     );
 
-    cy.get<string>("@questionId").then(questionId => {
+    cy.get<string>("@questionId").then((questionId) => {
       mountSdkContent(<TestSuiteComponent questionId={questionId} />);
     });
 
@@ -270,7 +270,7 @@ describe("scenarios > embedding-sdk > interactive-question", () => {
     const onBeforeSaveSpy = cy.spy().as("onBeforeSaveSpy");
     const onSaveSpy = cy.spy().as("onSaveSpy");
 
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       mountSdkContent(
         <TestComponent
           questionId={questionId}
@@ -311,13 +311,13 @@ describe("scenarios > embedding-sdk > interactive-question", () => {
     // Expect the default summarization view to be there.
     cy.findByTestId("aggregation-picker").should("be.visible");
 
-    cy.on("uncaught:exception", error => {
+    cy.on("uncaught:exception", (error) => {
       expect(error.message.includes("Stage 1 does not exist")).to.be.false;
     });
   });
 
   it("does not contain known console errors (metabase#48497)", () => {
-    cy.get<number>("@questionId").then(questionId => {
+    cy.get<number>("@questionId").then((questionId) => {
       mountSdkContentAndAssertNoKnownErrors(
         <InteractiveQuestion questionId={questionId} />,
       );
@@ -353,7 +353,7 @@ describe("scenarios > embedding-sdk > interactive-question", () => {
 
     successTestCases.forEach(({ name, questionIdAlias }) => {
       it(`should load question content for ${name}`, () => {
-        cy.get(questionIdAlias).then(questionId => {
+        cy.get(questionIdAlias).then((questionId) => {
           mountInteractiveQuestion({ questionId });
         });
 
diff --git a/e2e/test-component/scenarios/embedding-sdk/locale-on-provider.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/locale-on-provider.cy.spec.tsx
index ef0a9ccf610..413fde67653 100644
--- a/e2e/test-component/scenarios/embedding-sdk/locale-on-provider.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/locale-on-provider.cy.spec.tsx
@@ -50,7 +50,7 @@ describe("scenarios > embedding-sdk > locale set on MetabaseProvider", () => {
   it("when locale=de-CH it should fallback to `de.json`", () => {
     setup({ locale: "de-CH" });
 
-    cy.request("/app/locales/de.json").then(response => {
+    cy.request("/app/locales/de.json").then((response) => {
       expect(response.status).to.eq(200);
     });
 
@@ -60,7 +60,7 @@ describe("scenarios > embedding-sdk > locale set on MetabaseProvider", () => {
   it("when locale=pt it should fallback to pt_BR.json", () => {
     setup({ locale: "pt" });
 
-    cy.request("/app/locales/pt_BR.json").then(response => {
+    cy.request("/app/locales/pt_BR.json").then((response) => {
       expect(response.status).to.eq(200);
     });
 
@@ -70,7 +70,7 @@ describe("scenarios > embedding-sdk > locale set on MetabaseProvider", () => {
   it("when locale=zh-TW it use it as it's available", () => {
     setup({ locale: "zh-TW" });
 
-    cy.request("/app/locales/zh_TW.json").then(response => {
+    cy.request("/app/locales/zh_TW.json").then((response) => {
       expect(response.status).to.eq(200);
     });
 
diff --git a/e2e/test-component/scenarios/embedding-sdk/plugins.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/plugins.cy.spec.tsx
index 0d49543bc96..aa8942c6a69 100644
--- a/e2e/test-component/scenarios/embedding-sdk/plugins.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/plugins.cy.spec.tsx
@@ -79,7 +79,7 @@ describe("scenarios > embedding-sdk > plugins", () => {
     });
 
     it("should open a click actions popover with a custom item", () => {
-      cy.get<string>("@dashboardId").then(dashboardId => {
+      cy.get<string>("@dashboardId").then((dashboardId) => {
         mountSdkContent(
           <InteractiveDashboard
             dashboardId={dashboardId}
diff --git a/e2e/test-component/scenarios/embedding-sdk/redux-provider-clash.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/redux-provider-clash.cy.spec.tsx
index acadb60a086..ccb230e33d6 100644
--- a/e2e/test-component/scenarios/embedding-sdk/redux-provider-clash.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/redux-provider-clash.cy.spec.tsx
@@ -70,7 +70,7 @@ const slice = createSlice({
     value: 0,
   },
   reducers: {
-    increment: state => {
+    increment: (state) => {
       state.value += 1;
     },
   },
diff --git a/e2e/test-component/scenarios/embedding-sdk/static-dashboard.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/static-dashboard.cy.spec.tsx
index b0932366b73..0f03df24bef 100644
--- a/e2e/test-component/scenarios/embedding-sdk/static-dashboard.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/static-dashboard.cy.spec.tsx
@@ -49,7 +49,7 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
   });
 
   it("should render dashboard content", () => {
-    cy.get<string>("@dashboardId").then(dashboardId => {
+    cy.get<string>("@dashboardId").then((dashboardId) => {
       mountSdkContent(<StaticDashboard dashboardId={dashboardId} />);
     });
 
@@ -68,7 +68,7 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
   });
 
   it("should show fullscreen mode control by default", () => {
-    cy.get<string>("@dashboardId").then(dashboardId => {
+    cy.get<string>("@dashboardId").then((dashboardId) => {
       mountSdkContent(<StaticDashboard dashboardId={dashboardId} />);
     });
 
@@ -110,7 +110,7 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
 
     successTestCases.forEach(({ name, dashboardIdAlias }) => {
       it(`should load dashboard content for ${name}`, () => {
-        cy.get(dashboardIdAlias).then(dashboardId => {
+        cy.get(dashboardIdAlias).then((dashboardId) => {
           mountSdkContent(<StaticDashboard dashboardId={dashboardId} />);
         });
 
diff --git a/e2e/test-component/scenarios/embedding-sdk/static-question.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/static-question.cy.spec.tsx
index 62af07e9e7a..50c5f22ca3b 100644
--- a/e2e/test-component/scenarios/embedding-sdk/static-question.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/static-question.cy.spec.tsx
@@ -69,7 +69,7 @@ describe("scenarios > embedding-sdk > static-question", () => {
 
     successTestCases.forEach(({ name, questionIdAlias }) => {
       it(`should load question content for ${name}`, () => {
-        cy.get(questionIdAlias).then(questionId => {
+        cy.get(questionIdAlias).then((questionId) => {
           mountStaticQuestion({ questionId });
         });
 
diff --git a/e2e/test-component/scenarios/embedding-sdk/styles-tests.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/styles-tests.cy.spec.tsx
index 8326a986353..c55e82b8e53 100644
--- a/e2e/test-component/scenarios/embedding-sdk/styles-tests.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/styles-tests.cy.spec.tsx
@@ -140,7 +140,7 @@ describe("scenarios > embedding-sdk > styles", () => {
         expect(response?.statusCode).to.equal(200);
       });
 
-      cy.get("@defaultBrowserFontFamily").then(defaultBrowserFontFamily => {
+      cy.get("@defaultBrowserFontFamily").then((defaultBrowserFontFamily) => {
         cy.findByText("This is outside of the provider").should(
           "have.css",
           "font-family",
@@ -182,7 +182,7 @@ describe("scenarios > embedding-sdk > styles", () => {
 
       cy.wait("@getUser");
 
-      cy.get("@defaultBrowserFontFamily").then(defaultBrowserFontFamily => {
+      cy.get("@defaultBrowserFontFamily").then((defaultBrowserFontFamily) => {
         cy.findByText("This is outside of the provider").should(
           "have.css",
           "font-family",
@@ -372,7 +372,7 @@ describe("scenarios > embedding-sdk > styles", () => {
       { tag: "textarea", jsx: <textarea>textarea tag text</textarea> },
     ];
 
-    it(`no css rule should match ${elements.map(e => e.tag).join(", ")} outside of the provider`, () => {
+    it(`no css rule should match ${elements.map((e) => e.tag).join(", ")} outside of the provider`, () => {
       cy.mount(
         <div>
           {elements.map(({ jsx }) => jsx)}
@@ -393,7 +393,7 @@ describe("scenarios > embedding-sdk > styles", () => {
 });
 
 const expectElementToHaveNoAppliedCssRules = (selector: string) => {
-  cy.get(selector).then($el => {
+  cy.get(selector).then(($el) => {
     const rules = getCssRulesThatApplyToElement($el);
     if (rules.length > 0) {
       console.warn("rules matching", selector, rules);
@@ -406,12 +406,12 @@ const getCssRulesThatApplyToElement = ($element: JQuery<HTMLElement>) => {
   const element = $element[0];
   const rulesThatMatch: CSSStyleRule[] = Array.from(
     document.styleSheets,
-  ).flatMap(sheet => {
+  ).flatMap((sheet) => {
     const cssRules = Array.from(sheet.cssRules).filter(
-      rule => rule instanceof CSSStyleRule,
+      (rule) => rule instanceof CSSStyleRule,
     ) as CSSStyleRule[];
 
-    return cssRules.filter(rule => element.matches(rule.selectorText));
+    return cssRules.filter((rule) => element.matches(rule.selectorText));
   });
 
   return rulesThatMatch;
@@ -420,7 +420,7 @@ const getCssRulesThatApplyToElement = ($element: JQuery<HTMLElement>) => {
 function wrapBrowserDefaultFont() {
   cy.mount(<p>paragraph with default browser font</p>);
 
-  cy.findByText("paragraph with default browser font").then($element => {
+  cy.findByText("paragraph with default browser font").then(($element) => {
     const fontFamily = $element.css("font-family");
     cy.wrap(fontFamily).as("defaultBrowserFontFamily");
   });
diff --git a/e2e/test-component/scenarios/embedding-sdk/tooltip-reproductions.cy.spec.tsx b/e2e/test-component/scenarios/embedding-sdk/tooltip-reproductions.cy.spec.tsx
index ec9354e0fb7..ee0d946b0f4 100644
--- a/e2e/test-component/scenarios/embedding-sdk/tooltip-reproductions.cy.spec.tsx
+++ b/e2e/test-component/scenarios/embedding-sdk/tooltip-reproductions.cy.spec.tsx
@@ -38,7 +38,7 @@ describe("scenarios > embedding-sdk > tooltip-reproductions", () => {
           ],
         }),
       )
-      .then(dashboard => {
+      .then((dashboard) => {
         cy.wrap(dashboard.body.id).as("dashboardId");
       });
 
@@ -60,8 +60,8 @@ describe("scenarios > embedding-sdk > tooltip-reproductions", () => {
       { input: undefined, expected: 201 },
     ];
 
-    testCases.forEach(zIndexTestCase => {
-      cy.get("@dashboardId").then(dashboardId => {
+    testCases.forEach((zIndexTestCase) => {
+      cy.get("@dashboardId").then((dashboardId) => {
         mountSdkContent(<InteractiveDashboard dashboardId={dashboardId} />, {
           sdkProviderProps: {
             theme: {
@@ -78,7 +78,7 @@ describe("scenarios > embedding-sdk > tooltip-reproductions", () => {
       cy.findAllByTestId("echarts-tooltip")
         .eq(0)
         .should("exist")
-        .then($tooltip => {
+        .then(($tooltip) => {
           const tooltipElement = $tooltip[0];
 
           // a fixed-position tooltip should be visible
diff --git a/e2e/test/scenarios/actions/actions-in-object-detail-view.cy.spec.js b/e2e/test/scenarios/actions/actions-in-object-detail-view.cy.spec.js
index 544068f4022..82a9c67c197 100644
--- a/e2e/test/scenarios/actions/actions-in-object-detail-view.cy.spec.js
+++ b/e2e/test/scenarios/actions/actions-in-object-detail-view.cy.spec.js
@@ -54,7 +54,7 @@ describe(
     describe("in dashboard", () => {
       beforeEach(() => {
         asAdmin(() => {
-          cy.get("@modelId").then(modelId => {
+          cy.get("@modelId").then((modelId) => {
             H.createImplicitActions({ modelId });
 
             H.createQuestionAndDashboard({
@@ -103,7 +103,7 @@ describe(
 
         permissionLevels.forEach(({ name, permissionFn }) => {
           it(`should be able to run update and delete actions when enabled for a ${name} user`, () => {
-            cy.get("@modelId").then(modelId => {
+            cy.get("@modelId").then((modelId) => {
               permissionFn(() => {
                 cy.log(
                   `As ${name} user: verify there are no model actions to run`,
@@ -130,7 +130,7 @@ describe(
                 cy.log(`As ${name} user: verify update form gets prefilled`);
                 openUpdateObjectModal();
                 actionExecuteModal().within(() => {
-                  cy.wait("@prefetchValues").then(request => {
+                  cy.wait("@prefetchValues").then((request) => {
                     const firstScoreRow = request.response.body;
 
                     actionForm().within(() => {
@@ -155,7 +155,7 @@ describe(
                 );
                 openUpdateObjectModal();
                 actionExecuteModal().within(() => {
-                  cy.wait("@prefetchValues").then(request => {
+                  cy.wait("@prefetchValues").then((request) => {
                     const secondScoreRow = request.response.body;
 
                     actionForm().within(() => {
@@ -191,7 +191,7 @@ describe(
 
       cy.signInAsAdmin();
 
-      cy.get("@modelId").then(modelId => {
+      cy.get("@modelId").then((modelId) => {
         H.createImplicitActions({ modelId });
         visitObjectDetail(modelId, FIRST_SCORE_ROW_ID);
         openUpdateObjectModal();
diff --git a/e2e/test/scenarios/actions/actions-on-dashboards.cy.spec.js b/e2e/test/scenarios/actions/actions-on-dashboards.cy.spec.js
index b81b53dcc9d..e6dfc9387a2 100644
--- a/e2e/test/scenarios/actions/actions-on-dashboards.cy.spec.js
+++ b/e2e/test/scenarios/actions/actions-on-dashboards.cy.spec.js
@@ -11,7 +11,7 @@ const TEST_TABLE = "scoreboard_actions";
 const TEST_COLUMNS_TABLE = "many_data_types";
 const MODEL_NAME = "Test Action Model";
 
-["mysql", "postgres"].forEach(dialect => {
+["mysql", "postgres"].forEach((dialect) => {
   describe(
     `Write Actions on Dashboards (${dialect})`,
     { tags: ["@external", "@actions"] },
@@ -51,7 +51,7 @@ const MODEL_NAME = "Test Action Model";
         });
 
         it("action creation modal can be closed on click outside (WRK-67)", () => {
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             cy.visit(`/model/${id}/detail`);
             cy.wait(["@getModel", "@getModelActions"]);
           });
@@ -79,12 +79,12 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_TABLE} WHERE id = 1`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             expect(result.rows.length).to.equal(1);
             expect(result.rows[0].score).to.equal(0);
           });
 
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             cy.visit(`/model/${id}/detail`);
             cy.wait(["@getModel", "@getModelActions"]);
           });
@@ -103,7 +103,7 @@ const MODEL_NAME = "Test Action Model";
           reorderFields();
 
           cy.findByRole("dialog").within(() => {
-            cy.findAllByText("Number").each(el => {
+            cy.findAllByText("Number").each((el) => {
               cy.wrap(el).click();
             });
             cy.findByText("Save").click();
@@ -136,14 +136,14 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_TABLE} WHERE id = 1`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             expect(result.rows.length).to.equal(1);
             expect(result.rows[0].score).to.equal(55);
           });
         });
 
         it("adds an implicit create action to a dashboard and runs it", () => {
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             H.createImplicitAction({
               kind: "create",
               model_id: id,
@@ -172,7 +172,7 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_TABLE} WHERE team_name = 'Zany Zebras'`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             expect(result.rows.length).to.equal(1);
 
             expect(result.rows[0].score).to.equal(44);
@@ -182,7 +182,7 @@ const MODEL_NAME = "Test Action Model";
         it("adds an implicit update action to a dashboard and runs it", () => {
           const actionName = "Update";
 
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             H.createImplicitAction({
               kind: "update",
               model_id: id,
@@ -224,7 +224,7 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_TABLE} WHERE team_name = 'Emotional Elephants'`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             expect(result.rows.length).to.equal(1);
 
             expect(result.rows[0].score).to.equal(88);
@@ -235,12 +235,12 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_TABLE} WHERE team_name = 'Cuddly Cats'`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             expect(result.rows.length).to.equal(1);
             expect(result.rows[0].id).to.equal(3);
           });
 
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             H.createImplicitAction({
               kind: "delete",
               model_id: id,
@@ -267,7 +267,7 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_TABLE} WHERE team_name = 'Cuddly Cats'`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             expect(result.rows.length).to.equal(0);
           });
         });
@@ -277,7 +277,7 @@ const MODEL_NAME = "Test Action Model";
             name: "Public Dashboard",
           };
           cy.get("@modelId")
-            .then(id => {
+            .then((id) => {
               H.createImplicitAction({
                 kind: "create",
                 model_id: id,
@@ -306,7 +306,7 @@ const MODEL_NAME = "Test Action Model";
 
           cy.log("Visit public dashboard");
           cy.get("@dashboardId")
-            .then(dashboardId => {
+            .then((dashboardId) => {
               H.createPublicDashboardLink(dashboardId);
             })
             .then(({ body: { uuid } }) => {
@@ -333,7 +333,7 @@ const MODEL_NAME = "Test Action Model";
             enable_embedding: true,
           };
           cy.get("@modelId")
-            .then(id => {
+            .then((id) => {
               H.createImplicitAction({
                 kind: "create",
                 model_id: id,
@@ -381,7 +381,7 @@ const MODEL_NAME = "Test Action Model";
 
         describe("hidden fields", () => {
           it("adds an implicit action and runs it", () => {
-            cy.get("@modelId").then(id => {
+            cy.get("@modelId").then((id) => {
               H.createImplicitAction({
                 kind: "create",
                 model_id: id,
@@ -408,7 +408,7 @@ const MODEL_NAME = "Test Action Model";
             H.queryWritableDB(
               `SELECT * FROM ${TEST_TABLE} WHERE team_name = 'Zany Zebras'`,
               dialect,
-            ).then(result => {
+            ).then((result) => {
               expect(result.rows.length).to.equal(1);
 
               expect(result.rows[0].score).to.equal(44);
@@ -421,12 +421,12 @@ const MODEL_NAME = "Test Action Model";
             H.queryWritableDB(
               `SELECT * FROM ${TEST_TABLE} WHERE id = 1`,
               dialect,
-            ).then(result => {
+            ).then((result) => {
               expect(result.rows.length).to.equal(1);
               expect(result.rows[0].score).to.equal(0);
             });
 
-            cy.get("@modelId").then(id => {
+            cy.get("@modelId").then((id) => {
               cy.visit(`/model/${id}/detail`);
               cy.wait(["@getModel", "@getModelActions"]);
             });
@@ -444,7 +444,7 @@ const MODEL_NAME = "Test Action Model";
             reorderFields();
 
             cy.findByRole("dialog").within(() => {
-              cy.findAllByText("Number").each(el => {
+              cy.findAllByText("Number").each((el) => {
                 cy.wrap(el).click();
               });
 
@@ -490,12 +490,12 @@ const MODEL_NAME = "Test Action Model";
             H.queryWritableDB(
               `SELECT * FROM ${TEST_TABLE} WHERE id = 1`,
               dialect,
-            ).then(result => {
+            ).then((result) => {
               expect(result.rows.length).to.equal(1);
               expect(result.rows[0].score).to.equal(55);
             });
 
-            cy.get("@modelId").then(id => {
+            cy.get("@modelId").then((id) => {
               cy.visit(`/model/${id}/detail`);
               cy.wait(["@getModel", "@getModelActions"]);
             });
@@ -541,7 +541,7 @@ const MODEL_NAME = "Test Action Model";
             H.queryWritableDB(
               `SELECT * FROM ${TEST_TABLE} WHERE id = 1`,
               dialect,
-            ).then(result => {
+            ).then((result) => {
               expect(result.rows.length).to.equal(1);
               expect(result.rows[0].score).to.equal(56);
             });
@@ -565,7 +565,7 @@ const MODEL_NAME = "Test Action Model";
         });
 
         it("can update various data types via implicit actions", () => {
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             H.createImplicitAction({
               kind: "update",
               model_id: id,
@@ -644,7 +644,7 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_COLUMNS_TABLE} WHERE id = 1`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             expect(result.rows.length).to.equal(1);
 
             const row = result.rows[0];
@@ -666,7 +666,7 @@ const MODEL_NAME = "Test Action Model";
         });
 
         it("can insert various data types via implicit actions", () => {
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             H.createImplicitAction({
               kind: "create",
               model_id: id,
@@ -715,7 +715,7 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_COLUMNS_TABLE} WHERE string = 'Zany Zebras'`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             expect(result.rows.length).to.equal(1);
             const row = result.rows[0];
 
@@ -751,7 +751,7 @@ const MODEL_NAME = "Test Action Model";
         });
 
         it("does not show json, enum, or binary columns for implicit actions", () => {
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             H.createImplicitAction({
               kind: "create",
               model_id: id,
@@ -775,7 +775,7 @@ const MODEL_NAME = "Test Action Model";
         });
 
         it("properly loads and updates date and time fields for implicit update actions", () => {
-          cy.get("@modelId").then(id => {
+          cy.get("@modelId").then((id) => {
             H.createImplicitAction({
               kind: "update",
               model_id: id,
@@ -853,7 +853,7 @@ const MODEL_NAME = "Test Action Model";
           H.queryWritableDB(
             `SELECT * FROM ${TEST_COLUMNS_TABLE} WHERE id = 1`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             const row = result.rows[0];
 
             // the driver adds a time to this date so we have to use .include
@@ -937,7 +937,7 @@ const MODEL_NAME = "Test Action Model";
             modelName: MODEL_NAME,
           });
 
-          cy.get("@modelId").then(modelId => {
+          cy.get("@modelId").then((modelId) => {
             H.createAction({
               ...SAMPLE_WRITABLE_QUERY_ACTION,
               model_id: modelId,
@@ -1026,7 +1026,7 @@ const MODEL_NAME = "Test Action Model";
             cy.button(SAMPLE_QUERY_ACTION.name).click();
           });
 
-          cy.wait("@executeAction").then(interception => {
+          cy.wait("@executeAction").then((interception) => {
             expect(
               Object.values(interception.request.body.parameters)
                 .sort()
@@ -1069,7 +1069,7 @@ describe("action error handling", { tags: ["@external", "@actions"] }, () => {
   it("should show detailed form errors for constraint violations when executing model actions", () => {
     const actionName = "Update";
 
-    cy.get("@modelId").then(modelId => {
+    cy.get("@modelId").then((modelId) => {
       H.createImplicitAction({ kind: "update", model_id: modelId });
     });
 
@@ -1132,7 +1132,7 @@ describe(
       it("refetches form values when id changes (metabase#33084)", () => {
         const actionName = "Update";
 
-        cy.get("@modelId").then(id => {
+        cy.get("@modelId").then((id) => {
           H.createImplicitAction({
             kind: "update",
             model_id: id,
@@ -1183,7 +1183,7 @@ describe(
       it("should reflect to updated action on mapping form", () => {
         const ACTION_NAME = "Update Score";
 
-        cy.get("@modelId").then(id => {
+        cy.get("@modelId").then((id) => {
           cy.visit(`/model/${id}/detail`);
           cy.wait(["@getModel", "@getModelActions"]);
         });
@@ -1359,7 +1359,7 @@ function reorderFields() {
   H.dragField(1, 0);
 }
 
-const clickHelper = buttonName => {
+const clickHelper = (buttonName) => {
   // this is dirty, but it seems to be the only reliable solution to detached elements before cypress v12
   // https://github.com/cypress-io/cypress/issues/7306
   cy.wait(100);
@@ -1378,7 +1378,7 @@ function waitForValidActions() {
   cy.wait("@getActions").then(({ response }) => {
     const { body: actions } = response;
 
-    actions.forEach(action => {
+    actions.forEach((action) => {
       expect(action.parameters).to.have.length.gt(0);
     });
   });
diff --git a/e2e/test/scenarios/actions/actions-reproductions.cy.spec.js b/e2e/test/scenarios/actions/actions-reproductions.cy.spec.js
index fddbaf0f3a3..f13105569de 100644
--- a/e2e/test/scenarios/actions/actions-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/actions/actions-reproductions.cy.spec.js
@@ -43,8 +43,8 @@ describe("metabase#31587", () => {
             .last()
             .should("have.text", "Click Me");
 
-          actionButtonContainer.then(actionButtonElem => {
-            dashCard.then(dashCardElem => {
+          actionButtonContainer.then((actionButtonElem) => {
+            dashCard.then((dashCardElem) => {
               expect(actionButtonElem[0].scrollHeight).to.eq(
                 dashCardElem[0].scrollHeight,
               );
@@ -71,8 +71,8 @@ describe("metabase#31587", () => {
             .last()
             .should("have.text", "Click Me");
 
-          actionButtonContainer.then(actionButtonElem => {
-            dashCard.then(dashCardElem => {
+          actionButtonContainer.then((actionButtonElem) => {
+            dashCard.then((dashCardElem) => {
               expect(actionButtonElem[0].scrollHeight).to.eq(
                 dashCardElem[0].scrollHeight,
               );
@@ -202,7 +202,7 @@ describe("Issue 32974", { tags: ["@external", "@actions"] }, () => {
   });
 
   it("can submit query action linked with dashboard parameters (metabase#32974)", () => {
-    cy.get("@modelId").then(modelId => {
+    cy.get("@modelId").then((modelId) => {
       H.createAction({ ...QUERY_ACTION, model_id: modelId }).then(
         ({ body: { id: actionId } }) => {
           cy.wrap(actionId).as("actionId");
@@ -421,7 +421,7 @@ describe("issue 32840", () => {
       },
     );
 
-    cy.get("@modelId").then(modelId => {
+    cy.get("@modelId").then((modelId) => {
       H.createAction({
         type: "implicit",
         kind: "row/update",
diff --git a/e2e/test/scenarios/actions/model-actions.cy.spec.js b/e2e/test/scenarios/actions/model-actions.cy.spec.js
index c242b996558..2b0e3f91b0f 100644
--- a/e2e/test/scenarios/actions/model-actions.cy.spec.js
+++ b/e2e/test/scenarios/actions/model-actions.cy.spec.js
@@ -89,7 +89,7 @@ describe(
     });
 
     it("should allow CRUD operations on model actions", () => {
-      cy.get("@modelId").then(id => {
+      cy.get("@modelId").then((id) => {
         cy.visit(`/model/${id}/detail`);
         cy.wait("@getModel");
       });
@@ -180,7 +180,7 @@ describe(
 
       cy.findByRole("button", { name: "Create" }).click();
 
-      cy.get("@modelId").then(modelId => {
+      cy.get("@modelId").then((modelId) => {
         cy.url().should("include", `/model/${modelId}/detail/actions`);
       });
     });
@@ -206,7 +206,7 @@ describe(
         },
       });
 
-      cy.get("@modelId").then(modelId => {
+      cy.get("@modelId").then((modelId) => {
         cy.request("POST", "/api/action", {
           ...SAMPLE_QUERY_ACTION,
           model_id: modelId,
@@ -285,7 +285,7 @@ describe(
     it("should show detailed form errors for constraint violations when executing model actions", () => {
       const actionName = "Update";
 
-      cy.get("@modelId").then(modelId => {
+      cy.get("@modelId").then((modelId) => {
         H.createImplicitActions({ modelId });
 
         cy.visit(`/model/${modelId}/detail`);
@@ -311,7 +311,7 @@ describe(
   },
 );
 
-["postgres", "mysql"].forEach(dialect => {
+["postgres", "mysql"].forEach((dialect) => {
   describe(
     `Write actions on model detail page (${dialect})`,
     { tags: "@external" },
@@ -347,12 +347,12 @@ describe(
         H.queryWritableDB(
           `SELECT * FROM ${WRITABLE_TEST_TABLE} WHERE id = 1`,
           dialect,
-        ).then(result => {
+        ).then((result) => {
           const row = result.rows[0];
           expect(row.score).to.equal(0);
         });
 
-        cy.get("@writableModelId").then(modelId => {
+        cy.get("@writableModelId").then((modelId) => {
           H.createAction({
             ...SAMPLE_WRITABLE_QUERY_ACTION,
             model_id: modelId,
@@ -375,7 +375,7 @@ describe(
         H.queryWritableDB(
           `SELECT * FROM ${WRITABLE_TEST_TABLE} WHERE id = 1`,
           dialect,
-        ).then(result => {
+        ).then((result) => {
           const row = result.rows[0];
 
           expect(row.score).to.equal(22);
@@ -385,7 +385,7 @@ describe(
       it("should allow public sharing of actions and execution of public actions", () => {
         const IMPLICIT_ACTION_NAME = "Update";
 
-        cy.get("@writableModelId").then(modelId => {
+        cy.get("@writableModelId").then((modelId) => {
           H.createAction({
             ...SAMPLE_WRITABLE_QUERY_ACTION,
             model_id: modelId,
@@ -409,7 +409,7 @@ describe(
 
         cy.signOut();
 
-        cy.get("@queryActionPublicUrl").then(url => {
+        cy.get("@queryActionPublicUrl").then((url) => {
           cy.visit(url);
           cy.findByLabelText(TEST_PARAMETER.name).type("1");
           cy.button(SAMPLE_QUERY_ACTION.name).click();
@@ -422,14 +422,14 @@ describe(
           H.queryWritableDB(
             `SELECT * FROM ${WRITABLE_TEST_TABLE} WHERE id = 1`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             const row = result.rows[0];
 
             expect(row.score).to.equal(22);
           });
         });
 
-        cy.get("@implicitActionPublicUrl").then(url => {
+        cy.get("@implicitActionPublicUrl").then((url) => {
           cy.visit(url);
 
           // team 2 has 10 points, let's give them more
@@ -447,7 +447,7 @@ describe(
           H.queryWritableDB(
             `SELECT * FROM ${WRITABLE_TEST_TABLE} WHERE id = 2`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             const row = result.rows[0];
 
             expect(row.score).to.equal(16);
@@ -458,7 +458,7 @@ describe(
         });
 
         cy.signInAsAdmin();
-        cy.get("@writableModelId").then(modelId => {
+        cy.get("@writableModelId").then((modelId) => {
           cy.visit(`/model/${modelId}/detail/actions`);
           cy.wait("@getModel");
         });
@@ -468,14 +468,14 @@ describe(
 
         cy.signOut();
 
-        cy.get("@queryActionPublicUrl").then(url => {
+        cy.get("@queryActionPublicUrl").then((url) => {
           cy.visit(url);
           cy.findByRole("form").should("not.exist");
           cy.button(SAMPLE_QUERY_ACTION.name).should("not.exist");
           cy.findByText("Not found").should("be.visible");
         });
 
-        cy.get("@implicitActionPublicUrl").then(url => {
+        cy.get("@implicitActionPublicUrl").then((url) => {
           cy.visit(url);
           cy.findByRole("form").should("not.exist");
           cy.button(SAMPLE_QUERY_ACTION.name).should("not.exist");
@@ -486,7 +486,7 @@ describe(
       it("should allow query action execution from the model details page", () => {
         verifyScoreValue(0, dialect);
 
-        cy.get("@writableModelId").then(modelId => {
+        cy.get("@writableModelId").then((modelId) => {
           H.createAction({
             ...SAMPLE_WRITABLE_QUERY_ACTION,
             model_id: modelId,
@@ -580,7 +580,7 @@ describe(
       });
 
       it("should allow implicit action execution from the model details page", () => {
-        cy.get("@writableModelId").then(id => {
+        cy.get("@writableModelId").then((id) => {
           cy.visit(`/model/${id}/detail`);
           cy.wait("@getModel");
         });
@@ -622,7 +622,7 @@ describe(
         H.queryWritableDB(
           `SELECT * FROM ${WRITABLE_TEST_TABLE} WHERE team_name = 'Zebras'`,
           dialect,
-        ).then(result => {
+        ).then((result) => {
           expect(result.rows.length).to.equal(1);
 
           const row = result.rows[0];
@@ -632,7 +632,7 @@ describe(
       });
 
       it("should allow public sharing of query action and execution", () => {
-        cy.get("@writableModelId").then(modelId => {
+        cy.get("@writableModelId").then((modelId) => {
           H.createAction({
             ...SAMPLE_WRITABLE_QUERY_ACTION,
             model_id: modelId,
@@ -667,7 +667,7 @@ describe(
 
         cy.signOut();
 
-        cy.get("@queryActionPublicUrl").then(url => {
+        cy.get("@queryActionPublicUrl").then((url) => {
           cy.visit(url);
           cy.findByLabelText(TEST_PARAMETER.name).type("1");
           cy.findByLabelText("New Status").should("not.exist");
@@ -681,7 +681,7 @@ describe(
           H.queryWritableDB(
             `SELECT * FROM ${WRITABLE_TEST_TABLE} WHERE id = 1`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             const row = result.rows[0];
 
             expect(row.score).to.equal(22);
@@ -690,7 +690,7 @@ describe(
       });
 
       it("should allow public sharing of implicit action and execution", () => {
-        cy.get("@writableModelId").then(id => {
+        cy.get("@writableModelId").then((id) => {
           cy.visit(`/model/${id}/detail`);
           cy.wait("@getModel");
         });
@@ -714,7 +714,7 @@ describe(
 
         cy.signOut();
 
-        cy.get("@updatePublicURL").then(url => {
+        cy.get("@updatePublicURL").then((url) => {
           cy.visit(url);
 
           // team 2 has 10 points, let's give them more
@@ -730,7 +730,7 @@ describe(
           H.queryWritableDB(
             `SELECT * FROM ${WRITABLE_TEST_TABLE} WHERE id = 2`,
             dialect,
-          ).then(result => {
+          ).then((result) => {
             const row = result.rows[0];
 
             expect(row.score).to.equal(16);
@@ -782,12 +782,12 @@ describe(
          FROM ${WRITABLE_TEST_TABLE}
          WHERE id = 1`,
           dialect,
-        ).then(result => {
+        ).then((result) => {
           const row = result.rows[0];
           expect(row.score).to.equal(0);
         });
 
-        cy.get("@writableModelId").then(modelId => {
+        cy.get("@writableModelId").then((modelId) => {
           H.createAction({
             ...SAMPLE_WRITABLE_QUERY_ACTION,
             model_id: modelId,
@@ -813,7 +813,7 @@ describe(
          FROM ${WRITABLE_TEST_TABLE}
          WHERE id = 1`,
           dialect,
-        ).then(result => {
+        ).then((result) => {
           const row = result.rows[0];
           expect(row.score).to.equal(0);
         });
@@ -858,7 +858,7 @@ function enableSharingFor(actionName, { publicUrlAlias }) {
     cy.wait("@enableActionSharing");
     cy.findByLabelText("Public action form URL")
       .invoke("val")
-      .then(url => {
+      .then((url) => {
         cy.wrap(url).as(publicUrlAlias);
       });
     cy.button("Cancel").click();
@@ -898,7 +898,7 @@ function verifyScoreValue(value, dialect) {
   H.queryWritableDB(
     `SELECT * FROM ${WRITABLE_TEST_TABLE} WHERE id = 1`,
     dialect,
-  ).then(result => {
+  ).then((result) => {
     const row = result.rows[0];
 
     expect(row.score).to.equal(value);
diff --git a/e2e/test/scenarios/admin-2/authentication.cy.spec.ts b/e2e/test/scenarios/admin-2/authentication.cy.spec.ts
index b269cd1d969..15abf9c5989 100644
--- a/e2e/test/scenarios/admin-2/authentication.cy.spec.ts
+++ b/e2e/test/scenarios/admin-2/authentication.cy.spec.ts
@@ -122,7 +122,7 @@ describe("scenarios > admin > settings > user provisioning", () => {
         // save to compare with masked token
         scimTokenInput()
           .invoke("val")
-          .then(val => (initialUnmaskedToken = String(val)));
+          .then((val) => (initialUnmaskedToken = String(val)));
         cy.findAllByRole("button", { name: /Done/ }).click();
       });
 
@@ -138,7 +138,9 @@ describe("scenarios > admin > settings > user provisioning", () => {
         .invoke("val")
         .should("contain", "mb_")
         .should("contain", "****************************************")
-        .then(val => expect(val).to.contain(initialUnmaskedToken.slice(0, 7)));
+        .then((val) =>
+          expect(val).to.contain(initialUnmaskedToken.slice(0, 7)),
+        );
 
       cy.log("should be able to regenerate a token");
       cy.findByRole("button", { name: /Regenerate/ }).click();
@@ -155,7 +157,7 @@ describe("scenarios > admin > settings > user provisioning", () => {
           .invoke("val")
           .should("not.contain", "Loading")
           .should("not.contain", "****************************************")
-          .then(val => (regeneratedToken = String(val)));
+          .then((val) => (regeneratedToken = String(val)));
         cy.findByRole("button", { name: /Done/ }).click();
       });
 
@@ -163,7 +165,7 @@ describe("scenarios > admin > settings > user provisioning", () => {
         .invoke("val")
         .should("contain", "mb_")
         .should("contain", "****************************************")
-        .then(val => expect(val).to.contain(regeneratedToken.slice(0, 7)));
+        .then((val) => expect(val).to.contain(regeneratedToken.slice(0, 7)));
 
       cy.log("should be able to cancel regenerating a token");
       cy.findByRole("button", { name: /Regenerate/ }).click();
@@ -178,7 +180,7 @@ describe("scenarios > admin > settings > user provisioning", () => {
         .invoke("val")
         .should("contain", "mb_")
         .should("contain", "****************************************")
-        .then(val => expect(val).to.contain(regeneratedToken.slice(0, 7)));
+        .then((val) => expect(val).to.contain(regeneratedToken.slice(0, 7)));
 
       cy.log("should be able to disable scim and info stay");
       scimToggle().click();
@@ -237,7 +239,7 @@ describe("scenarios > admin > settings > user provisioning", () => {
         "should show error when scim token fails to generate when scim is enabled",
       );
       // enable scim and stop mocking get scim api key request
-      cy.intercept("GET", "/api/ee/scim/api_key", req => {
+      cy.intercept("GET", "/api/ee/scim/api_key", (req) => {
         req.continue();
       });
       cy.request("PUT", "api/setting/scim-enabled", { value: true });
diff --git a/e2e/test/scenarios/admin-2/error-reporting.cy.spec.ts b/e2e/test/scenarios/admin-2/error-reporting.cy.spec.ts
index d2207839c17..103d757a9d9 100644
--- a/e2e/test/scenarios/admin-2/error-reporting.cy.spec.ts
+++ b/e2e/test/scenarios/admin-2/error-reporting.cy.spec.ts
@@ -26,7 +26,7 @@ describe("error reporting modal", () => {
       cy.button(/Download/i).click();
     });
 
-    getDiagnosticInfoFile().then(fileContent => {
+    getDiagnosticInfoFile().then((fileContent) => {
       expect(fileContent.entityName).to.equal(undefined);
       expect(fileContent).to.have.property("frontendErrors");
       expect(fileContent).to.have.property("backendErrors");
@@ -93,7 +93,7 @@ describe("error reporting modal", () => {
       cy.button(/Download/i).click();
     });
 
-    getDiagnosticInfoFile().then(fileContent => {
+    getDiagnosticInfoFile().then((fileContent) => {
       expect(fileContent.entityName).to.equal("question");
       expect(fileContent).to.have.property("frontendErrors");
       expect(fileContent).to.have.property("backendErrors");
@@ -116,7 +116,7 @@ describe("error reporting modal", () => {
       cy.button(/Download/i).click();
     });
 
-    getDiagnosticInfoFile().then(fileContent => {
+    getDiagnosticInfoFile().then((fileContent) => {
       expect(fileContent.entityName).to.equal("question");
       expect(fileContent).to.have.property("frontendErrors");
       expect(fileContent).to.have.property("backendErrors");
@@ -149,7 +149,7 @@ describe("error reporting modal", () => {
       cy.button(/Download/i).click();
     });
 
-    getDiagnosticInfoFile().then(fileContent => {
+    getDiagnosticInfoFile().then((fileContent) => {
       expect(fileContent.entityName).to.equal("question");
       expect(fileContent).to.have.property("frontendErrors");
       expect(fileContent).to.have.property("backendErrors");
@@ -177,7 +177,7 @@ describe("error reporting modal", () => {
       cy.button(/Download/i).click();
     });
 
-    getDiagnosticInfoFile().then(fileContent => {
+    getDiagnosticInfoFile().then((fileContent) => {
       expect(fileContent.entityName).to.equal("dashboard");
       expect(fileContent.url).to.include("/dashboard/");
 
diff --git a/e2e/test/scenarios/admin-2/people.cy.spec.js b/e2e/test/scenarios/admin-2/people.cy.spec.js
index a734751d546..bb44da740b2 100644
--- a/e2e/test/scenarios/admin-2/people.cy.spec.js
+++ b/e2e/test/scenarios/admin-2/people.cy.spec.js
@@ -151,7 +151,9 @@ describe("scenarios > admin > people", () => {
 
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText(FULL_NAME);
-      cy.location().should(loc => expect(loc.pathname).to.eq("/admin/people"));
+      cy.location().should((loc) =>
+        expect(loc.pathname).to.eq("/admin/people"),
+      );
     });
 
     it("should allow admin to create new users without first name or last name (metabase#22754)", () => {
@@ -219,7 +221,7 @@ describe("scenarios > admin > people", () => {
         cy.findByText("Deactivate user").click();
         clickButton("Deactivate");
         cy.findByText(FULL_NAME).should("not.exist");
-        cy.location().should(loc =>
+        cy.location().should((loc) =>
           expect(loc.pathname).to.eq("/admin/people"),
         );
 
@@ -229,7 +231,7 @@ describe("scenarios > admin > people", () => {
         cy.icon("refresh").click();
         cy.findByText(`Reactivate ${FULL_NAME}?`);
         clickButton("Reactivate");
-        cy.location().should(loc =>
+        cy.location().should((loc) =>
           expect(loc.pathname).to.eq("/admin/people"),
         );
       });
@@ -256,7 +258,9 @@ describe("scenarios > admin > people", () => {
 
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText(NEW_FULL_NAME);
-      cy.location().should(loc => expect(loc.pathname).to.eq("/admin/people"));
+      cy.location().should((loc) =>
+        expect(loc.pathname).to.eq("/admin/people"),
+      );
     });
 
     it("should reset user password without SMTP set up", () => {
@@ -272,7 +276,9 @@ describe("scenarios > admin > people", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText(/^temporary password$/i);
       clickButton("Done");
-      cy.location().should(loc => expect(loc.pathname).to.eq("/admin/people"));
+      cy.location().should((loc) =>
+        expect(loc.pathname).to.eq("/admin/people"),
+      );
     });
 
     it("should not offer to reset passwords when password login is disabled", () => {
@@ -589,7 +595,7 @@ describe("scenarios > admin > people", () => {
     cy.contains(
       `We’ve sent an invite to ${email} with instructions to log in. If this user is unable to authenticate then you can reset their password.`,
     );
-    cy.url().then(url => {
+    cy.url().then((url) => {
       const URL_REGEX = /\/admin\/people\/(?<userId>\d+)\/success/;
       const { userId } = URL_REGEX.exec(url).groups;
       assertLinkMatchesUrl(
@@ -878,7 +884,7 @@ function assertTableRowsCount(length) {
 }
 
 function generateUsers(count, groupIds) {
-  const users = _.range(count).map(index => ({
+  const users = _.range(count).map((index) => ({
     first_name: `FirstName ${index}`,
     last_name: `LastName ${index}`,
     email: `user_${index}@metabase.com`,
@@ -886,13 +892,13 @@ function generateUsers(count, groupIds) {
     groupIds,
   }));
 
-  users.forEach(u => cy.createUserFromRawData(u));
+  users.forEach((u) => cy.createUserFromRawData(u));
 
   return users;
 }
 
 function generateGroups(count) {
-  _.range(count).map(index => {
+  _.range(count).map((index) => {
     cy.request("POST", "api/permissions/group", { name: "Group" + index });
   });
 }
diff --git a/e2e/test/scenarios/admin-2/settings.cy.spec.js b/e2e/test/scenarios/admin-2/settings.cy.spec.js
index 196ec34226e..5e7cdd4d0fb 100644
--- a/e2e/test/scenarios/admin-2/settings.cy.spec.js
+++ b/e2e/test/scenarios/admin-2/settings.cy.spec.js
@@ -126,7 +126,7 @@ H.describeWithSnowplow("scenarios > admin > settings", () => {
   it("should display an error if the https redirect check fails", () => {
     cy.visit("/admin/settings/general");
 
-    cy.intercept("GET", "**/api/health", req => {
+    cy.intercept("GET", "**/api/health", (req) => {
       req.reply({ forceNetworkError: true });
     }).as("httpsCheck");
     // switch site url to use https
@@ -238,7 +238,7 @@ H.describeWithSnowplow("scenarios > admin > settings", () => {
     // 1. Get the array of ALL available settings
     cy.request("GET", "/api/setting").then(({ body }) => {
       // 2. Create a stubbed version of that array by passing modified "site-url" settings
-      const STUBBED_BODY = body.map(setting => {
+      const STUBBED_BODY = body.map((setting) => {
         if (setting.key === "site-url") {
           const STUBBED_SITE_URL = Object.assign({}, setting, {
             is_env_setting: true,
@@ -251,7 +251,7 @@ H.describeWithSnowplow("scenarios > admin > settings", () => {
       });
 
       // 3. Stub the whole response
-      cy.intercept("GET", "/api/setting", req => {
+      cy.intercept("GET", "/api/setting", (req) => {
         req.reply({ body: STUBBED_BODY });
       }).as("appSettings");
     });
@@ -402,8 +402,8 @@ describe.skip(
 
       refresh();
 
-      getCellText().then(res => {
-        cy.get("@tempResult").then(temp => {
+      getCellText().then((res) => {
+        cy.get("@tempResult").then((temp) => {
           if (res === temp) {
             cy.wrap(res).as("cachedResult");
           } else {
@@ -441,7 +441,7 @@ describe.skip(
         H.NativeEditor.type(nativeQuery);
         H.runNativeQuery();
 
-        getCellText().then(res => {
+        getCellText().then((res) => {
           cy.wrap(res).as("tempResult");
         });
 
@@ -451,7 +451,7 @@ describe.skip(
       it("should respect previously set cache duration (metabase#18458)", () => {
         refreshUntilCached();
 
-        cy.get("@cachedResult").then(cachedValue => {
+        cy.get("@cachedResult").then((cachedValue) => {
           /**
            * 5s is longer than what we set the cache to last:
            * Approx 2s for an Average Runtime x multiplier of 2.
@@ -462,7 +462,7 @@ describe.skip(
 
           refresh();
 
-          getCellText().then(newValue => {
+          getCellText().then((newValue) => {
             expect(newValue).to.not.eq(cachedValue);
           });
         });
@@ -645,7 +645,7 @@ describe("scenarios > admin > license and billing", () => {
   const STORE_MANAGED_FEATURE_KEY = "metabase-store-managed";
   const NO_UPSELL_FEATURE_HEY = "no-upsell";
   // mocks data the will be returned by enterprise useLicense hook
-  const mockBillingTokenFeatures = features => {
+  const mockBillingTokenFeatures = (features) => {
     return cy.intercept("GET", "/api/premium-features/token/status", {
       "valid-thru": "2099-12-31T12:00:00",
       valid: true,
@@ -685,10 +685,10 @@ describe("scenarios > admin > license and billing", () => {
       // create an admin user who is also connected to our test harbormaster account
       cy.request("GET", "/api/permissions/group")
         .then(({ body: groups }) => {
-          const adminGroup = groups.find(g => g.name === "Administrators");
+          const adminGroup = groups.find((g) => g.name === "Administrators");
           return cy
             .createUserFromRawData(harborMasterConnectedAccount)
-            .then(user => Promise.resolve([adminGroup.id, user]));
+            .then((user) => Promise.resolve([adminGroup.id, user]));
         })
         .then(([adminGroupId, user]) => {
           const data = { user_id: user.id, group_id: adminGroupId };
@@ -696,7 +696,7 @@ describe("scenarios > admin > license and billing", () => {
             .request("POST", "/api/permissions/membership", data)
             .then(() => Promise.resolve(user));
         })
-        .then(user => {
+        .then((user) => {
           cy.signOut(); // stop being normal admin user and be store connected admin user
           return cy.request("POST", "/api/session", {
             username: user.email,
@@ -729,7 +729,7 @@ describe("scenarios > admin > license and billing", () => {
         NO_UPSELL_FEATURE_HEY,
       ]);
       // force an error
-      cy.intercept("GET", "/api/ee/billing", req => {
+      cy.intercept("GET", "/api/ee/billing", (req) => {
         req.reply({ statusCode: 500 });
       });
       cy.visit("/admin/settings/license");
@@ -1018,7 +1018,7 @@ describe("scenarios > admin > settings > map settings", () => {
     );
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("Load").click();
-    cy.wait("@load").then(interception => {
+    cy.wait("@load").then((interception) => {
       expect(interception.response.statusCode).to.eq(200);
     });
   });
@@ -1067,7 +1067,7 @@ describe("scenarios > admin > settings > map settings", () => {
 
   it("should show an informative error when adding a calid URL that contains GeoJSON that does not use lat/lng coordinates", () => {
     //intercept call to api/geojson and return projected.geojson. Call to load file actually happens in the BE
-    cy.fixture("../../e2e/support/assets/projected.geojson").then(data => {
+    cy.fixture("../../e2e/support/assets/projected.geojson").then((data) => {
       cy.intercept("GET", "/api/geojson*", data);
     });
 
@@ -1098,7 +1098,7 @@ describe("notifications", { tags: "@external" }, () => {
       failOnStatusCode: false,
       url: `${H.WEBHOOK_TEST_HOST}/api/session/${H.WEBHOOK_TEST_SESSION_ID}/requests`,
       method: "DELETE",
-    }).then(response => {
+    }).then((response) => {
       cy.log("Deleted requests.");
     });
   });
@@ -1161,13 +1161,13 @@ describe("notifications", { tags: "@external" }, () => {
       },
     ];
 
-    AUTH_METHODS.forEach(auth => {
+    AUTH_METHODS.forEach((auth) => {
       it(`${auth.display} Auth`, () => {
         cy.visit("/admin/settings/notifications");
         cy.findByRole("heading", { name: "Add a webhook" }).click();
 
         H.modal().within(() => {
-          COMMON_FIELDS.forEach(field => {
+          COMMON_FIELDS.forEach((field) => {
             cy.findByLabelText(field.label).type(field.value);
           });
 
@@ -1284,7 +1284,7 @@ describe("admin > settings > updates", () => {
     cy.visit("/admin/settings/updates");
 
     cy.intercept("GET", "/api/session/properties", (req, res) => {
-      req.continue(res => {
+      req.continue((res) => {
         res.body["version-info"] = versionInfo;
         res.body.version.tag = currentVersion;
         return res.body;
diff --git a/e2e/test/scenarios/admin-2/sso/ldap.cy.spec.js b/e2e/test/scenarios/admin-2/sso/ldap.cy.spec.js
index 8b9bf0611e0..270f5c2960f 100644
--- a/e2e/test/scenarios/admin-2/sso/ldap.cy.spec.js
+++ b/e2e/test/scenarios/admin-2/sso/ldap.cy.spec.js
@@ -240,7 +240,7 @@ const getLdapCard = () => {
   return cy.findByText("LDAP").parent().parent();
 };
 
-const enterLdapPort = value => {
+const enterLdapPort = (value) => {
   H.typeAndBlurUsingLabel("LDAP Port", value);
 };
 
diff --git a/e2e/test/scenarios/admin-2/sso/saml.cy.spec.js b/e2e/test/scenarios/admin-2/sso/saml.cy.spec.js
index 668b581d737..934c55c7af1 100644
--- a/e2e/test/scenarios/admin-2/sso/saml.cy.spec.js
+++ b/e2e/test/scenarios/admin-2/sso/saml.cy.spec.js
@@ -111,7 +111,7 @@ const getSamlCard = () => {
 };
 
 const enterSamlSettings = () => {
-  getSamlCertificate().then(certificate => {
+  getSamlCertificate().then((certificate) => {
     H.typeAndBlurUsingLabel(
       /SAML Identity Provider URL/,
       "https://example.test",
diff --git a/e2e/test/scenarios/admin-2/sso/shared/group-mappings-widget.js b/e2e/test/scenarios/admin-2/sso/shared/group-mappings-widget.js
index 1e3ed422976..566ed66d1bd 100644
--- a/e2e/test/scenarios/admin-2/sso/shared/group-mappings-widget.js
+++ b/e2e/test/scenarios/admin-2/sso/shared/group-mappings-widget.js
@@ -61,7 +61,7 @@ export function checkGroupConsistencyAfterDeletingMappings(
   cy.findByText("readonly");
 }
 
-const deleteMappingWithGroups = mappingName => {
+const deleteMappingWithGroups = (mappingName) => {
   cy.findByText(mappingName)
     .closest("tr")
     .within(() => {
@@ -72,7 +72,7 @@ const deleteMappingWithGroups = mappingName => {
   cy.button("Remove mapping and delete groups").click();
 };
 
-const createMapping = name => {
+const createMapping = (name) => {
   cy.button("New mapping").click();
   cy.findByLabelText("new-group-mapping-name-input").type(name);
   cy.button("Add").click();
@@ -85,7 +85,7 @@ const addGroupsToMapping = (mappingName, groups) => {
       cy.findByText("Default").click();
     });
 
-  groups.forEach(group => {
+  groups.forEach((group) => {
     popover().within(() => {
       cy.findByText(group).click();
 
@@ -100,7 +100,7 @@ const addGroupsToMapping = (mappingName, groups) => {
   cy.realPress("{esc}");
 };
 
-const checkThatGroupHasNoMembers = name => {
+const checkThatGroupHasNoMembers = (name) => {
   cy.findByText(name)
     .closest("tr")
     .within(() => cy.findByText("0"));
diff --git a/e2e/test/scenarios/admin-2/sso/shared/helpers.js b/e2e/test/scenarios/admin-2/sso/shared/helpers.js
index d1b88e6d46f..67b165522cd 100644
--- a/e2e/test/scenarios/admin-2/sso/shared/helpers.js
+++ b/e2e/test/scenarios/admin-2/sso/shared/helpers.js
@@ -18,7 +18,7 @@ export const getSamlCertificate = () => {
 };
 
 export const setupSaml = () => {
-  getSamlCertificate().then(certificate => {
+  getSamlCertificate().then((certificate) => {
     cy.request("PUT", "/api/setting", {
       "saml-enabled": true,
       "saml-identity-provider-uri": "https://example.test",
diff --git a/e2e/test/scenarios/admin-2/whitelabel.cy.spec.js b/e2e/test/scenarios/admin-2/whitelabel.cy.spec.js
index fc8028b9bb3..8ab6fee7efe 100644
--- a/e2e/test/scenarios/admin-2/whitelabel.cy.spec.js
+++ b/e2e/test/scenarios/admin-2/whitelabel.cy.spec.js
@@ -8,7 +8,7 @@ function checkFavicon(url) {
 }
 
 function checkLogo() {
-  cy.readFile("e2e/support/assets/logo.jpeg", "base64").then(logo_data => {
+  cy.readFile("e2e/support/assets/logo.jpeg", "base64").then((logo_data) => {
     cy.get(`img[src="data:image/jpeg;base64,${logo_data}"]`).should("exist");
   });
 }
@@ -106,7 +106,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
       beforeEach(() => {
         cy.log("Add a logo");
         cy.readFile("e2e/support/assets/logo.jpeg", "base64").then(
-          logo_data => {
+          (logo_data) => {
             H.updateSetting(
               "application-logo-url",
               `data:image/jpeg;base64,${logo_data}`,
@@ -159,7 +159,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
         );
         H.undoToast().findByText("Changes saved").should("be.visible");
         cy.readFile("e2e/support/assets/favicon.ico", "base64").then(
-          base64Url => {
+          (base64Url) => {
             const faviconUrl = `data:image/jpeg;base64,${base64Url}`;
             cy.wrap(faviconUrl).as("faviconUrl");
             checkFavicon(faviconUrl);
@@ -167,7 +167,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
         );
         cy.signInAsNormalUser();
         cy.visit("/");
-        cy.get("@faviconUrl").then(faviconUrl => {
+        cy.get("@faviconUrl").then((faviconUrl) => {
           cy.get('head link[rel="icon"]')
             .get(`[href="${faviconUrl}"]`)
             .should("have.length", 1);
@@ -280,7 +280,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
             H.undoToast().findByText("Changes saved").should("be.visible");
 
             cy.readFile("e2e/support/assets/logo.jpeg", "base64").then(
-              logo_data => {
+              (logo_data) => {
                 const backgroundImage = `url("data:image/jpeg;base64,${logo_data}")`;
                 cy.signOut();
                 cy.visit("/");
@@ -347,7 +347,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
           H.undoToast().findByText("Changes saved").should("be.visible");
 
           cy.readFile("e2e/support/assets/logo.jpeg", "base64").then(
-            logo_data => {
+            (logo_data) => {
               const backgroundImage = `url("data:image/jpeg;base64,${logo_data}")`;
               cy.visit("/");
               cy.findByTestId("landing-page-illustration").should(
@@ -413,7 +413,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
 
           H.visitDashboard("@dashboardId");
           cy.readFile("e2e/support/assets/logo.jpeg", "base64").then(
-            logo_data => {
+            (logo_data) => {
               const imageDataUrl = `data:image/jpeg;base64,${logo_data}`;
               cy.wrap(imageDataUrl).as("imageDataUrl");
               cy.findByAltText("No results").should(
@@ -425,7 +425,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
           );
 
           H.visitQuestion("@questionId");
-          cy.get("@imageDataUrl").then(imageDataUrl => {
+          cy.get("@imageDataUrl").then((imageDataUrl) => {
             cy.findByAltText("No results").should(
               "have.attr",
               "src",
@@ -484,7 +484,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
           H.modal().findByTestId("collection-picker-button").click();
           H.entityPickerModal().within(() => {
             cy.readFile("e2e/support/assets/logo.jpeg", "base64").then(
-              logo_data => {
+              (logo_data) => {
                 const imageDataUrl = `data:image/jpeg;base64,${logo_data}`;
                 cy.wrap(imageDataUrl).as("imageDataUrl");
               },
@@ -494,7 +494,7 @@ describe("formatting > whitelabel", { tags: "@EE" }, () => {
             cy.findByPlaceholderText("Search…").type(
               "This aren't the objects you're looking for",
             );
-            cy.get("@imageDataUrl").then(imageDataUrl => {
+            cy.get("@imageDataUrl").then((imageDataUrl) => {
               cy.findByAltText("No results").should(
                 "have.attr",
                 "src",
diff --git a/e2e/test/scenarios/admin/admin-reproductions.cy.spec.js b/e2e/test/scenarios/admin/admin-reproductions.cy.spec.js
index 09e5233ad1f..0622c016fd7 100644
--- a/e2e/test/scenarios/admin/admin-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/admin/admin-reproductions.cy.spec.js
@@ -66,7 +66,7 @@ describe("issue 21532", () => {
     cy.findByTestId("admin-layout-content");
 
     cy.go("back");
-    cy.location().should(location => {
+    cy.location().should((location) => {
       expect(location.pathname).to.eq("/");
     });
   });
diff --git a/e2e/test/scenarios/admin/databases.cy.spec.js b/e2e/test/scenarios/admin/databases.cy.spec.js
index 3e0f5d17767..bc4057c184c 100644
--- a/e2e/test/scenarios/admin/databases.cy.spec.js
+++ b/e2e/test/scenarios/admin/databases.cy.spec.js
@@ -19,7 +19,7 @@ describe(
   "admin > database > external databases > enable actions",
   { tags: ["@external", "@actions"] },
   () => {
-    ["mysql", "postgres"].forEach(dialect => {
+    ["mysql", "postgres"].forEach((dialect) => {
       it(`should show ${dialect} writable_db with actions enabled`, () => {
         H.restore(`${dialect}-writable`);
         cy.signInAsAdmin();
@@ -61,7 +61,7 @@ describe("admin > database > add", () => {
   function mockUploadServiceAccountJSON(fileContents) {
     // create blob to act as selected file
     cy.get("input[type=file]")
-      .then(async input => {
+      .then(async (input) => {
         const blob = await Cypress.Blob.binaryStringToBlob(fileContents);
         const file = new File([blob], "service-account.json");
         const dataTransfer = new DataTransfer();
@@ -75,7 +75,7 @@ describe("admin > database > add", () => {
   }
 
   function mockSuccessfulDatabaseSave() {
-    cy.intercept("POST", "/api/database", req => {
+    cy.intercept("POST", "/api/database", (req) => {
       req.reply({ statusCode: 200, body: { id: 42 }, delay: 100 });
     }).as("createDatabase");
 
@@ -90,7 +90,7 @@ describe("admin > database > add", () => {
     }
     cy.wait("@getDatabases").then(({ response }) => {
       if (
-        response.body.data.some(db => db.initial_sync_status !== "complete")
+        response.body.data.some((db) => db.initial_sync_status !== "complete")
       ) {
         waitForDbSync(maxRetries - 1);
       }
@@ -172,8 +172,8 @@ describe("admin > database > add", () => {
         });
 
         const confirmSSLFields = (visible, hidden) => {
-          visible.forEach(field => cy.findByText(field));
-          hidden.forEach(field => cy.findByText(field).should("not.exist"));
+          visible.forEach((field) => cy.findByText(field));
+          hidden.forEach((field) => cy.findByText(field).should("not.exist"));
         };
 
         const ssl = "Use a secure connection (SSL)",
@@ -465,8 +465,8 @@ describe("scenarios > admin > databases > exceptions", () => {
   });
 
   it("should handle malformed (null) database details (metabase#25715)", () => {
-    cy.intercept("GET", `/api/database/${SAMPLE_DB_ID}`, req => {
-      req.reply(res => {
+    cy.intercept("GET", `/api/database/${SAMPLE_DB_ID}`, (req) => {
+      req.reply((res) => {
         res.body.details = null;
       });
     }).as("loadDatabase");
@@ -486,8 +486,8 @@ describe("scenarios > admin > databases > exceptions", () => {
   });
 
   it("should handle is_attached_dwh databases", () => {
-    cy.intercept("GET", `/api/database/${SAMPLE_DB_ID}`, req => {
-      req.reply(res => {
+    cy.intercept("GET", `/api/database/${SAMPLE_DB_ID}`, (req) => {
+      req.reply((res) => {
         res.body.details = null;
         res.body.is_attached_dwh = true;
       });
@@ -512,7 +512,7 @@ describe("scenarios > admin > databases > exceptions", () => {
   });
 
   it("should show error upon a bad request", () => {
-    cy.intercept("POST", "/api/database", req => {
+    cy.intercept("POST", "/api/database", (req) => {
       req.reply({
         statusCode: 400,
         body: "DATABASE CONNECTION ERROR",
@@ -558,7 +558,7 @@ describe("scenarios > admin > databases > exceptions", () => {
             }
           : null,
       },
-      req => {
+      (req) => {
         req.reply({
           statusCode: 500,
           body: { message: errorMessage },
diff --git a/e2e/test/scenarios/admin/datamodel/datamodel.cy.spec.js b/e2e/test/scenarios/admin/datamodel/datamodel.cy.spec.js
index 2f796fd98ca..c818a477bdd 100644
--- a/e2e/test/scenarios/admin/datamodel/datamodel.cy.spec.js
+++ b/e2e/test/scenarios/admin/datamodel/datamodel.cy.spec.js
@@ -14,7 +14,7 @@ describe("scenarios > admin > datamodel > field > field type", () => {
   const ordersColumns = ["PRODUCT_ID", "QUANTITY"];
 
   function waitAndAssertOnResponse(alias) {
-    cy.wait("@" + alias).then(xhr => {
+    cy.wait("@" + alias).then((xhr) => {
       expect(xhr.response.body.errors).to.not.exist;
     });
   }
@@ -51,7 +51,7 @@ describe("scenarios > admin > datamodel > field > field type", () => {
     H.restore();
     cy.signInAsAdmin();
 
-    ordersColumns.forEach(column => {
+    ordersColumns.forEach((column) => {
       cy.wrap(
         `/admin/datamodel/database/${SAMPLE_DB_ID}/schema/${SAMPLE_DB_SCHEMA_ID}/table/${ORDERS_ID}/field/${ORDERS[column]}/general`,
       ).as(`ORDERS_${column}_URL`);
@@ -106,7 +106,7 @@ describe("scenarios > admin > datamodel > field", () => {
     H.restore();
     cy.signInAsAdmin();
 
-    ["CREATED_AT", "PRODUCT_ID", "QUANTITY"].forEach(name => {
+    ["CREATED_AT", "PRODUCT_ID", "QUANTITY"].forEach((name) => {
       cy.wrap(
         `/admin/datamodel/database/${SAMPLE_DB_ID}/schema/${SAMPLE_DB_SCHEMA_ID}/table/${ORDERS_ID}/field/${ORDERS[name]}/general`,
       ).as(`ORDERS_${name}_URL`);
@@ -473,7 +473,7 @@ describe("scenarios > admin > datamodel > metadata", () => {
 
     cy.log("Numeric ratings should be remapped to custom strings");
     H.openReviewsTable();
-    Object.values(customMap).forEach(rating => {
+    Object.values(customMap).forEach((rating) => {
       cy.findAllByText(rating);
     });
   });
@@ -755,7 +755,7 @@ describe("scenarios > admin > datamodel > segments", () => {
     });
 
     it("should not crash when editing field in segment field detail page (metabase#55322)", () => {
-      cy.get("@segmentId").then(segmentId => {
+      cy.get("@segmentId").then((segmentId) => {
         cy.visit(`/reference/segments/${segmentId}/fields/${ORDERS.TAX}`);
       });
 
diff --git a/e2e/test/scenarios/admin/datamodel/editor.cy.spec.js b/e2e/test/scenarios/admin/datamodel/editor.cy.spec.js
index 7e01641a6d8..74692fee63e 100644
--- a/e2e/test/scenarios/admin/datamodel/editor.cy.spec.js
+++ b/e2e/test/scenarios/admin/datamodel/editor.cy.spec.js
@@ -634,7 +634,7 @@ describe("scenarios > admin > datamodel > editor", () => {
 });
 
 const setDataModelPermissions = ({ tableIds = [] }) => {
-  const permissions = Object.fromEntries(tableIds.map(id => [id, "all"]));
+  const permissions = Object.fromEntries(tableIds.map((id) => [id, "all"]));
 
   cy.updatePermissionsGraph({
     [ALL_USERS_GROUP]: {
@@ -676,7 +676,7 @@ const setValueAndBlurInput = (oldValue, newValue) => {
   cy.findByDisplayValue(oldValue).clear().type(newValue).blur();
 };
 
-const clearAndBlurInput = oldValue => {
+const clearAndBlurInput = (oldValue) => {
   cy.findByDisplayValue(oldValue).clear().blur();
 };
 
@@ -684,17 +684,17 @@ const searchAndSelectValue = (newValue, searchText = newValue) => {
   H.popover().findByText(newValue).click();
 };
 
-const getFieldSection = fieldName => {
+const getFieldSection = (fieldName) => {
   return cy.findByLabelText(fieldName);
 };
 
-const setTableOrder = order => {
+const setTableOrder = (order) => {
   cy.findByLabelText("Sort").click();
   H.popover().findByText(order).click();
   cy.wait("@updateTable");
 };
 
-const assertTableHeader = columns => {
+const assertTableHeader = (columns) => {
   cy.findAllByTestId("header-cell").should("have.length", columns.length);
 
   columns.forEach((column, index) => {
diff --git a/e2e/test/scenarios/admin/datamodel/reproductions.cy.spec.ts b/e2e/test/scenarios/admin/datamodel/reproductions.cy.spec.ts
index 42af3207e44..ab554ff2412 100644
--- a/e2e/test/scenarios/admin/datamodel/reproductions.cy.spec.ts
+++ b/e2e/test/scenarios/admin/datamodel/reproductions.cy.spec.ts
@@ -234,7 +234,7 @@ describe("issue 53595", () => {
       .type("cu");
 
     H.popover().findByText("Currency").should("be.visible");
-    H.popover().then($popover => {
+    H.popover().then(($popover) => {
       expect(H.isScrollableVertically($popover[0])).to.be.false;
     });
   });
diff --git a/e2e/test/scenarios/admin/performance/clock.cy.spec.ts b/e2e/test/scenarios/admin/performance/clock.cy.spec.ts
index 4912ece2c30..7de069990c8 100644
--- a/e2e/test/scenarios/admin/performance/clock.cy.spec.ts
+++ b/e2e/test/scenarios/admin/performance/clock.cy.spec.ts
@@ -20,7 +20,7 @@ describe("server clock", () => {
   });
 
   it("can advance the server clock by one day", () => {
-    cy.request("GET", "/api/setting/report-timezone-long").then(response => {
+    cy.request("GET", "/api/setting/report-timezone-long").then((response) => {
       cy.wrap(response.body).as("serverTimeZone");
     });
 
diff --git a/e2e/test/scenarios/admin/performance/helpers/e2e-performance-helpers.ts b/e2e/test/scenarios/admin/performance/helpers/e2e-performance-helpers.ts
index f48dbd39424..5a3c553d5a2 100644
--- a/e2e/test/scenarios/admin/performance/helpers/e2e-performance-helpers.ts
+++ b/e2e/test/scenarios/admin/performance/helpers/e2e-performance-helpers.ts
@@ -140,7 +140,7 @@ export const freezeServerTime = ({
       "add-ms": addMilliseconds,
       time,
     })
-    .then(response => {
+    .then((response) => {
       if (wrapServerTimeAs) {
         cy.wrap(response.body.time).as(wrapServerTimeAs);
       }
diff --git a/e2e/test/scenarios/admin/performance/preemptiveCaching.cy.spec.ts b/e2e/test/scenarios/admin/performance/preemptiveCaching.cy.spec.ts
index 3a81275ac52..aa880d6307b 100644
--- a/e2e/test/scenarios/admin/performance/preemptiveCaching.cy.spec.ts
+++ b/e2e/test/scenarios/admin/performance/preemptiveCaching.cy.spec.ts
@@ -89,7 +89,7 @@ describe(
         getTableId({
           databaseId: WRITABLE_DB_ID,
           name: WRITABLE_TEST_TABLE,
-        }).then(tableId => {
+        }).then((tableId) => {
           createQuestion(
             {
               name: "Cached question",
diff --git a/e2e/test/scenarios/admin/performance/schedule.cy.spec.ts b/e2e/test/scenarios/admin/performance/schedule.cy.spec.ts
index c41c0abbb72..d2a67415b15 100644
--- a/e2e/test/scenarios/admin/performance/schedule.cy.spec.ts
+++ b/e2e/test/scenarios/admin/performance/schedule.cy.spec.ts
@@ -80,7 +80,7 @@ describe("scenarios > admin > performance > schedule strategy", () => {
 
   ];
 
-  (["root", "database"] as CacheableModel[]).forEach(model => {
+  (["root", "database"] as CacheableModel[]).forEach((model) => {
     schedules.forEach(([schedule, cronExpression]) => {
       it(`can set on ${model}: ${
         Object.values(schedule).join(" ") || "default values"
@@ -105,7 +105,7 @@ describe("scenarios > admin > performance > schedule strategy", () => {
             });
           }
         });
-        saveCacheStrategyForm().then(xhr => {
+        saveCacheStrategyForm().then((xhr) => {
           const { body } = xhr.request;
           expect(body.model).to.eq(model);
           expect(body.strategy.schedule).to.eq(cronExpression);
@@ -147,10 +147,10 @@ describe("scenarios > admin > performance > schedule strategy", () => {
         cacheStrategyForm()
           .findByLabelText("Describe how often the cache should be invalidated")
           .find("[aria-label]")
-          .then($labels => {
+          .then(($labels) => {
             const labels = $labels
               .get()
-              .map($el => $el.getAttribute("aria-label"));
+              .map(($el) => $el.getAttribute("aria-label"));
             expect(labels).to.deep.equal(expectedFieldLabels);
           });
       });
diff --git a/e2e/test/scenarios/admin/performance/strategyForm.cy.spec.ts b/e2e/test/scenarios/admin/performance/strategyForm.cy.spec.ts
index 83f15de3456..bca78ef2bd5 100644
--- a/e2e/test/scenarios/admin/performance/strategyForm.cy.spec.ts
+++ b/e2e/test/scenarios/admin/performance/strategyForm.cy.spec.ts
@@ -192,7 +192,7 @@ describe("scenarios > admin > performance > strategy form", () => {
       }
     };
 
-    ["default policy", "Sample Database"].forEach(itemName => {
+    ["default policy", "Sample Database"].forEach((itemName) => {
       const model = itemName === "default policy" ? "root" : "database";
       const expectedNumberOfOptions = itemName === "default policy" ? 4 : 5;
 
@@ -298,8 +298,8 @@ describe("scenarios > admin > performance > strategy form", () => {
         });
 
         it(`can save a new daily schedule policy - for ${itemName}`, () => {
-          [12, 1, 11].forEach(time => {
-            ["AM", "PM"].forEach(amPm => {
+          [12, 1, 11].forEach((time) => {
+            ["AM", "PM"].forEach((amPm) => {
               cy.log(`Test daily at ${time} ${amPm}`);
               selectScheduleType("daily");
               cy.findAllByRole("textbox").eq(1).click();
@@ -336,10 +336,10 @@ describe("scenarios > admin > performance > strategy form", () => {
             cy.findByLabelText(amPm).next().click();
             saveCacheStrategyForm({ strategyType: "schedule", model });
             formLauncher(itemName, "currently", "Scheduled: weekly");
-            cy.findAllByRole("textbox").then(searchBoxes => {
+            cy.findAllByRole("textbox").then((searchBoxes) => {
               const values = Cypress._.map(
                 searchBoxes,
-                box => (box as HTMLInputElement).value,
+                (box) => (box as HTMLInputElement).value,
               );
               expect(values).to.deep.equal(["weekly", day, hour]);
             });
diff --git a/e2e/test/scenarios/admin/query-validator.cy.spec.js b/e2e/test/scenarios/admin/query-validator.cy.spec.js
index 022877cba13..823a1e7ffc3 100644
--- a/e2e/test/scenarios/admin/query-validator.cy.spec.js
+++ b/e2e/test/scenarios/admin/query-validator.cy.spec.js
@@ -93,13 +93,13 @@ describe("query validator", { tags: "@external" }, () => {
       cy.request(`/api/database/${WRITABLE_DB_ID}/schema/public`).then(
         ({ body: tables }) => {
           const scoreboardTable = tables.find(
-            table => table.name === SCOREBOARD_TABLE,
+            (table) => table.name === SCOREBOARD_TABLE,
           );
 
           cy.request(`/api/table/${scoreboardTable.id}/query_metadata`).then(
             ({ body: { fields } }) => {
               const teamNameField = fields.find(
-                field => field.name === "team_name",
+                (field) => field.name === "team_name",
               );
 
               H.createQuestion({
@@ -118,12 +118,14 @@ describe("query validator", { tags: "@external" }, () => {
 
       cy.request(`/api/database/${WRITABLE_DB_ID}/schema/public`).then(
         ({ body: tables }) => {
-          const colorsTable = tables.find(table => table.name === COLORS_TABLE);
+          const colorsTable = tables.find(
+            (table) => table.name === COLORS_TABLE,
+          );
 
           cy.request(`/api/table/${colorsTable.id}/query_metadata`).then(
             ({ body: { fields } }) => {
               const colorNameField = fields.find(
-                field => field.name === "name",
+                (field) => field.name === "name",
               );
 
               H.createQuestion({
diff --git a/e2e/test/scenarios/admin/troubleshooting.cy.spec.js b/e2e/test/scenarios/admin/troubleshooting.cy.spec.js
index f6035f42b08..9c0dcbd91e6 100644
--- a/e2e/test/scenarios/admin/troubleshooting.cy.spec.js
+++ b/e2e/test/scenarios/admin/troubleshooting.cy.spec.js
@@ -83,8 +83,8 @@ describe("scenarios > admin > troubleshooting > tasks", () => {
   function stubPageResponses({ page, alias }) {
     const offset = page * limit;
 
-    cy.intercept("GET", `/api/task?limit=${limit}&offset=${offset}`, req => {
-      req.reply(res => {
+    cy.intercept("GET", `/api/task?limit=${limit}&offset=${offset}`, (req) => {
+      req.reply((res) => {
         res.body = {
           data: stubPageRows(page),
           limit,
diff --git a/e2e/test/scenarios/binning/binning-options.cy.spec.js b/e2e/test/scenarios/binning/binning-options.cy.spec.js
index 236d504d63d..0313078eeb7 100644
--- a/e2e/test/scenarios/binning/binning-options.cy.spec.js
+++ b/e2e/test/scenarios/binning/binning-options.cy.spec.js
@@ -319,8 +319,8 @@ function getTitle(title) {
 }
 
 function getAllOptions({ options, isSelected, shouldExpandList } = {}) {
-  const selectedOption = options.find(option => option === isSelected);
-  const regularOptions = options.filter(option => option !== isSelected);
+  const selectedOption = options.find((option) => option === isSelected);
+  const regularOptions = options.filter((option) => option !== isSelected);
 
   // Custom question has two popovers open.
   // The binning options are in the latest (last) one.
@@ -333,7 +333,7 @@ function getAllOptions({ options, isSelected, shouldExpandList } = {}) {
         cy.findByText("More…").click();
       }
 
-      regularOptions.forEach(option => {
+      regularOptions.forEach((option) => {
         // Implicit assertion - will fail if string is rendered multiple times
         cy.findByText(option);
       });
diff --git a/e2e/test/scenarios/binning/binning-reproductions.cy.spec.js b/e2e/test/scenarios/binning/binning-reproductions.cy.spec.js
index 0b6cb7b510f..ae6afedee90 100644
--- a/e2e/test/scenarios/binning/binning-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/binning/binning-reproductions.cy.spec.js
@@ -67,7 +67,7 @@ describe("binning related reproductions", () => {
       isSelected: true,
     });
 
-    cy.wait("@dataset").then(xhr => {
+    cy.wait("@dataset").then((xhr) => {
       expect(xhr.response.body.error).not.to.exist;
     });
 
@@ -356,7 +356,7 @@ describe("binning related reproductions", () => {
         cy.findByText("LONGITUDE").click();
       });
 
-      cy.wait("@dataset").then(xhr => {
+      cy.wait("@dataset").then((xhr) => {
         expect(xhr.response.body.error).not.to.exist;
       });
 
diff --git a/e2e/test/scenarios/binning/correctness/longitude.cy.spec.js b/e2e/test/scenarios/binning/correctness/longitude.cy.spec.js
index f27df9f66f5..bed00334997 100644
--- a/e2e/test/scenarios/binning/correctness/longitude.cy.spec.js
+++ b/e2e/test/scenarios/binning/correctness/longitude.cy.spec.js
@@ -82,7 +82,7 @@ function assertOnXYAxisLabels() {
 function assertOnXAxisTicks(values) {
   if (values) {
     H.echartsContainer().within(() => {
-      values.forEach(value => {
+      values.forEach((value) => {
         cy.findByText(value);
       });
     });
diff --git a/e2e/test/scenarios/binning/correctness/time-series.cy.spec.js b/e2e/test/scenarios/binning/correctness/time-series.cy.spec.js
index f7599d47511..5f6bdb5a4be 100644
--- a/e2e/test/scenarios/binning/correctness/time-series.cy.spec.js
+++ b/e2e/test/scenarios/binning/correctness/time-series.cy.spec.js
@@ -77,7 +77,7 @@ function assertOnHeaderCells(bucketSize) {
 }
 
 function assertOnTableValues(values) {
-  values.map(v => {
+  values.map((v) => {
     cy.findByText(v).scrollIntoView();
   });
 }
diff --git a/e2e/test/scenarios/binning/qb-explicit-joins.cy.spec.js b/e2e/test/scenarios/binning/qb-explicit-joins.cy.spec.js
index 25a771d6bef..10b681d233a 100644
--- a/e2e/test/scenarios/binning/qb-explicit-joins.cy.spec.js
+++ b/e2e/test/scenarios/binning/qb-explicit-joins.cy.spec.js
@@ -294,7 +294,7 @@ function assertOnXYAxisLabels({ xLabel, yLabel } = {}) {
 }
 
 function waitAndAssertOnRequest(requestAlias) {
-  cy.wait(requestAlias).then(xhr => {
+  cy.wait(requestAlias).then((xhr) => {
     expect(xhr.response.body.error).to.not.exist;
   });
 }
@@ -321,7 +321,7 @@ function assertQueryBuilderState({
 
   values &&
     H.echartsContainer().within(() => {
-      values.forEach(value => {
+      values.forEach((value) => {
         cy.findByText(value);
       });
     });
diff --git a/e2e/test/scenarios/binning/qb-implicit-joins.cy.spec.js b/e2e/test/scenarios/binning/qb-implicit-joins.cy.spec.js
index 3dd099c4c56..de8fd3faebd 100644
--- a/e2e/test/scenarios/binning/qb-implicit-joins.cy.spec.js
+++ b/e2e/test/scenarios/binning/qb-implicit-joins.cy.spec.js
@@ -147,7 +147,7 @@ describe("scenarios > binning > from a saved QB question using implicit joins",
 });
 
 function waitAndAssertOnRequest(requestAlias) {
-  cy.wait(requestAlias).then(xhr => {
+  cy.wait(requestAlias).then((xhr) => {
     expect(xhr.response.body.error).to.not.exist;
   });
 }
diff --git a/e2e/test/scenarios/binning/sql.cy.spec.js b/e2e/test/scenarios/binning/sql.cy.spec.js
index 99bce8c5d9b..86e21a34ee9 100644
--- a/e2e/test/scenarios/binning/sql.cy.spec.js
+++ b/e2e/test/scenarios/binning/sql.cy.spec.js
@@ -21,7 +21,7 @@ describe("scenarios > binning > from a saved sql question", () => {
       wrapId: true,
     });
 
-    cy.get("@questionId").then(id => (questionId = id));
+    cy.get("@questionId").then((id) => (questionId = id));
 
     H.snapshot("binningSql");
   });
@@ -124,7 +124,7 @@ describe("scenarios > binning > from a saved sql question", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText("Count by CREATED_AT: Year");
 
-      H.visualize(response => {
+      H.visualize((response) => {
         assertOnResponse(response);
       });
 
@@ -141,7 +141,7 @@ describe("scenarios > binning > from a saved sql question", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText("Count by TOTAL: 50 bins");
 
-      H.visualize(response => {
+      H.visualize((response) => {
         assertOnResponse(response);
       });
 
@@ -158,7 +158,7 @@ describe("scenarios > binning > from a saved sql question", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText("Count by LONGITUDE: 10°");
 
-      H.visualize(response => {
+      H.visualize((response) => {
         assertOnResponse(response);
       });
 
diff --git a/e2e/test/scenarios/collections/cleanup.cy.spec.js b/e2e/test/scenarios/collections/cleanup.cy.spec.js
index 0582964ae36..936c92d1841 100644
--- a/e2e/test/scenarios/collections/cleanup.cy.spec.js
+++ b/e2e/test/scenarios/collections/cleanup.cy.spec.js
@@ -117,8 +117,8 @@ describe("scenarios > collections > clean up", () => {
               );
 
               // trip is_sample flag
-              cy.intercept("GET", `/api/collection/${id}`, req => {
-                req.on("response", res => {
+              cy.intercept("GET", `/api/collection/${id}`, (req) => {
+                req.on("response", (res) => {
                   res.send(assocIn(res.body, ["is_sample"], true));
                 });
               });
@@ -154,7 +154,7 @@ describe("scenarios > collections > clean up", () => {
       });
 
       it("should be able to clean up stale items", () => {
-        seedMainTestData().then(seedData => {
+        seedMainTestData().then((seedData) => {
           const firstAlphabeticalName = "Bulk dashboard 1";
           const lastAlphabeticalName = "Bulk question 9";
 
@@ -236,7 +236,7 @@ describe("scenarios > collections > clean up", () => {
           assertNoPagination();
 
           H.expectGoodSnowplowEvent(
-            event =>
+            (event) =>
               isMatching(
                 {
                   event: "moved-to-trash",
@@ -255,7 +255,7 @@ describe("scenarios > collections > clean up", () => {
           // that it exists and is a string. Snowplow will assert that it is in the correct
           // format
           H.expectGoodSnowplowEvent(
-            event =>
+            (event) =>
               event &&
               event.event === "stale_items_archived" &&
               event.collection_id === seedData.collection.id &&
@@ -304,7 +304,7 @@ describe("scenarios > collections > clean up", () => {
 
           // Ensure that stale items in Our Analytics are maked with a null collection id
           H.expectGoodSnowplowEvent(
-            event =>
+            (event) =>
               event &&
               event.event === "stale_items_archived" &&
               event.collection_id === null &&
@@ -323,7 +323,7 @@ describe("scenarios > collections > clean up", () => {
           .then(({ body: { id } }) => id)
           .as("collectionId");
 
-        cy.get("@collectionId").then(id => {
+        cy.get("@collectionId").then((id) => {
           return bulkCreateQuestions(2, { collection_id: id }).then(() => {
             H.visitCollection(id);
           });
@@ -379,7 +379,7 @@ const selectCleanThingsUpCollectionAction = () => {
       cy.findByText("Clear out unused items").click();
     });
 };
-const setDateFilter = timeSpan => {
+const setDateFilter = (timeSpan) => {
   dateFilter().click();
   H.selectDropdown().findByText(timeSpan).click();
 };
@@ -405,7 +405,7 @@ const assertNoPagination = () => {
   });
 };
 
-const assertStaleItemCount = itemCount => {
+const assertStaleItemCount = (itemCount) => {
   cleanUpModal().within(() => {
     cy.findAllByTestId("pagination-total").should("have.text", `${itemCount}`);
   });
@@ -418,7 +418,7 @@ const bulkCreateQuestions = (amount, options, results = []) => {
     query: { "source-table": STATIC_ORDERS_ID },
     type: "model",
     ...options,
-  }).then(req => {
+  }).then((req) => {
     results.push(req.body);
     if (amount <= 1) {
       return results;
@@ -431,7 +431,7 @@ const bulkCreateDashboards = (amount, options, results = []) => {
   return H.createDashboard({
     name: `Bulk dashboard ${amount}`,
     ...options,
-  }).then(req => {
+  }).then((req) => {
     results.push(req.body);
     if (amount <= 1) {
       return results;
@@ -495,7 +495,7 @@ function seedMainTestData() {
   cy.get("@cleanUpCollection")
     .then(({ id }) => bulkCreateQuestions(12, { collection_id: id }))
     .as("questions")
-    .then(questions => {
+    .then((questions) => {
       veryStaleQuestionIds.push(...questions.slice(0, 4).map(({ id }) => id));
       staleQuestionIds.push(...questions.slice(4, 8).map(({ id }) => id));
       notStaleQuestionIds.push(...questions.slice(8).map(({ id }) => id));
@@ -506,7 +506,7 @@ function seedMainTestData() {
   cy.get("@cleanUpCollection")
     .then(({ id }) => bulkCreateDashboards(9, { collection_id: id }))
     .as("dashboards")
-    .then(dashboards => {
+    .then((dashboards) => {
       veryStaleDashboardIds.push(...dashboards.slice(0, 3).map(({ id }) => id));
       staleDashboardIds.push(...dashboards.slice(3, 6).map(({ id }) => id));
       notStaleDashboardIds.push(...dashboards.slice(6).map(({ id }) => id));
@@ -523,7 +523,7 @@ function seedMainTestData() {
   cy.get("@cleanUpChildCollection")
     .then(({ id }) => bulkCreateDashboards(5, { collection_id: id }))
     .as("childDashboards")
-    .then(dashboards => {
+    .then((dashboards) => {
       veryStaleChildDashboardIds.push(...dashboards.map(({ id }) => id));
       makeItemsStale(veryStaleChildDashboardIds, "dashboard", "2000-01-01");
     });
diff --git a/e2e/test/scenarios/collections/collections.cy.spec.js b/e2e/test/scenarios/collections/collections.cy.spec.js
index 4ae2d7b0c5f..bf6b6f1b7d2 100644
--- a/e2e/test/scenarios/collections/collections.cy.spec.js
+++ b/e2e/test/scenarios/collections/collections.cy.spec.js
@@ -32,7 +32,7 @@ describe("scenarios > collection defaults", () => {
   describe("new collection modal", () => {
     it("should be usable on small screens", () => {
       const COLLECTIONS_COUNT = 5;
-      _.times(COLLECTIONS_COUNT, index => {
+      _.times(COLLECTIONS_COUNT, (index) => {
         cy.request("POST", "/api/collection", {
           name: `Collection ${index + 1}`,
           parent_id: null,
@@ -48,7 +48,7 @@ describe("scenarios > collection defaults", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText("Collection").click();
 
-      cy.findByTestId("new-collection-modal").then(modal => {
+      cy.findByTestId("new-collection-modal").then((modal) => {
         cy.findByPlaceholderText("My new fantastic collection").type(
           "Test collection",
         );
@@ -254,8 +254,8 @@ describe("scenarios > collection defaults", () => {
       cy.intercept(
         "GET",
         "/api/collection/root/items?models=dashboard**",
-        req => {
-          req.on("response", res => {
+        (req) => {
+          req.on("response", (res) => {
             res.send(
               assocIn(res.body, ["data", 0, "last-edit-info"], {
                 id: 1,
@@ -278,8 +278,8 @@ describe("scenarios > collection defaults", () => {
       cy.intercept(
         "GET",
         "/api/collection/root/items?models=dashboard**",
-        req => {
-          req.on("response", res => {
+        (req) => {
+          req.on("response", (res) => {
             res.send(
               assocIn(res.body, ["data", 0, "last-edit-info"], {
                 id: 1,
@@ -790,7 +790,7 @@ describe("scenarios > collection defaults", () => {
           H.createCollection({ name: "Outer collection 2" });
 
           // modify the inner collection so that it shows up in recents
-          cy.get("@innerCollectionId").then(innerCollectionId => {
+          cy.get("@innerCollectionId").then((innerCollectionId) => {
             cy.request("PUT", `/api/collection/${innerCollectionId}`, {
               name: "Inner collection 1 - modified",
             });
@@ -842,7 +842,7 @@ describe("scenarios > collection defaults", () => {
     it("collections list on the home page shouldn't depend on the name of the first 50 objects (metabase#16784)", () => {
       // Although there are already some objects in the default snapshot (3 questions, 1 dashboard, 3 collections),
       // let's create 50 more dashboards with the letter of alphabet `D` coming before the first letter of the existing collection `F`.
-      Cypress._.times(50, i => H.createDashboard({ name: `Dashboard ${i}` }));
+      Cypress._.times(50, (i) => H.createDashboard({ name: `Dashboard ${i}` }));
 
       cy.visit("/");
       // There is already a collection named "First collection" in the default snapshot
@@ -859,7 +859,7 @@ describe("scenarios > collection defaults", () => {
         cy.findByText("Collection").click();
       });
 
-      cy.findByTestId("new-collection-modal").then(modal => {
+      cy.findByTestId("new-collection-modal").then((modal) => {
         cy.findByText("Collection it's saved in").should("be.visible");
         cy.findByTestId("collection-picker-button")
           .findByText("Third collection")
@@ -905,7 +905,7 @@ describe("scenarios > collection items listing", () => {
   }
 
   function archiveAll() {
-    cy.request("GET", "/api/collection/root/items").then(response => {
+    cy.request("GET", "/api/collection/root/items").then((response) => {
       response.body.data.forEach(({ model, id }) => {
         if (model !== "collection") {
           cy.request(
@@ -951,10 +951,10 @@ describe("scenarios > collection items listing", () => {
       // so the test won't fail if we change the default database
       archiveAll();
 
-      _.times(ADDED_DASHBOARDS, i =>
+      _.times(ADDED_DASHBOARDS, (i) =>
         H.createDashboard({ name: `dashboard ${i}` }),
       );
-      _.times(ADDED_QUESTIONS, i =>
+      _.times(ADDED_QUESTIONS, (i) =>
         H.createQuestion({
           name: `generated question ${i}`,
           query: TEST_QUESTION_QUERY,
@@ -1148,8 +1148,8 @@ describe("scenarios > collection items listing", () => {
     });
 
     it("should reset pagination if sorting applied on not first page", () => {
-      _.times(15, i => H.createDashboard(`dashboard ${i}`));
-      _.times(15, i =>
+      _.times(15, (i) => H.createDashboard(`dashboard ${i}`));
+      _.times(15, (i) =>
         H.createQuestion({
           name: `generated question ${i}`,
           query: TEST_QUESTION_QUERY,
@@ -1238,7 +1238,7 @@ function ensureCollectionIsExpanded(collection, { children = [] } = {}) {
     cy.get("@root")
       .next("ul")
       .within(() => {
-        children.forEach(child => {
+        children.forEach((child) => {
           cy.findByText(child);
         });
       });
@@ -1246,7 +1246,7 @@ function ensureCollectionIsExpanded(collection, { children = [] } = {}) {
 }
 
 function moveItemToCollection(itemName, collectionName) {
-  cy.request("GET", "/api/collection/root/items").then(resp => {
+  cy.request("GET", "/api/collection/root/items").then((resp) => {
     const ALL_ITEMS = resp.body.data;
 
     const { id, model } = getCollectionItem(ALL_ITEMS, itemName);
@@ -1258,7 +1258,7 @@ function moveItemToCollection(itemName, collectionName) {
   });
 
   function getCollectionItem(collection, itemName) {
-    return collection.find(item => item.name === itemName);
+    return collection.find((item) => item.name === itemName);
   }
 }
 
diff --git a/e2e/test/scenarios/collections/instance-analytics.cy.spec.js b/e2e/test/scenarios/collections/instance-analytics.cy.spec.js
index e0d11e7bac4..339ae9cc377 100644
--- a/e2e/test/scenarios/collections/instance-analytics.cy.spec.js
+++ b/e2e/test/scenarios/collections/instance-analytics.cy.spec.js
@@ -43,7 +43,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
       { requestTimeout: 15000 },
       () => {
         cy.log("saving edited question");
-        getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then(id => {
+        getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then((id) => {
           H.visitModel(id);
         });
 
@@ -60,7 +60,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
 
         cy.findByTestId("qb-header").findByText("Save").click();
 
-        cy.findByTestId("save-question-modal").within(modal => {
+        cy.findByTestId("save-question-modal").within((modal) => {
           cy.findByTestId("dashboard-and-collection-picker-button").findByText(
             "Custom reports",
           );
@@ -75,7 +75,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
 
         cy.log("saving copied question");
 
-        getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then(id => {
+        getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then((id) => {
           H.visitModel(id);
         });
 
@@ -99,7 +99,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
 
         cy.log("saving copied dashboard");
 
-        getItemId(ANALYTICS_COLLECTION_NAME, "Person overview").then(id => {
+        getItemId(ANALYTICS_COLLECTION_NAME, "Person overview").then((id) => {
           H.visitDashboard(id);
         });
 
@@ -130,7 +130,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
 
       visitCollection(ANALYTICS_COLLECTION_NAME);
 
-      cy.findAllByTestId("collection-entry").each(el => {
+      cy.findAllByTestId("collection-entry").each((el) => {
         if (el.text() === CUSTOM_REPORTS_COLLECTION_NAME) {
           cy.wrap(el).within(() => {
             cy.icon("ellipsis").click();
@@ -154,7 +154,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
 
       visitCollection("Our analytics");
 
-      cy.findAllByTestId("collection-entry").each(el => {
+      cy.findAllByTestId("collection-entry").each((el) => {
         if (el.text() === ANALYTICS_COLLECTION_NAME) {
           cy.wrap(el).within(() => {
             cy.icon("ellipsis").click();
@@ -172,9 +172,11 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
 
     it("should not allow editing analytics content (metabase#36228)", () => {
       // dashboard
-      getItemId(ANALYTICS_COLLECTION_NAME, METRICS_DASHBOARD_NAME).then(id => {
-        H.visitDashboard(id);
-      });
+      getItemId(ANALYTICS_COLLECTION_NAME, METRICS_DASHBOARD_NAME).then(
+        (id) => {
+          H.visitDashboard(id);
+        },
+      );
 
       cy.findByTestId("dashboard-header").within(() => {
         cy.findByText("Make a copy");
@@ -182,7 +184,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
       });
 
       // model
-      getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then(id => {
+      getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then((id) => {
         H.visitModel(id);
       });
 
@@ -195,7 +197,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
     });
 
     it("should not leak instance analytics database into SQL query builder (metabase#44856)", () => {
-      getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then(id => {
+      getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then((id) => {
         H.visitModel(id);
       });
 
@@ -208,7 +210,7 @@ describe("scenarios > Metabase Analytics Collection (AuditV2) ", () => {
     });
 
     it("should not leak instance analytics database into permissions editor (metabase#44856)", () => {
-      getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then(id => {
+      getItemId(ANALYTICS_COLLECTION_NAME, PEOPLE_MODEL_NAME).then((id) => {
         H.visitModel(id);
       });
 
@@ -394,13 +396,13 @@ function getCollectionId(collectionName) {
 }
 
 function visitCollection(collectionName) {
-  getCollectionId(collectionName).then(id => {
+  getCollectionId(collectionName).then((id) => {
     cy.visit(`/collection/${id}`);
   });
 }
 
 function getItemId(collectionName, itemName) {
-  return getCollectionId(collectionName).then(id => {
+  return getCollectionId(collectionName).then((id) => {
     cy.request("GET", `/api/collection/${id}/items`).then(({ body }) => {
       const item = body.data.find(({ name }) => name === itemName);
       return item.id;
diff --git a/e2e/test/scenarios/collections/permissions.cy.spec.js b/e2e/test/scenarios/collections/permissions.cy.spec.js
index a9bf2edd183..a8c84086328 100644
--- a/e2e/test/scenarios/collections/permissions.cy.spec.js
+++ b/e2e/test/scenarios/collections/permissions.cy.spec.js
@@ -21,7 +21,7 @@ describe("collection permissions", () => {
   describe("item management", () => {
     Object.entries(PERMISSIONS).forEach(([permission, userGroup]) => {
       context(`${permission} access`, () => {
-        userGroup.forEach(user => {
+        userGroup.forEach((user) => {
           onlyOn(permission === "curate", () => {
             describe(`${user} user`, () => {
               beforeEach(() => {
@@ -156,10 +156,10 @@ describe("collection permissions", () => {
                   });
 
                   it("archiving sub-collection should redirect to its parent", () => {
-                    cy.request("GET", "/api/collection").then(xhr => {
+                    cy.request("GET", "/api/collection").then((xhr) => {
                       // We need to obtain the ID programatically
                       const { id: THIRD_COLLECTION_ID } = xhr.body.find(
-                        collection => collection.slug === "third_collection",
+                        (collection) => collection.slug === "third_collection",
                       );
 
                       cy.intercept(
@@ -208,9 +208,9 @@ describe("collection permissions", () => {
                   });
 
                   it("visiting already archived collection by its ID shouldn't let you edit it (metabase#12489)", () => {
-                    cy.request("GET", "/api/collection").then(xhr => {
+                    cy.request("GET", "/api/collection").then((xhr) => {
                       const { id: THIRD_COLLECTION_ID } = xhr.body.find(
-                        collection => collection.slug === "third_collection",
+                        (collection) => collection.slug === "third_collection",
                       );
                       // Archive it
                       cy.request(
@@ -254,9 +254,9 @@ describe("collection permissions", () => {
                   });
 
                   it("abandoning archive process should keep you in the same collection (metabase#15289)", () => {
-                    cy.request("GET", "/api/collection").then(xhr => {
+                    cy.request("GET", "/api/collection").then((xhr) => {
                       const { id: THIRD_COLLECTION_ID } = xhr.body.find(
-                        collection => collection.slug === "third_collection",
+                        (collection) => collection.slug === "third_collection",
                       );
                       cy.visit(`/collection/${THIRD_COLLECTION_ID}`);
                       H.openCollectionMenu();
@@ -337,7 +337,7 @@ describe("collection permissions", () => {
                 });
             });
 
-            ["/", "/collection/root"].forEach(route => {
+            ["/", "/collection/root"].forEach((route) => {
               it("should not be offered to save dashboard in collections they have `read` access to (metabase#15281)", () => {
                 const { first_name, last_name } = USERS[user];
                 cy.visit(route);
diff --git a/e2e/test/scenarios/collections/personal-collections.cy.spec.js b/e2e/test/scenarios/collections/personal-collections.cy.spec.js
index 5b3be1f963f..c78f5227f6b 100644
--- a/e2e/test/scenarios/collections/personal-collections.cy.spec.js
+++ b/e2e/test/scenarios/collections/personal-collections.cy.spec.js
@@ -62,7 +62,7 @@ describe("personal collections", () => {
       H.popover().findByText("Other users' personal collections").click();
       cy.location("pathname").should("eq", "/collection/users");
       cy.findByTestId("browsercrumbs").findByText(/All personal collections/i);
-      Object.values(USERS).forEach(user => {
+      Object.values(USERS).forEach((user) => {
         const FULL_NAME = `${user.first_name} ${user.last_name}`;
         cy.findByText(FULL_NAME);
       });
@@ -132,7 +132,7 @@ describe("personal collections", () => {
   });
 
   describe("all users", () => {
-    Object.keys(USERS).forEach(user => {
+    Object.keys(USERS).forEach((user) => {
       describe(`${user} user`, () => {
         beforeEach(() => {
           cy.signIn(user);
diff --git a/e2e/test/scenarios/collections/revision-history.cy.spec.js b/e2e/test/scenarios/collections/revision-history.cy.spec.js
index 7b62d9f394d..00307e0b866 100644
--- a/e2e/test/scenarios/collections/revision-history.cy.spec.js
+++ b/e2e/test/scenarios/collections/revision-history.cy.spec.js
@@ -46,7 +46,7 @@ describe("revision history", () => {
 
   Object.entries(PERMISSIONS).forEach(([permission, userGroup]) => {
     context(`${permission} access`, () => {
-      userGroup.forEach(user => {
+      userGroup.forEach((user) => {
         // This function `onlyOn` will not generate tests for any other condition.
         // It helps to make both our tests and Cypress runner sidebar clean
         onlyOn(permission === "curate", () => {
diff --git a/e2e/test/scenarios/collections/trash.cy.spec.js b/e2e/test/scenarios/collections/trash.cy.spec.js
index 851cfa0c326..79856c4a385 100644
--- a/e2e/test/scenarios/collections/trash.cy.spec.js
+++ b/e2e/test/scenarios/collections/trash.cy.spec.js
@@ -113,16 +113,16 @@ describe("scenarios > collections > trash", () => {
     it("should be able to trash & restore dashboards/collections/questions on entity page and from parent collection", () => {
       cy.log("create test resources");
       cy.log("Bookmark the resources to test metabase#44224");
-      createCollection({ name: "Collection A" }).then(collection => {
+      createCollection({ name: "Collection A" }).then((collection) => {
         cy.request("POST", `/api/bookmark/collection/${collection.id}`);
       });
-      createDashboard({ name: "Dashboard A" }).then(dashboard => {
+      createDashboard({ name: "Dashboard A" }).then((dashboard) => {
         cy.request("POST", `/api/bookmark/dashboard/${dashboard.id}`);
       });
       createNativeQuestion({
         name: "Question A",
         native: { query: "select 1;" },
-      }).then(question => {
+      }).then((question) => {
         cy.request("POST", `/api/bookmark/card/${question.id}`);
       });
 
@@ -131,7 +131,7 @@ describe("scenarios > collections > trash", () => {
       cy.log("should be able to move to trash from collection view");
       toggleEllipsisMenuFor(/Collection A/);
       H.popover().findByText("Move to trash").click();
-      H.expectGoodSnowplowEvent(event =>
+      H.expectGoodSnowplowEvent((event) =>
         isMatching(
           {
             event: "moved-to-trash",
@@ -147,7 +147,7 @@ describe("scenarios > collections > trash", () => {
 
       toggleEllipsisMenuFor("Dashboard A");
       H.popover().findByText("Move to trash").click();
-      H.expectGoodSnowplowEvent(event =>
+      H.expectGoodSnowplowEvent((event) =>
         isMatching(
           {
             event: "moved-to-trash",
@@ -163,7 +163,7 @@ describe("scenarios > collections > trash", () => {
 
       toggleEllipsisMenuFor("Question A");
       H.popover().findByText("Move to trash").click();
-      H.expectGoodSnowplowEvent(event =>
+      H.expectGoodSnowplowEvent((event) =>
         isMatching(
           {
             event: "moved-to-trash",
@@ -207,7 +207,7 @@ describe("scenarios > collections > trash", () => {
         cy.findByText("Move this collection to trash?");
         cy.findByText("Move to trash").click();
       });
-      H.expectGoodSnowplowEvent(event =>
+      H.expectGoodSnowplowEvent((event) =>
         isMatching(
           {
             event: "moved-to-trash",
@@ -233,7 +233,7 @@ describe("scenarios > collections > trash", () => {
         cy.findByText("Move this dashboard to trash?");
         cy.findByText("Move to trash").click();
       });
-      H.expectGoodSnowplowEvent(event =>
+      H.expectGoodSnowplowEvent((event) =>
         isMatching(
           {
             event: "moved-to-trash",
@@ -263,7 +263,7 @@ describe("scenarios > collections > trash", () => {
         cy.findByText("Move this question to trash?");
         cy.findByText("Move to trash").click();
       });
-      H.expectGoodSnowplowEvent(event =>
+      H.expectGoodSnowplowEvent((event) =>
         isMatching(
           {
             event: "moved-to-trash",
@@ -289,9 +289,9 @@ describe("scenarios > collections > trash", () => {
     cy.log("create test resources");
     createCollection({ name: "Collection A" })
       .as("collectionA")
-      .then(a => createCollection({ name: "Collection B", parent_id: a.id }));
+      .then((a) => createCollection({ name: "Collection B", parent_id: a.id }));
 
-    cy.get("@collectionA").then(collectionA => {
+    cy.get("@collectionA").then((collectionA) => {
       H.archiveCollection(collectionA.id);
     });
 
@@ -593,7 +593,7 @@ describe("scenarios > collections > trash", () => {
       true,
     ).as("question");
 
-    cy.get("@question").then(question => {
+    cy.get("@question").then((question) => {
       H.visitQuestion(question.id);
       // should not have disabled actions in top navbar
       cy.findAllByTestId("qb-header-action-panel").within(() => {
@@ -611,7 +611,7 @@ describe("scenarios > collections > trash", () => {
       });
     });
 
-    cy.get("@dashboard").then(dashboard => {
+    cy.get("@dashboard").then((dashboard) => {
       H.visitDashboard(dashboard.id);
 
       cy.findAllByTestId("dashboard-header").within(() => {
@@ -627,7 +627,7 @@ describe("scenarios > collections > trash", () => {
   it("user should not be shown restore/move/delete options in archive banner if they have view only permissions", () => {
     createCollection({ name: "Collection A" }).as("collection");
 
-    cy.get("@collection").then(collection => {
+    cy.get("@collection").then((collection) => {
       createNativeQuestion(
         {
           name: "Question A",
@@ -670,7 +670,7 @@ describe("scenarios > collections > trash", () => {
 
     cy.signInAsNormalUser();
 
-    cy.get("@collection").then(collection => {
+    cy.get("@collection").then((collection) => {
       H.visitCollection(collection.id);
       archiveBanner().findByText("Restore").should("not.exist");
       archiveBanner().findByText("Move").should("not.exist");
@@ -736,7 +736,7 @@ describe("scenarios > collections > trash", () => {
     assertTrashSelectedInNavigationSidebar();
 
     cy.log("Make sure trash is selected for a trashed collection");
-    cy.get("@collection").then(collection => {
+    cy.get("@collection").then((collection) => {
       cy.intercept("GET", `/api/collection/${collection.id}`).as(
         "getCollection",
       );
@@ -746,7 +746,7 @@ describe("scenarios > collections > trash", () => {
     });
 
     cy.log("Make sure trash is selected for a trashed dashboard");
-    cy.get("@dashboard").then(dashboard => {
+    cy.get("@dashboard").then((dashboard) => {
       cy.intercept("GET", `/api/dashboard/${dashboard.id}*`).as("getDashboard");
       H.visitDashboard(dashboard.id);
       cy.wait("@getDashboard");
@@ -755,7 +755,7 @@ describe("scenarios > collections > trash", () => {
     });
 
     cy.log("Make sure trash is selected for a trashed question");
-    cy.get("@question").then(question => {
+    cy.get("@question").then((question) => {
       cy.log(question.id);
       cy.intercept("POST", `/api/card/${question.id}/query`).as(
         "getQuestionResult",
diff --git a/e2e/test/scenarios/collections/uploads.cy.spec.js b/e2e/test/scenarios/collections/uploads.cy.spec.js
index 8ccd9fcfdce..18de9f078bb 100644
--- a/e2e/test/scenarios/collections/uploads.cy.spec.js
+++ b/e2e/test/scenarios/collections/uploads.cy.spec.js
@@ -62,13 +62,13 @@ H.describeWithSnowplow(
 
       const tableQuery = `SELECT * FROM information_schema.tables WHERE table_name LIKE '%${testFile.tableName}_%' ORDER BY table_name DESC LIMIT 1;`;
 
-      H.queryWritableDB(tableQuery, "postgres").then(result => {
+      H.queryWritableDB(tableQuery, "postgres").then((result) => {
         expect(result.rows.length).to.equal(1);
         const tableName = result.rows[0].table_name;
         H.queryWritableDB(
           `SELECT count(*) FROM ${EMPTY_SCHEMA_NAME}.${tableName};`,
           "postgres",
-        ).then(result => {
+        ).then((result) => {
           expect(Number(result.rows[0].count)).to.equal(testFile.rowCount);
         });
       });
@@ -94,7 +94,7 @@ H.describeWithSnowplow(
       });
     });
 
-    ["postgres", "mysql"].forEach(dialect => {
+    ["postgres", "mysql"].forEach((dialect) => {
       describe(`CSV Uploading (${dialect})`, () => {
         beforeEach(() => {
           H.restore(`${dialect}-writable`);
@@ -115,7 +115,7 @@ H.describeWithSnowplow(
           H.expectNoBadSnowplowEvents();
         });
 
-        H.VALID_CSV_FILES.forEach(testFile => {
+        H.VALID_CSV_FILES.forEach((testFile) => {
           it(`Can upload ${testFile.fileName} to a collection`, () => {
             uploadFileToCollection(testFile);
 
@@ -125,14 +125,14 @@ H.describeWithSnowplow(
 
             const tableQuery = `SELECT * FROM information_schema.tables WHERE table_name LIKE '%${testFile.tableName}_%' ORDER BY table_name DESC LIMIT 1;`;
 
-            H.queryWritableDB(tableQuery, dialect).then(result => {
+            H.queryWritableDB(tableQuery, dialect).then((result) => {
               expect(result.rows.length).to.equal(1);
               const tableName =
                 result.rows[0].table_name ?? result.rows[0].TABLE_NAME;
               H.queryWritableDB(
                 `SELECT count(*) as count FROM ${tableName};`,
                 dialect,
-              ).then(result => {
+              ).then((result) => {
                 expect(Number(result.rows[0].count)).to.equal(
                   testFile.rowCount,
                 );
@@ -141,7 +141,7 @@ H.describeWithSnowplow(
           });
         });
 
-        H.INVALID_CSV_FILES.forEach(testFile => {
+        H.INVALID_CSV_FILES.forEach((testFile) => {
           it(`Cannot upload ${testFile.fileName} to a collection`, () => {
             uploadFileToCollection(testFile);
 
@@ -151,7 +151,7 @@ H.describeWithSnowplow(
 
             const tableQuery = `SELECT * FROM information_schema.tables WHERE table_name LIKE '%${testFile.tableName}_%' ORDER BY table_name DESC LIMIT 1;`;
 
-            H.queryWritableDB(tableQuery, dialect).then(result => {
+            H.queryWritableDB(tableQuery, dialect).then((result) => {
               expect(result.rows.length).to.equal(0);
             });
           });
@@ -237,7 +237,7 @@ H.describeWithSnowplow(
       H.visitCollection(FIRST_COLLECTION_ID);
 
       cy.fixture(`${FIXTURE_PATH}/${H.VALID_CSV_FILES[2].fileName}`).then(
-        file => {
+        (file) => {
           cy.get("#upload-input").selectFile(
             {
               contents: Cypress.Buffer.from(file),
@@ -398,7 +398,7 @@ describe("Upload Table Cleanup/Management", { tags: "@external" }, () => {
 });
 
 function uploadFileToCollection(testFile, viewModel = true) {
-  cy.get("@collectionId").then(collectionId =>
+  cy.get("@collectionId").then((collectionId) =>
     cy.visit(`/collection/${collectionId}`),
   );
 
@@ -441,7 +441,7 @@ function uploadToExisting({
 
   H.popover().findByText(uploadOptions[uploadMode]).click();
 
-  cy.fixture(`${H.FIXTURE_PATH}/${testFile.fileName}`).then(file => {
+  cy.fixture(`${H.FIXTURE_PATH}/${testFile.fileName}`).then((file) => {
     cy.get("#upload-file-input").selectFile(
       {
         contents: Cypress.Buffer.from(file),
diff --git a/e2e/test/scenarios/cross-version/helpers/cross-version-helpers.js b/e2e/test/scenarios/cross-version/helpers/cross-version-helpers.js
index 8cc385a0ee3..a07a2e2a69d 100644
--- a/e2e/test/scenarios/cross-version/helpers/cross-version-helpers.js
+++ b/e2e/test/scenarios/cross-version/helpers/cross-version-helpers.js
@@ -8,7 +8,7 @@ export function parseVersionString(versionString) {
     return { version: versionString }; // Return versionString if no segments found
   }
 
-  const segmentInts = segments.map(segment => parseInt(segment, 10));
+  const segmentInts = segments.map((segment) => parseInt(segment, 10));
   const editionIndex = segmentInts[0];
 
   let edition = null;
@@ -137,7 +137,7 @@ export function saveQuestion({ majorVersion }) {
   if (majorVersion < updatedCypressSaveLogicVersion) {
     cy.button("Save").click();
   } else {
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
   }
@@ -168,7 +168,7 @@ export function dismissOkToPlayWithQuestionsModal({ majorVersion }) {
 
 export function fillAreaUnderLineChart({ majorVersion }) {
   if (majorVersion < filledAreaIconRemovedVersion) {
-    cy.findByTestId("sidebar-left").within(element => {
+    cy.findByTestId("sidebar-left").within((element) => {
       cy.icon("area").click();
     });
   }
diff --git a/e2e/test/scenarios/cross-version/source/01-generate-metadata.cy.spec.js b/e2e/test/scenarios/cross-version/source/01-generate-metadata.cy.spec.js
index df13e77fa55..4fe79c95626 100644
--- a/e2e/test/scenarios/cross-version/source/01-generate-metadata.cy.spec.js
+++ b/e2e/test/scenarios/cross-version/source/01-generate-metadata.cy.spec.js
@@ -3,7 +3,7 @@ const { H } = cy;
 it("should generate metadata", () => {
   cy.signInAsAdmin();
 
-  H.withSampleDatabase(SAMPLE_DATABASE => {
+  H.withSampleDatabase((SAMPLE_DATABASE) => {
     cy.writeFile("e2e/support/cypress_sample_database.json", SAMPLE_DATABASE);
   });
 });
diff --git a/e2e/test/scenarios/custom-column/cc-boolean-functions.cy.spec.ts b/e2e/test/scenarios/custom-column/cc-boolean-functions.cy.spec.ts
index d40a79f49ad..3bcf28e44bb 100644
--- a/e2e/test/scenarios/custom-column/cc-boolean-functions.cy.spec.ts
+++ b/e2e/test/scenarios/custom-column/cc-boolean-functions.cy.spec.ts
@@ -609,7 +609,7 @@ describe("scenarios > custom column > boolean functions", () => {
     });
 
     it("should be able setup an 'open question' click behavior", () => {
-      createDashboardWithQuestion().then(dashboard =>
+      createDashboardWithQuestion().then((dashboard) =>
         H.visitDashboard(dashboard.id),
       );
 
@@ -642,7 +642,7 @@ describe("scenarios > custom column > boolean functions", () => {
     });
 
     it("should be able setup an 'open dashboard' click behavior for the same dashboard", () => {
-      createDashboardWithQuestion().then(dashboard =>
+      createDashboardWithQuestion().then((dashboard) =>
         H.visitDashboard(dashboard.id),
       );
 
@@ -680,7 +680,7 @@ describe("scenarios > custom column > boolean functions", () => {
 
     it("should be able setup an 'open dashboard' click behavior for another dashboard", () => {
       createDashboardWithQuestion({ name: "D2" });
-      createDashboardWithQuestion({ name: "D1" }).then(dashboard =>
+      createDashboardWithQuestion({ name: "D1" }).then((dashboard) =>
         H.visitDashboard(dashboard.id),
       );
 
diff --git a/e2e/test/scenarios/custom-column/cc-cast-functions.cy.spec.ts b/e2e/test/scenarios/custom-column/cc-cast-functions.cy.spec.ts
index d2de53653cc..b45078855b7 100644
--- a/e2e/test/scenarios/custom-column/cc-cast-functions.cy.spec.ts
+++ b/e2e/test/scenarios/custom-column/cc-cast-functions.cy.spec.ts
@@ -169,7 +169,7 @@ function testFilterWithExpressions(
   H.assertQueryBuilderRowCount(200);
   H.openNotebook();
 
-  testCases.forEach(testCase => {
+  testCases.forEach((testCase) => {
     cy.log(testCase.name);
     addCustomColumn(testCase);
     H.getNotebookStep("expression").button("Filter").click();
diff --git a/e2e/test/scenarios/custom-column/cc-typing-suggestion.cy.spec.js b/e2e/test/scenarios/custom-column/cc-typing-suggestion.cy.spec.js
index db75a419e89..c82f0e14d13 100644
--- a/e2e/test/scenarios/custom-column/cc-typing-suggestion.cy.spec.js
+++ b/e2e/test/scenarios/custom-column/cc-typing-suggestion.cy.spec.js
@@ -205,10 +205,10 @@ const addCustomColumn = () => {
 function verifyHelptextPosition(text) {
   H.CustomExpressionEditor.get()
     .findByText(text)
-    .then($element => {
+    .then(($element) => {
       const { left: textLeft } = $element[0].getBoundingClientRect();
 
-      H.CustomExpressionEditor.helpText().then($element => {
+      H.CustomExpressionEditor.helpText().then(($element) => {
         const { left: helpTextLeft } = $element[0].getBoundingClientRect();
 
         expect(helpTextLeft).to.be.closeTo(textLeft, 5);
diff --git a/e2e/test/scenarios/custom-column/custom-column-reproductions.cy.spec.js b/e2e/test/scenarios/custom-column/custom-column-reproductions.cy.spec.js
index 7bcaa0cc16a..2324375171a 100644
--- a/e2e/test/scenarios/custom-column/custom-column-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/custom-column/custom-column-reproductions.cy.spec.js
@@ -502,7 +502,7 @@ describe("issue 19745", () => {
   function updateQuestion() {
     cy.intercept("PUT", "/api/card/*").as("updateQuestion");
     cy.findByText("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
     cy.wait("@updateQuestion");
@@ -679,7 +679,7 @@ describe("issue 23862", () => {
           display: "table",
         },
         {
-          callback: xhr => expect(xhr.response.body.error).not.to.exist,
+          callback: (xhr) => expect(xhr.response.body.error).not.to.exist,
         },
       );
     });
@@ -800,7 +800,7 @@ describe.skip("issue 25189", () => {
   });
 });
 
-["postgres" /*, "mysql" */].forEach(dialect => {
+["postgres" /*, "mysql" */].forEach((dialect) => {
   describe(`issue 27745 (${dialect})`, { tags: "@external" }, () => {
     const tableName = "colors27745";
 
@@ -1359,7 +1359,7 @@ describe("issue 53527", () => {
     },
   };
 
-  const mbqlQuestionDetails = cardId => ({
+  const mbqlQuestionDetails = (cardId) => ({
     name: "Quotes MBQL",
     query: {
       "source-table": `card__${cardId}`,
@@ -1436,7 +1436,7 @@ describe("issue 54638", () => {
       cy.findByText("Learn more")
         .scrollIntoView()
         .should("be.visible")
-        .then($a => {
+        .then(($a) => {
           expect($a).to.have.attr("target", "_blank");
           // Update attr to open in same tab, since Cypress does not support
           // testing in multiple tabs.
diff --git a/e2e/test/scenarios/custom-column/custom-column.cy.spec.js b/e2e/test/scenarios/custom-column/custom-column.cy.spec.js
index 1582f54d804..940b9811334 100644
--- a/e2e/test/scenarios/custom-column/custom-column.cy.spec.js
+++ b/e2e/test/scenarios/custom-column/custom-column.cy.spec.js
@@ -484,7 +484,7 @@ describe("scenarios > question > custom column", () => {
     cy.log("Reported failing on 0.38.1-SNAPSHOT (6d77f099)");
     cy.findByTestId("step-expression-0-0").should("not.exist");
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
 
@@ -524,7 +524,7 @@ describe("scenarios > question > custom column", () => {
         },
         display: "table",
       },
-      { callback: xhr => expect(xhr.response.body.error).not.to.exist },
+      { callback: (xhr) => expect(xhr.response.body.error).not.to.exist },
     );
 
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
@@ -568,7 +568,7 @@ describe("scenarios > question > custom column", () => {
     });
     cy.button("Done").click();
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
 
@@ -1522,8 +1522,8 @@ describe("scenarios > question > custom column > path", () => {
       idAlias: "modelId",
     });
 
-    cy.get("@modelId").then(modelId => {
-      H.setModelMetadata(modelId, field => {
+    cy.get("@modelId").then((modelId) => {
+      H.setModelMetadata(modelId, (field) => {
         if (field.name === CC_NAME) {
           return { ...field, semantic_type: "type/URL" };
         }
diff --git a/e2e/test/scenarios/dashboard-cards/click-behavior.cy.spec.js b/e2e/test/scenarios/dashboard-cards/click-behavior.cy.spec.js
index e135cb29770..bb6ae25baa0 100644
--- a/e2e/test/scenarios/dashboard-cards/click-behavior.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-cards/click-behavior.cy.spec.js
@@ -227,7 +227,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       H.editDashboard();
 
       cy.log("doesn't throw when setting default behavior (metabase#35354)");
-      cy.on("uncaught:exception", err => {
+      cy.on("uncaught:exception", (err) => {
         expect(err.name.includes("TypeError")).to.be.false;
       });
 
@@ -256,7 +256,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       cy.intercept("GET", "/api/collection", cy.spy().as("collections"));
 
       clickLineChartPoint();
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           expect(search).to.equal("");
@@ -283,7 +283,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           wrapId: true,
           idAlias: "targetDashboardId",
         },
-      ).then(dashboardId => {
+      ).then((dashboardId) => {
         cy.request("PUT", `/api/dashboard/${dashboardId}`, {
           dashcards: [
             createMockDashboardCard({
@@ -317,7 +317,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       cy.findAllByTestId("field-set")
         .should("have.length", 1)
         .should("contain.text", POINT_COUNT);
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           expect(search).to.equal(
@@ -337,7 +337,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           wrapId: true,
           idAlias: "targetDashboardId",
         },
-      ).then(dashboardId => {
+      ).then((dashboardId) => {
         cy.request("PUT", `/api/dashboard/${dashboardId}`, {
           dashcards: [
             createMockDashboardCard({
@@ -374,7 +374,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         .should("have.length", 2)
         .should("contain.text", POINT_COUNT)
         .should("contain.text", POINT_CREATED_AT_FORMATTED);
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           expect(search).to.equal(
@@ -414,8 +414,8 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
 
       const TAB_SLUG_MAP = {};
 
-      tabs.forEach(tab => {
-        cy.get(`@${tab.name}-id`).then(tabId => {
+      tabs.forEach((tab) => {
+        cy.get(`@${tab.name}-id`).then((tabId) => {
           TAB_SLUG_MAP[tab.name] = `${tabId}-${tab.name}`;
         });
       });
@@ -446,7 +446,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       cy.findAllByTestId("field-set")
         .should("have.length", 1)
         .should("contain.text", POINT_COUNT);
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           const tabParam = `tab=${TAB_SLUG_MAP[SECOND_TAB.name]}`;
@@ -470,13 +470,13 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       });
 
       const TAB_SLUG_MAP = {};
-      tabs.forEach(tab => {
-        cy.get(`@${tab.name}-id`).then(tabId => {
+      tabs.forEach((tab) => {
+        cy.get(`@${tab.name}-id`).then((tabId) => {
           TAB_SLUG_MAP[tab.name] = `${tabId}-${tab.name}`;
         });
       });
 
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         const inexistingTabId = 999;
         const cardDetails = {
           visualization_settings: {
@@ -519,7 +519,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       H.saveDashboard({ waitMs: 250 });
 
       clickLineChartPoint();
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           expect(search).to.equal(`?tab=${TAB_SLUG_MAP[SECOND_TAB.name]}`);
@@ -532,7 +532,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         wrapId: true,
         idAlias: "targetDashboardId",
       });
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         const inexistingTabId = 999;
         const cardDetails = {
           visualization_settings: {
@@ -562,7 +562,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       H.saveDashboard({ waitMs: 250 });
 
       clickLineChartPoint();
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           expect(search).to.equal("");
@@ -585,13 +585,13 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       });
 
       const TAB_SLUG_MAP = {};
-      tabs.forEach(tab => {
-        cy.get(`@${tab.name}-id`).then(tabId => {
+      tabs.forEach((tab) => {
+        cy.get(`@${tab.name}-id`).then((tabId) => {
           TAB_SLUG_MAP[tab.name] = `${tabId}-${tab.name}`;
         });
       });
 
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         const cardDetails = {
           visualization_settings: {
             click_behavior: {
@@ -624,7 +624,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       cy.button("Cancel").should("not.exist");
 
       clickLineChartPoint();
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           expect(search).to.equal(`?tab=${TAB_SLUG_MAP[FIRST_TAB.name]}`);
@@ -646,7 +646,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           idAlias: "targetDashboardId",
         },
       )
-        .then(dashboardId => {
+        .then((dashboardId) => {
           return cy
             .request("PUT", `/api/dashboard/${dashboardId}`, {
               dashcards: [
@@ -663,7 +663,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
             })
             .then(() => dashboardId);
         })
-        .then(dashboardId => {
+        .then((dashboardId) => {
           H.visitDashboard(dashboardId);
         });
 
@@ -703,7 +703,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         .parent()
         .should("contain.text", DASHBOARD_FILTER_TEXT_WITH_DEFAULT.default);
 
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           expect(search).to.equal(
@@ -727,7 +727,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           idAlias: "targetDashboardId",
         },
       )
-        .then(dashboardId => {
+        .then((dashboardId) => {
           return cy
             .request("PUT", `/api/dashboard/${dashboardId}`, {
               dashcards: [
@@ -744,7 +744,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
             })
             .then(() => dashboardId);
         })
-        .then(dashboardId => {
+        .then((dashboardId) => {
           H.visitDashboard(dashboardId);
         });
 
@@ -789,7 +789,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         .parent()
         .should("contain.text", POINT_COUNT);
 
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           expect(search).to.equal(
@@ -857,7 +857,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       cy.intercept("GET", "/api/collection", cy.spy().as("collections"));
 
       clickLineChartPoint();
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         cy.location()
           .its("pathname")
           .should("contain", `/question/${questionId}`);
@@ -1018,7 +1018,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
 
       H.saveDashboard({ waitMs: 250 });
 
-      onNextAnchorClick(anchor => {
+      onNextAnchorClick((anchor) => {
         expect(anchor).to.have.attr("href", URL);
         expect(anchor).to.have.attr("rel", "noopener");
         expect(anchor).to.have.attr("target", "_blank");
@@ -1075,7 +1075,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         cy.button("Add filter").click();
       });
 
-      onNextAnchorClick(anchor => {
+      onNextAnchorClick((anchor) => {
         expect(anchor).to.have.attr("href", URL_WITH_FILLED_PARAMS);
         expect(anchor).to.have.attr("rel", "noopener");
         expect(anchor).to.have.attr("target", "_blank");
@@ -1135,7 +1135,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       cy.findAllByTestId("field-set")
         .should("have.length", 1)
         .should("contain.text", POINT_COUNT);
-      cy.get("@originalPathname").then(originalPathname => {
+      cy.get("@originalPathname").then((originalPathname) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(originalPathname);
           expect(search).to.equal(
@@ -1200,7 +1200,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       cy.findAllByTestId("field-set")
         .should("have.length", 1)
         .should("contain.text", POINT_CREATED_AT_FORMATTED);
-      cy.get("@originalPathname").then(originalPathname => {
+      cy.get("@originalPathname").then((originalPathname) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(originalPathname);
           expect(search).to.equal(
@@ -1256,7 +1256,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         .should("have.length", 2)
         .should("contain.text", POINT_COUNT)
         .should("contain.text", POINT_CREATED_AT_FORMATTED);
-      cy.get("@originalPathname").then(originalPathname => {
+      cy.get("@originalPathname").then((originalPathname) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(originalPathname);
           expect(search).to.equal(
@@ -1380,7 +1380,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           .should("have.length", 2)
           .should("contain.text", POINT_COUNT)
           .should("contain.text", POINT_CREATED_AT_FORMATTED);
-        cy.get("@targetDashboardId").then(targetDashboardId => {
+        cy.get("@targetDashboardId").then((targetDashboardId) => {
           cy.location().should(({ pathname, search }) => {
             expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
             expect(search).to.equal(
@@ -1457,8 +1457,8 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       });
 
       const TAB_SLUG_MAP = {};
-      tabs.forEach(tab => {
-        cy.get(`@${tab.name}-id`).then(tabId => {
+      tabs.forEach((tab) => {
+        cy.get(`@${tab.name}-id`).then((tabId) => {
           TAB_SLUG_MAP[tab.name] = `${tabId}-${tab.name}`;
         });
       });
@@ -1499,7 +1499,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         .should("have.length", 2)
         .should("contain.text", POINT_COUNT);
 
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         cy.location().should(({ pathname, search }) => {
           expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
           const tabParam = `tab=${TAB_SLUG_MAP[SECOND_TAB.name]}`;
@@ -1613,7 +1613,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         cy.findAllByTestId("field-set")
           .should("have.length", 1)
           .should("contain.text", POINT_COUNT);
-        cy.get("@originalPathname").then(originalPathname => {
+        cy.get("@originalPathname").then((originalPathname) => {
           cy.location().should(({ pathname, search }) => {
             expect(pathname).to.equal(originalPathname);
             expect(search).to.equal(
@@ -1632,7 +1632,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           cy.findByPlaceholderText("Search the list").type("Dell Adams");
           cy.button("Update filter").click();
         });
-        onNextAnchorClick(anchor => {
+        onNextAnchorClick((anchor) => {
           expect(anchor).to.have.attr("href", URL_WITH_FILLED_PARAMS);
           expect(anchor).to.have.attr("rel", "noopener");
           expect(anchor).to.have.attr("target", "_blank");
@@ -1669,7 +1669,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           idAlias: "targetDashboardId",
         },
       );
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         H.createQuestionAndDashboard({
           questionDetails,
           dashboardDetails,
@@ -1699,7 +1699,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         });
       });
 
-      cy.url().then(originalUrl => {
+      cy.url().then((originalUrl) => {
         clickLineChartPoint();
         cy.url().should("eq", originalUrl);
       });
@@ -1723,7 +1723,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           idAlias: "targetQuestionId",
         },
       );
-      cy.get("@targetQuestionId").then(targetQuestionId => {
+      cy.get("@targetQuestionId").then((targetQuestionId) => {
         H.createQuestionAndDashboard({
           questionDetails,
           dashboardDetails,
@@ -1753,7 +1753,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         });
       });
 
-      cy.url().then(originalUrl => {
+      cy.url().then((originalUrl) => {
         clickLineChartPoint();
         cy.url().should("eq", originalUrl);
       });
@@ -1804,7 +1804,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         cy.findByPlaceholderText("Search the list").type("Dell Adams");
         cy.button("Add filter").click();
       });
-      onNextAnchorClick(anchor => {
+      onNextAnchorClick((anchor) => {
         expect(anchor).to.have.attr("href", URL_WITH_FILLED_PARAMS);
         expect(anchor).to.have.attr("rel", "noopener");
         expect(anchor).to.have.attr("target", "_blank");
@@ -1928,7 +1928,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
             },
           );
         })
-        .then(uuid => {
+        .then((uuid) => {
           H.createQuestionAndDashboard({
             dashboardDetails: {
               name: "Dashboard",
@@ -2271,17 +2271,17 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           ],
         }),
       ],
-    }).then(dashboard => {
+    }).then((dashboard) => {
       cy.wrap(dashboard.id).as("targetDashboardId");
-      dashboard.tabs.forEach(tab => {
+      dashboard.tabs.forEach((tab) => {
         cy.wrap(tab.id).as(`${tab.name}-id`);
       });
       H.visitDashboard(dashboard.id);
     });
 
     const TAB_SLUG_MAP = {};
-    tabs.forEach(tab => {
-      cy.get(`@${tab.name}-id`).then(tabId => {
+    tabs.forEach((tab) => {
+      cy.get(`@${tab.name}-id`).then((tabId) => {
         TAB_SLUG_MAP[tab.name] = `${tabId}-${tab.name}`;
       });
     });
@@ -2304,7 +2304,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
 
     // test click behavior routing to same dashboard, different tab
     getTableCell(1).click();
-    cy.get("@targetDashboardId").then(targetDashboardId => {
+    cy.get("@targetDashboardId").then((targetDashboardId) => {
       cy.location().should(({ pathname, search }) => {
         expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
         expect(search).to.equal(
@@ -2364,7 +2364,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
     H.modal().within(() => {
       const urlInput = cy.findAllByRole("textbox").eq(0);
 
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         urlInput.type(
           `http://localhost:4000/dashboard/${targetDashboardId}?source={{source}}&category={{category}}&count={{count}}`,
           {
@@ -2381,7 +2381,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
 
     // test top header row
     H.getDashboardCard().findByText("Doohickey").click();
-    cy.get("@targetDashboardId").then(targetDashboardId => {
+    cy.get("@targetDashboardId").then((targetDashboardId) => {
       cy.location().should(({ pathname, search }) => {
         expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
         expect(search).to.equal("?category=Doohickey&count=&source=");
@@ -2390,7 +2390,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
 
     // test left header row
     H.getDashboardCard().findByText("Affiliate").click();
-    cy.get("@targetDashboardId").then(targetDashboardId => {
+    cy.get("@targetDashboardId").then((targetDashboardId) => {
       cy.location().should(({ pathname, search }) => {
         expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
         expect(search).to.equal("?category=&count=&source=Affiliate");
@@ -2449,7 +2449,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
     H.modal().within(() => {
       const urlInput = cy.findAllByRole("textbox").eq(0);
 
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         urlInput.type(
           `http://localhost:4000/dashboard/${targetDashboardId}?source={{source}}`,
           {
@@ -2466,7 +2466,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
 
     // test pivoted column
     H.getDashboardCard().findByText("Organic").click();
-    cy.get("@targetDashboardId").then(targetDashboardId => {
+    cy.get("@targetDashboardId").then((targetDashboardId) => {
       cy.location().should(({ pathname, search }) => {
         expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
         expect(search).to.equal("?source=Organic");
@@ -2512,7 +2512,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
     H.modal().within(() => {
       const urlInput = cy.findAllByRole("textbox").eq(0);
 
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         urlInput.type(
           `http://localhost:4000/dashboard/${targetDashboardId}?discount={{sum_2}}&total={{sum}}`,
           {
@@ -2531,7 +2531,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
     H.getDashboardCard().within(() => {
       H.chartPathWithFillColor("#88BF4D").eq(2).click();
     });
-    cy.get("@targetDashboardId").then(targetDashboardId => {
+    cy.get("@targetDashboardId").then((targetDashboardId) => {
       cy.location().should(({ pathname, search }) => {
         expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
         expect(search).to.equal(
@@ -2544,7 +2544,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
     H.getDashboardCard().within(() => {
       H.chartPathWithFillColor("#88BF4D").eq(1).click();
     });
-    cy.get("@targetDashboardId").then(targetDashboardId => {
+    cy.get("@targetDashboardId").then((targetDashboardId) => {
       cy.location().should(({ pathname, search }) => {
         expect(pathname).to.equal(`/dashboard/${targetDashboardId}`);
         expect(search).to.equal("?discount=&total=420.3189231596888");
@@ -2565,7 +2565,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
           name: "second-tab",
         },
       ],
-    }).then(targetDashboard => {
+    }).then((targetDashboard) => {
       const baseClickBehavior = {
         type: "link",
         linkType: "dashboard",
@@ -2637,7 +2637,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
         wrapId: true,
         idAlias: "targetDashboardId",
       },
-    ).then(dashboardId => {
+    ).then((dashboardId) => {
       cy.request("PUT", `/api/dashboard/${dashboardId}`, {
         dashcards: [
           createMockDashboardCard({
@@ -2663,7 +2663,7 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
       H.saveDashboard();
     });
 
-    cy.get("@targetDashboardId").then(targetDashboardId => {
+    cy.get("@targetDashboardId").then((targetDashboardId) => {
       cy.log("remove filter from the target dashboard");
 
       cy.request("PUT", `/api/dashboard/${targetDashboardId}`, {
@@ -2709,8 +2709,8 @@ describe("scenarios > dashboard > dashboard cards > click behavior", () => {
  *
  * WARNING: For the assertions to work, ensure that a click event occurs on an anchor element afterwards.
  */
-const onNextAnchorClick = callback => {
-  cy.window().then(window => {
+const onNextAnchorClick = (callback) => {
+  cy.window().then((window) => {
     const originalClick = window.HTMLAnchorElement.prototype.click;
 
     window.HTMLAnchorElement.prototype.click = function () {
@@ -2900,7 +2900,7 @@ const testChangingBackToDefaultBehavior = () => {
   assertDrillThroughMenuOpen();
 };
 
-const getTableCell = index => {
+const getTableCell = (index) => {
   // eslint-disable-next-line no-unsafe-element-filtering
   return cy
     .findAllByRole("row")
@@ -2944,7 +2944,7 @@ const createDashboardWithTabsLocal = ({
       dashcards,
       tabs,
     }).then(({ body: dashboard }) => {
-      dashboard.tabs.forEach(tab => {
+      dashboard.tabs.forEach((tab) => {
         cy.wrap(tab.id).as(`${tab.name}-id`);
       });
     });
diff --git a/e2e/test/scenarios/dashboard-cards/dashboard-card-fetching.cy.spec.js b/e2e/test/scenarios/dashboard-cards/dashboard-card-fetching.cy.spec.js
index e9fde36581b..c0939fb0f55 100644
--- a/e2e/test/scenarios/dashboard-cards/dashboard-card-fetching.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-cards/dashboard-card-fetching.cy.spec.js
@@ -33,7 +33,7 @@ describe("dashboard card fetching", () => {
   it("should pass same dashboard_load_id to every query to enable metadata cache sharing", () => {
     createDashboardWithCards({ cards }).then(H.visitDashboard);
 
-    cy.wait(["@dashcardQuery", "@dashcardQuery"]).then(interceptions => {
+    cy.wait(["@dashcardQuery", "@dashcardQuery"]).then((interceptions) => {
       const query1 = interceptions[0].request.body;
       const query2 = interceptions[1].request.body;
 
diff --git a/e2e/test/scenarios/dashboard-cards/dashboard-card-reproductions.cy.spec.js b/e2e/test/scenarios/dashboard-cards/dashboard-card-reproductions.cy.spec.js
index d5180c816af..f4c4b78d995 100644
--- a/e2e/test/scenarios/dashboard-cards/dashboard-card-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-cards/dashboard-card-reproductions.cy.spec.js
@@ -28,7 +28,7 @@ describe("issue 18067", () => {
         tableAlias: "testTable",
       });
 
-      cy.get("@testTable").then(testTable => {
+      cy.get("@testTable").then((testTable) => {
         const dashboardDetails = {
           name: "18067 dashboard",
         };
@@ -98,7 +98,7 @@ describe("issue 15993", () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("Quantity is equal to 0");
 
-    const getVisualizationSettings = targetId => ({
+    const getVisualizationSettings = (targetId) => ({
       column_settings: {
         '["name","0"]': {
           click_behavior: {
@@ -186,7 +186,7 @@ describe("issue 16334", () => {
     // Make sure the original visualization didn't change
     H.pieSlices().should("have.length", 2);
 
-    const getVisualizationSettings = targetId => ({
+    const getVisualizationSettings = (targetId) => ({
       column_settings: {
         [`["ref",["field",${REVIEWS.RATING},null]]`]: {
           click_behavior: {
@@ -285,7 +285,7 @@ describe("issue 17160", () => {
               ],
             });
 
-            createTargetDashboard().then(targetDashboardId => {
+            createTargetDashboard().then((targetDashboardId) => {
               cy.wrap(targetDashboardId).as("targetDashboardId");
 
               // Create a click behaviour for the question card
@@ -426,13 +426,13 @@ describe("issue 17160", () => {
   }
 
   function visitSourceDashboard() {
-    cy.get("@sourceDashboardId").then(id => {
+    cy.get("@sourceDashboardId").then((id) => {
       H.visitDashboard(id);
     });
   }
 
   function visitPublicSourceDashboard() {
-    cy.get("@sourceDashboardUUID").then(uuid => {
+    cy.get("@sourceDashboardUUID").then((uuid) => {
       cy.visit(`/public/dashboard/${uuid}`);
 
       cy.findByTextEnsureVisible("Enormous Wool Car");
@@ -462,7 +462,7 @@ describe("issue 17160", () => {
     // 2. Check click behavior connected to a dashboard
     visitSourceDashboard();
 
-    cy.get("@targetDashboardId").then(id => {
+    cy.get("@targetDashboardId").then((id) => {
       cy.intercept("POST", `/api/dashboard/${id}/dashcard/*/card/*/query`).as(
         "targetDashcardQuery",
       );
@@ -711,7 +711,7 @@ describe("issue 22265", () => {
         database: 1,
       },
     };
-    cy.get("@invalidQuestionId").then(invalidQuestionId => {
+    cy.get("@invalidQuestionId").then((invalidQuestionId) => {
       cy.request("PUT", `/api/card/${invalidQuestionId}`, questionDetailUpdate);
     });
 
@@ -1073,7 +1073,7 @@ describe("issue 31628", () => {
   const setupDashboardWithQuestionInCards = (question, cards) => {
     H.createDashboard().then(({ body: dashboard }) => {
       H.cypressWaitAll(
-        cards.map(card => {
+        cards.map((card) => {
           return H.createQuestionAndAddToDashboard(
             question,
             dashboard.id,
@@ -1086,12 +1086,12 @@ describe("issue 31628", () => {
     });
   };
 
-  const assertDescendantsNotOverflowDashcards = descendantsSelector => {
-    cy.findAllByTestId("dashcard").should(dashcards => {
+  const assertDescendantsNotOverflowDashcards = (descendantsSelector) => {
+    cy.findAllByTestId("dashcard").should((dashcards) => {
       dashcards.each((dashcardIndex, dashcard) => {
         const descendants = dashcard.querySelectorAll(descendantsSelector);
 
-        descendants.forEach(descendant => {
+        descendants.forEach((descendant) => {
           H.assertDescendantNotOverflowsContainer(
             descendant,
             dashcard,
@@ -1148,7 +1148,7 @@ describe("issue 31628", () => {
          */
         const scalarContainer = cy.findByTestId("scalar-container");
 
-        scalarContainer.then($element => H.assertIsEllipsified($element[0]));
+        scalarContainer.then(($element) => H.assertIsEllipsified($element[0]));
         //TODO: Need to hover on the actual text, not just the container. This is a weird one
         scalarContainer.realHover({ position: "bottom" });
 
@@ -1185,7 +1185,9 @@ describe("issue 31628", () => {
          */
         const scalarContainer = cy.findByTestId("scalar-container");
 
-        scalarContainer.then($element => H.assertIsNotEllipsified($element[0]));
+        scalarContainer.then(($element) =>
+          H.assertIsNotEllipsified($element[0]),
+        );
         scalarContainer.realHover();
 
         cy.findByRole("tooltip").should("not.exist");
@@ -1200,7 +1202,7 @@ describe("issue 31628", () => {
          */
         const scalarTitle = cy.findByTestId("scalar-title");
 
-        scalarTitle.then($element => H.assertIsEllipsified($element[0]));
+        scalarTitle.then(($element) => H.assertIsEllipsified($element[0]));
         scalarTitle.realHover();
 
         cy.findByRole("tooltip")
@@ -1233,7 +1235,9 @@ describe("issue 31628", () => {
          */
         const scalarContainer = cy.findByTestId("scalar-container");
 
-        scalarContainer.then($element => H.assertIsNotEllipsified($element[0]));
+        scalarContainer.then(($element) =>
+          H.assertIsNotEllipsified($element[0]),
+        );
         scalarContainer.realHover();
 
         cy.findByRole("tooltip").should("not.exist");
@@ -1248,7 +1252,7 @@ describe("issue 31628", () => {
          */
         const scalarTitle = cy.findByTestId("scalar-title");
 
-        scalarTitle.then($element => H.assertIsNotEllipsified($element[0]));
+        scalarTitle.then(($element) => H.assertIsNotEllipsified($element[0]));
         scalarTitle.realHover();
 
         cy.findByRole("tooltip").should("not.exist");
@@ -1308,7 +1312,9 @@ describe("issue 31628", () => {
          */
         const scalarContainer = cy.findByTestId("scalar-container");
 
-        scalarContainer.then($element => H.assertIsNotEllipsified($element[0]));
+        scalarContainer.then(($element) =>
+          H.assertIsNotEllipsified($element[0]),
+        );
         scalarContainer.realHover();
 
         cy.findByRole("tooltip").should("not.exist");
@@ -1323,7 +1329,7 @@ describe("issue 31628", () => {
          */
         const scalarTitle = cy.findByTestId("legend-caption-title");
 
-        scalarTitle.then($element => H.assertIsEllipsified($element[0]));
+        scalarTitle.then(($element) => H.assertIsEllipsified($element[0]));
         scalarTitle.realHover();
 
         cy.findByRole("tooltip")
@@ -1348,7 +1354,9 @@ describe("issue 31628", () => {
         previousValue.within(() => {
           cy.contains("34.7%").should("exist");
           cy.contains("• vs. previous month: 527").should("not.exist");
-          previousValue.then($element => H.assertIsNotEllipsified($element[0]));
+          previousValue.then(($element) =>
+            H.assertIsNotEllipsified($element[0]),
+          );
         });
       });
 
@@ -1361,7 +1369,9 @@ describe("issue 31628", () => {
           cy.contains("34.7%").should("exist");
           cy.contains("34.72%").should("not.exist");
           cy.contains("• vs. previous month: 527").should("not.exist");
-          previousValue.then($element => H.assertIsNotEllipsified($element[0]));
+          previousValue.then(($element) =>
+            H.assertIsNotEllipsified($element[0]),
+          );
         });
       });
 
@@ -1374,7 +1384,9 @@ describe("issue 31628", () => {
           cy.contains("35%").should("exist");
           cy.contains("34.72%").should("not.exist");
           cy.contains("• vs. previous month: 527").should("not.exist");
-          previousValue.then($element => H.assertIsNotEllipsified($element[0]));
+          previousValue.then(($element) =>
+            H.assertIsNotEllipsified($element[0]),
+          );
         });
       });
 
@@ -1385,7 +1397,7 @@ describe("issue 31628", () => {
 
         previousValue
           .findByText("35%")
-          .then($element => H.assertIsEllipsified($element[0]));
+          .then(($element) => H.assertIsEllipsified($element[0]));
       });
     });
 
@@ -1404,7 +1416,9 @@ describe("issue 31628", () => {
          */
         let scalarContainer = cy.findByTestId("scalar-container");
 
-        scalarContainer.then($element => H.assertIsNotEllipsified($element[0]));
+        scalarContainer.then(($element) =>
+          H.assertIsNotEllipsified($element[0]),
+        );
         scalarContainer.realHover();
 
         cy.findByRole("tooltip").should("not.exist");
@@ -1419,7 +1433,7 @@ describe("issue 31628", () => {
          */
         scalarContainer = cy.findByTestId("legend-caption-title");
 
-        scalarContainer.then($element => H.assertIsEllipsified($element[0]));
+        scalarContainer.then(($element) => H.assertIsEllipsified($element[0]));
         scalarContainer.realHover();
 
         cy.findByRole("tooltip")
@@ -1443,7 +1457,9 @@ describe("issue 31628", () => {
         previousValue.within(() => {
           cy.contains("34.72%").should("exist");
           cy.contains("• vs. previous month: 527").should("exist");
-          previousValue.then($element => H.assertIsNotEllipsified($element[0]));
+          previousValue.then(($element) =>
+            H.assertIsNotEllipsified($element[0]),
+          );
         });
 
         /**
@@ -1470,7 +1486,9 @@ describe("issue 31628", () => {
          */
         let scalarContainer = cy.findByTestId("scalar-container");
 
-        scalarContainer.then($element => H.assertIsNotEllipsified($element[0]));
+        scalarContainer.then(($element) =>
+          H.assertIsNotEllipsified($element[0]),
+        );
         scalarContainer.realHover();
 
         cy.findByRole("tooltip").should("not.exist");
@@ -1485,7 +1503,7 @@ describe("issue 31628", () => {
          */
         scalarContainer = cy.findByTestId("legend-caption-title");
 
-        scalarContainer.then($element => H.assertIsEllipsified($element[0]));
+        scalarContainer.then(($element) => H.assertIsEllipsified($element[0]));
         scalarContainer.realHover();
 
         cy.findByRole("tooltip")
@@ -1509,7 +1527,9 @@ describe("issue 31628", () => {
         previousValue.within(() => {
           cy.contains("34.72%").should("exist");
           cy.contains("• vs. previous month: 527").should("exist");
-          previousValue.then($element => H.assertIsNotEllipsified($element[0]));
+          previousValue.then(($element) =>
+            H.assertIsNotEllipsified($element[0]),
+          );
         });
 
         /**
@@ -1673,7 +1693,7 @@ describe("issue 43219", () => {
 
   const cardsCount = 10;
 
-  const getQuestionAlias = index => `question-${index}`;
+  const getQuestionAlias = (index) => `question-${index}`;
 
   beforeEach(() => {
     H.restore();
@@ -1749,11 +1769,11 @@ describe("issue 48878", () => {
 
     let fetchCardRequestsCount = 0;
 
-    cy.intercept("GET", "/api/card/*", request => {
+    cy.intercept("GET", "/api/card/*", (request) => {
       // we only want to simulate the race condition 4th time this request is triggered
       if (fetchCardRequestsCount === 2) {
         request.continue(
-          () => new Promise(resolve => setTimeout(resolve, 2000)),
+          () => new Promise((resolve) => setTimeout(resolve, 2000)),
         );
       } else {
         request.continue();
@@ -1889,7 +1909,7 @@ SELECT 'group_2', 'sub_group_2', 52, 'group_2__sub_group_2';
           "graph.metrics": ["VALUE_SUM"],
         },
       },
-    }).then(response => {
+    }).then((response) => {
       H.visitDashboard(response.body.dashboard_id);
     });
 
diff --git a/e2e/test/scenarios/dashboard-cards/dashboard-card-resizing.cy.spec.js b/e2e/test/scenarios/dashboard-cards/dashboard-card-resizing.cy.spec.js
index 5a041d27387..187b1585a38 100644
--- a/e2e/test/scenarios/dashboard-cards/dashboard-card-resizing.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-cards/dashboard-card-resizing.cy.spec.js
@@ -96,16 +96,16 @@ const VISUALIZATION_SIZES = {
   },
 };
 
-const getMinSize = visualizationType =>
+const getMinSize = (visualizationType) =>
   _.get(VISUALIZATION_SIZES, [visualizationType, "min"], undefined);
-const getDefaultSize = visualizationType =>
+const getDefaultSize = (visualizationType) =>
   _.get(VISUALIZATION_SIZES, [visualizationType, "default"], undefined);
 
 const { ORDERS, ORDERS_ID, PEOPLE } = SAMPLE_DATABASE;
 
-const getMockQuestionName = vizType => `MOCK_${vizType}_QUESTION`;
+const getMockQuestionName = (vizType) => `MOCK_${vizType}_QUESTION`;
 
-const getCommonQuestionFields = vizType => ({
+const getCommonQuestionFields = (vizType) => ({
   name: getMockQuestionName(vizType),
   query: {
     "source-table": ORDERS_ID,
@@ -116,7 +116,7 @@ const getCommonQuestionFields = vizType => ({
 });
 
 // covers table, bar, line, pie, row, area, combo, pivot, funnel, detail, and waterfall questions
-const createMockChartQuestion = vizType => {
+const createMockChartQuestion = (vizType) => {
   const question = getCommonQuestionFields(vizType);
   return {
     ...question,
@@ -127,7 +127,7 @@ const createMockChartQuestion = vizType => {
     display: vizType,
     visualization_settings: {
       "graph.dimensions": [
-        Object.keys(ORDERS).find(key => ORDERS[key] === ORDERS.CREATED_AT),
+        Object.keys(ORDERS).find((key) => ORDERS[key] === ORDERS.CREATED_AT),
       ],
       "graph.series_order_dimension": null,
       "graph.series_order": null,
@@ -137,7 +137,7 @@ const createMockChartQuestion = vizType => {
 };
 
 // covers scalar, gauge, and progress questions
-const createMockScalarQuestion = vizType => {
+const createMockScalarQuestion = (vizType) => {
   const question = getCommonQuestionFields(vizType);
   return {
     ...question,
@@ -172,8 +172,8 @@ const TEST_QUESTIONS = [
     "object",
     "smartscalar",
     "waterfall",
-  ].map(vizType => createMockChartQuestion(vizType)),
-  ...["scalar", "gauge", "progress"].map(vizType =>
+  ].map((vizType) => createMockChartQuestion(vizType)),
+  ...["scalar", "gauge", "progress"].map((vizType) =>
     createMockScalarQuestion(vizType),
   ),
   createMockMapQuestion(),
@@ -198,7 +198,7 @@ describe(
     });
 
     it("should display all visualization cards with their default sizes", () => {
-      TEST_QUESTIONS.forEach(question => {
+      TEST_QUESTIONS.forEach((question) => {
         H.createQuestion(question);
       });
       H.createDashboard().then(({ body: { id: dashId } }) => {
@@ -225,7 +225,7 @@ describe(
          * because Cypress is too fast.
          */
         cy.intercept("POST", "/api/card/**/query").as("cardQuery");
-        sortedCards.forEach(question => {
+        sortedCards.forEach((question) => {
           cy.findByLabelText(question.name).should("be.visible").click();
           cy.wait("@cardQuery");
         });
@@ -244,7 +244,7 @@ describe(
 
     it("should not allow cards to be resized smaller than min height", () => {
       const cardIds = [];
-      TEST_QUESTIONS.forEach(question => {
+      TEST_QUESTIONS.forEach((question) => {
         H.createQuestion(question).then(({ body: { id } }) => {
           cardIds.push(id);
         });
@@ -363,8 +363,8 @@ describe("issue 31701", () => {
 });
 
 const assertLinkCardOverflow = (link, card) => {
-  link.then(linkElem => {
-    card.then(dashCardElem => {
+  link.then((linkElem) => {
+    card.then((dashCardElem) => {
       expect(linkElem[0].scrollHeight).to.eq(dashCardElem[0].scrollHeight);
     });
   });
diff --git a/e2e/test/scenarios/dashboard-cards/dashboard-drill.cy.spec.js b/e2e/test/scenarios/dashboard-cards/dashboard-drill.cy.spec.js
index ce4029a05fe..9dadde3cd6e 100644
--- a/e2e/test/scenarios/dashboard-cards/dashboard-drill.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-cards/dashboard-drill.cy.spec.js
@@ -24,7 +24,7 @@ describe("scenarios > dashboard > dashboard drill", () => {
   });
 
   it("should handle URL click through on a table", () => {
-    createDashboardWithQuestion({}, dashboardId => {
+    createDashboardWithQuestion({}, (dashboardId) => {
       H.visitDashboard(dashboardId);
 
       cy.findByTestId("dashboard-header").icon("pencil").click();
@@ -140,10 +140,10 @@ describe("scenarios > dashboard > dashboard drill", () => {
     };
     createQuestion(
       { query, visualization_settings: questionSettings },
-      questionId => {
+      (questionId) => {
         createDashboard(
           { questionId, visualization_settings: dashCardSettings },
-          dashboardIdA => H.visitDashboard(dashboardIdA),
+          (dashboardIdA) => H.visitDashboard(dashboardIdA),
         );
       },
     );
@@ -159,7 +159,7 @@ describe("scenarios > dashboard > dashboard drill", () => {
   });
 
   it("should handle question click through on a table", () => {
-    createDashboardWithQuestion({}, dashboardId =>
+    createDashboardWithQuestion({}, (dashboardId) =>
       H.visitDashboard(dashboardId),
     );
 
@@ -206,13 +206,13 @@ describe("scenarios > dashboard > dashboard drill", () => {
   });
 
   it("should handle dashboard click through on a table", () => {
-    createQuestion({}, questionId => {
+    createQuestion({}, (questionId) => {
       createDashboard(
         { dashboardName: "start dash", questionId },
-        dashboardIdA => {
+        (dashboardIdA) => {
           createDashboardWithQuestion(
             { dashboardName: "end dash" },
-            dashboardIdB => {
+            (dashboardIdB) => {
               H.visitDashboard(dashboardIdA);
             },
           );
@@ -274,7 +274,7 @@ describe("scenarios > dashboard > dashboard drill", () => {
   });
 
   it("should open the same dashboard when a custom URL click behavior points to the same dashboard (metabase#22702)", () => {
-    createDashboardWithQuestion({}, dashboardId => {
+    createDashboardWithQuestion({}, (dashboardId) => {
       H.visitDashboard(dashboardId);
       H.editDashboard();
       H.showDashboardCardActions();
@@ -310,7 +310,7 @@ describe("scenarios > dashboard > dashboard drill", () => {
 
   // This was flaking. Example: https://dashboard.cypress.io/projects/a394u1/runs/2109/test-results/91a15b66-4b80-40bf-b569-de28abe21f42
   it.skip("should handle cross-filter on a table", () => {
-    createDashboardWithQuestion({}, dashboardId =>
+    createDashboardWithQuestion({}, (dashboardId) =>
       H.visitDashboard(dashboardId),
     );
     cy.icon("pencil").click();
@@ -555,7 +555,7 @@ describe("scenarios > dashboard > dashboard drill", () => {
     cy.findByText("View details").click();
 
     cy.log("Reported on v0.29.3");
-    cy.wait("@dataset").then(xhr => {
+    cy.wait("@dataset").then((xhr) => {
       expect(xhr.response.body.error).not.to.exist;
     });
     cy.findByTestId("object-detail").findByText("Fantastic Wool Shirt");
@@ -703,12 +703,15 @@ describe("scenarios > dashboard > dashboard drill", () => {
       },
     };
 
-    createQuestion({ visualization_settings: questionSettings }, questionId => {
-      createDashboard(
-        { questionId, visualization_settings: dashCardSettings },
-        dashboardIdA => H.visitDashboard(dashboardIdA),
-      );
-    });
+    createQuestion(
+      { visualization_settings: questionSettings },
+      (questionId) => {
+        createDashboard(
+          { questionId, visualization_settings: dashCardSettings },
+          (dashboardIdA) => H.visitDashboard(dashboardIdA),
+        );
+      },
+    );
 
     // formatting works, so we see "USD" in the table
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
@@ -832,7 +835,7 @@ describe("scenarios > dashboard > dashboard drill", () => {
       .contains("1")
       .click();
 
-    cy.wait("@dataset").then(xhr => {
+    cy.wait("@dataset").then((xhr) => {
       expect(xhr.response.body.error).to.not.exist;
     });
     cy.findByTestId("object-detail").within(() => {
@@ -1014,7 +1017,7 @@ function createDashboardWithQuestion(
   { dashboardName = "dashboard" } = {},
   callback,
 ) {
-  createQuestion({}, questionId => {
+  createQuestion({}, (questionId) => {
     createDashboard({ dashboardName, questionId }, callback);
   });
 }
diff --git a/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-2-stage-4.cy.spec.ts b/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-2-stage-4.cy.spec.ts
index b2d3632610d..20bc4799ee7 100644
--- a/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-2-stage-4.cy.spec.ts
+++ b/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-2-stage-4.cy.spec.ts
@@ -261,7 +261,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("public dashboard");
-          QSHelpers.getDashboardId().then(dashboardId =>
+          QSHelpers.getDashboardId().then((dashboardId) =>
             H.visitPublicDashboard(dashboardId),
           );
           QSHelpers.waitForPublicDashboardData();
@@ -276,7 +276,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("embedded dashboard");
-          QSHelpers.getDashboardId().then(dashboardId => {
+          QSHelpers.getDashboardId().then((dashboardId) => {
             H.visitEmbeddedPage({
               resource: { dashboard: dashboardId },
               params: {},
@@ -424,7 +424,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("public dashboard");
-          QSHelpers.getDashboardId().then(dashboardId =>
+          QSHelpers.getDashboardId().then((dashboardId) =>
             H.visitPublicDashboard(dashboardId),
           );
           QSHelpers.waitForPublicDashboardData();
@@ -439,7 +439,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("embedded dashboard");
-          QSHelpers.getDashboardId().then(dashboardId => {
+          QSHelpers.getDashboardId().then((dashboardId) => {
             H.visitEmbeddedPage({
               resource: { dashboard: dashboardId },
               params: {},
@@ -493,7 +493,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("public dashboard");
-          QSHelpers.getDashboardId().then(dashboardId =>
+          QSHelpers.getDashboardId().then((dashboardId) =>
             H.visitPublicDashboard(dashboardId),
           );
           QSHelpers.waitForPublicDashboardData();
@@ -514,7 +514,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("embedded dashboard");
-          QSHelpers.getDashboardId().then(dashboardId => {
+          QSHelpers.getDashboardId().then((dashboardId) => {
             H.visitEmbeddedPage({
               resource: { dashboard: dashboardId },
               params: {},
@@ -574,7 +574,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("public dashboard");
-          QSHelpers.getDashboardId().then(dashboardId =>
+          QSHelpers.getDashboardId().then((dashboardId) =>
             H.visitPublicDashboard(dashboardId),
           );
           QSHelpers.waitForPublicDashboardData();
@@ -601,7 +601,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("embedded dashboard");
-          QSHelpers.getDashboardId().then(dashboardId => {
+          QSHelpers.getDashboardId().then((dashboardId) => {
             H.visitEmbeddedPage({
               resource: { dashboard: dashboardId },
               params: {},
diff --git a/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-2-stage.cy.spec.ts b/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-2-stage.cy.spec.ts
index 8ba883f03b8..8bfcb5ad932 100644
--- a/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-2-stage.cy.spec.ts
+++ b/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-2-stage.cy.spec.ts
@@ -1174,7 +1174,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("public dashboard");
-          QSHelpers.getDashboardId().then(dashboardId =>
+          QSHelpers.getDashboardId().then((dashboardId) =>
             H.visitPublicDashboard(dashboardId),
           );
           QSHelpers.waitForPublicDashboardData();
@@ -1189,7 +1189,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("embedded dashboard");
-          QSHelpers.getDashboardId().then(dashboardId => {
+          QSHelpers.getDashboardId().then((dashboardId) => {
             H.visitEmbeddedPage({
               resource: { dashboard: dashboardId },
               params: {},
@@ -1337,7 +1337,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("public dashboard");
-          QSHelpers.getDashboardId().then(dashboardId =>
+          QSHelpers.getDashboardId().then((dashboardId) =>
             H.visitPublicDashboard(dashboardId),
           );
           QSHelpers.waitForPublicDashboardData();
@@ -1352,7 +1352,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("embedded dashboard");
-          QSHelpers.getDashboardId().then(dashboardId => {
+          QSHelpers.getDashboardId().then((dashboardId) => {
             H.visitEmbeddedPage({
               resource: { dashboard: dashboardId },
               params: {},
@@ -1406,7 +1406,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("public dashboard");
-          QSHelpers.getDashboardId().then(dashboardId =>
+          QSHelpers.getDashboardId().then((dashboardId) =>
             H.visitPublicDashboard(dashboardId),
           );
           QSHelpers.waitForPublicDashboardData();
@@ -1427,7 +1427,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("embedded dashboard");
-          QSHelpers.getDashboardId().then(dashboardId => {
+          QSHelpers.getDashboardId().then((dashboardId) => {
             H.visitEmbeddedPage({
               resource: { dashboard: dashboardId },
               params: {},
@@ -1487,7 +1487,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("public dashboard");
-          QSHelpers.getDashboardId().then(dashboardId =>
+          QSHelpers.getDashboardId().then((dashboardId) =>
             H.visitPublicDashboard(dashboardId),
           );
           QSHelpers.waitForPublicDashboardData();
@@ -1514,7 +1514,7 @@ describe("scenarios > dashboard > filters > query stages", () => {
           });
 
           cy.log("embedded dashboard");
-          QSHelpers.getDashboardId().then(dashboardId => {
+          QSHelpers.getDashboardId().then((dashboardId) => {
             H.visitEmbeddedPage({
               resource: { dashboard: dashboardId },
               params: {},
diff --git a/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-misc.cy.spec.ts b/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-misc.cy.spec.ts
index 4329b78724a..3d64f04a209 100644
--- a/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-misc.cy.spec.ts
+++ b/e2e/test/scenarios/dashboard-filters-2/dashboard-filters-misc.cy.spec.ts
@@ -151,7 +151,7 @@ describe("pivot tables", () => {
         query: createPivotableQuery(this.baseQuestion),
         name: "Question - pivot viz",
         display: "pivot",
-      }).then(response => {
+      }).then((response) => {
         const card = response.body;
         QSHelpers.createAndVisitDashboard([card]);
       });
diff --git a/e2e/test/scenarios/dashboard-filters-2/shared/dashboard-filters-query-stages.ts b/e2e/test/scenarios/dashboard-filters-2/shared/dashboard-filters-query-stages.ts
index f35cdc979d9..4020ee7c0a9 100644
--- a/e2e/test/scenarios/dashboard-filters-2/shared/dashboard-filters-query-stages.ts
+++ b/e2e/test/scenarios/dashboard-filters-2/shared/dashboard-filters-query-stages.ts
@@ -100,7 +100,7 @@ export function createBaseQuestions() {
     query: {
       "source-table": ORDERS_ID,
     },
-  }).then(response => cy.wrap(response.body).as("ordersQuestion"));
+  }).then((response) => cy.wrap(response.body).as("ordersQuestion"));
 
   cy.then(function () {
     H.createQuestion({
@@ -109,7 +109,7 @@ export function createBaseQuestions() {
       query: {
         "source-table": `card__${this.ordersQuestion.id}`,
       },
-    }).then(response => cy.wrap(response.body).as("baseQuestion"));
+    }).then((response) => cy.wrap(response.body).as("baseQuestion"));
 
     H.createQuestion({
       type: "model",
@@ -117,7 +117,7 @@ export function createBaseQuestions() {
       query: {
         "source-table": `card__${this.ordersQuestion.id}`,
       },
-    }).then(response => cy.wrap(response.body).as("baseModel"));
+    }).then((response) => cy.wrap(response.body).as("baseModel"));
   });
 }
 
@@ -332,25 +332,25 @@ export function createAndVisitDashboardWithCardMatrix(
       type: "question",
       query: createQuery(this.baseQuestion),
       name: "Question-based Question",
-    }).then(response => cy.wrap(response.body).as("qbq"));
+    }).then((response) => cy.wrap(response.body).as("qbq"));
 
     H.createQuestion({
       type: "question",
       query: createQuery(this.baseModel),
       name: "Model-based Question",
-    }).then(response => cy.wrap(response.body).as("mbq"));
+    }).then((response) => cy.wrap(response.body).as("mbq"));
 
     H.createQuestion({
       type: "model",
       name: "Question-based Model",
       query: createQuery(this.baseQuestion),
-    }).then(response => cy.wrap(response.body).as("qbm"));
+    }).then((response) => cy.wrap(response.body).as("qbm"));
 
     H.createQuestion({
       type: "model",
       name: "Model-based Model",
       query: createQuery(this.baseModel),
-    }).then(response => cy.wrap(response.body).as("mbm"));
+    }).then((response) => cy.wrap(response.body).as("mbm"));
   });
 
   cy.then(function () {
@@ -382,7 +382,7 @@ export function createAndVisitDashboard(cards: Card[]) {
         card_id: card.id,
       })),
     ],
-  }).then(dashboard => {
+  }).then((dashboard) => {
     H.visitDashboard(dashboard.id);
     cy.wrap(dashboard.id).as("dashboardId");
     cy.wait("@getDashboard");
@@ -736,7 +736,7 @@ export function goBackToDashboard() {
 export function getDashboardId(): Cypress.Chainable<number> {
   return cy
     .get("@dashboardId")
-    .then(dashboardId => dashboardId as unknown as number);
+    .then((dashboardId) => dashboardId as unknown as number);
 }
 
 export function waitForPublicDashboardData() {
@@ -793,7 +793,7 @@ export function verifyPopoverMappingOptions(sections: MappingSection[]) {
   );
 
   H.popover().within(() => {
-    getPopoverItems().then($items => {
+    getPopoverItems().then(($items) => {
       let index = 0;
 
       for (const [sectionName, columnNames] of sections) {
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-chained-filters.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-chained-filters.cy.spec.js
index 09815f56511..bb125198bc7 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-chained-filters.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-chained-filters.cy.spec.js
@@ -185,13 +185,13 @@ describe("scenarios > dashboard > chained filter", () => {
       cy.signInAsAdmin();
       H.resyncDatabase({ tableName: TEST_TABLE, tableAlias: "testTable" });
 
-      cy.get("@testTable").then(testTable => {
+      cy.get("@testTable").then((testTable) => {
         const testTableId = testTable.id;
         const uuidFieldId = testTable.fields.find(
-          field => field.name === "uuid",
+          (field) => field.name === "uuid",
         ).id;
         const idFieldId = testTable.fields.find(
-          field => field.name === "id",
+          (field) => field.name === "id",
         ).id;
 
         cy.wrap(testTableId).as("testTableId");
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filter-data-permissions.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filter-data-permissions.cy.spec.js
index 6da493825d1..4818e5d7426 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filter-data-permissions.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filter-data-permissions.cy.spec.js
@@ -66,7 +66,7 @@ describe("support > permissions (metabase#8472)", () => {
       method: "GET",
       url: `/api/dashboard/${ORDERS_DASHBOARD_ID}`,
       failOnStatusCode: false,
-    }).should(xhr => {
+    }).should((xhr) => {
       expect(xhr.status).to.equal(403);
     });
   });
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-auto-apply.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filters-auto-apply.cy.spec.js
index be547221257..c3428bac6ea 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-auto-apply.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-auto-apply.cy.spec.js
@@ -426,7 +426,7 @@ describe(
       describe("public embeds", () => {
         it("should apply filters after clicking the apply button when auto-apply filters is turned off", () => {
           createDashboard({ dashboardDetails: { auto_apply_filters: false } });
-          cy.get("@dashboardId").then(dashboardId => {
+          cy.get("@dashboardId").then((dashboardId) => {
             H.visitPublicDashboard(dashboardId);
           });
 
@@ -471,7 +471,7 @@ describe(
               },
             },
           });
-          cy.get("@dashboardId").then(dashboardId => {
+          cy.get("@dashboardId").then((dashboardId) => {
             const embeddingPayload = {
               resource: { dashboard: dashboardId },
               params: {},
@@ -529,7 +529,7 @@ describe(
               auto_apply_filters: false,
             },
           });
-          cy.get("@dashboardId").then(dashboardId => {
+          cy.get("@dashboardId").then((dashboardId) => {
             visitFullAppEmbeddingUrl({
               url: `/dashboard/${dashboardId}`,
               qs: { side_nav: false, logo: false },
@@ -695,7 +695,7 @@ const createDashboard = ({
 };
 
 const getParameterMapping = ({ card_id }, parameters) => ({
-  parameter_mappings: parameters.map(parameter => {
+  parameter_mappings: parameters.map((parameter) => {
     return {
       card_id,
       parameter_id: parameter.id,
@@ -717,7 +717,7 @@ const openSlowDashboard = (params = {}) => {
     "cardQuery",
   );
 
-  cy.get("@dashboardId").then(dashboardId => {
+  cy.get("@dashboardId").then((dashboardId) => {
     return cy.visit({
       url: `/dashboard/${dashboardId}`,
       qs: params,
@@ -732,7 +732,7 @@ const openSlowPublicDashboard = (params = {}) => {
     "cardQuery",
   );
 
-  cy.get("@dashboardId").then(dashboardId => {
+  cy.get("@dashboardId").then((dashboardId) => {
     H.visitPublicDashboard(dashboardId, { params });
   });
 
@@ -744,7 +744,7 @@ const openSlowEmbeddingDashboard = (params = {}) => {
     "cardQuery",
   );
 
-  cy.get("@dashboardId").then(dashboardId => {
+  cy.get("@dashboardId").then((dashboardId) => {
     const embeddingPayload = {
       resource: { dashboard: dashboardId },
       params: {},
@@ -762,7 +762,7 @@ const openSlowFullAppEmbeddingDashboard = (params = {}) => {
     "cardQuery",
   );
 
-  cy.get("@dashboardId").then(dashboardId => {
+  cy.get("@dashboardId").then((dashboardId) => {
     visitFullAppEmbeddingUrl({
       url: `/dashboard/${dashboardId}`,
       qs: params,
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-auto-wiring.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filters-auto-wiring.cy.spec.js
index e002de0224d..a59530f5bee 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-auto-wiring.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-auto-wiring.cy.spec.js
@@ -34,7 +34,7 @@ describe("dashboard filters auto-wiring", () => {
 
   describe("parameter mapping", () => {
     it("should wire parameters to cards with matching fields", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -80,7 +80,7 @@ describe("dashboard filters auto-wiring", () => {
     });
 
     it("should not wire parameters to cards that already have a parameter, despite matching fields", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -141,7 +141,7 @@ describe("dashboard filters auto-wiring", () => {
               size_y: 4,
             },
           ],
-        }).then(dashboardId => {
+        }).then((dashboardId) => {
           H.visitDashboard(dashboardId);
         });
       });
@@ -156,7 +156,7 @@ describe("dashboard filters auto-wiring", () => {
     });
 
     it("should undo parameter wiring when 'Undo' is clicked", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -209,7 +209,7 @@ describe("dashboard filters auto-wiring", () => {
         },
       ];
 
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -238,7 +238,7 @@ describe("dashboard filters auto-wiring", () => {
 
     describe("multiple tabs", () => {
       it("should not wire parameters to cards in different tabs", () => {
-        createDashboardWithCards({ cards }).then(dashboardId => {
+        createDashboardWithCards({ cards }).then((dashboardId) => {
           H.visitDashboardAndCreateTab({
             dashboardId,
             save: false,
@@ -275,7 +275,7 @@ describe("dashboard filters auto-wiring", () => {
 
   describe("add a card", () => {
     it("should wire parameters to cards that are added to the dashboard", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -319,7 +319,7 @@ describe("dashboard filters auto-wiring", () => {
     });
 
     it("should undo parameter wiring when 'Undo' is clicked", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -357,7 +357,7 @@ describe("dashboard filters auto-wiring", () => {
 
     describe("multiple tabs", () => {
       it("should not wire parameters to cards that are added to the dashboard in a different tab", () => {
-        createDashboardWithCards({ cards }).then(dashboardId => {
+        createDashboardWithCards({ cards }).then((dashboardId) => {
           H.visitDashboard(dashboardId);
         });
 
@@ -416,7 +416,7 @@ describe("dashboard filters auto-wiring", () => {
 
   describe("replace a card", () => {
     it("should show auto-wire suggestion toast when a card is replaced", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -545,11 +545,11 @@ describe("dashboard filters auto-wiring", () => {
       H.selectDashboardFilter(H.getDashboardCard(0), "ID");
       H.saveDashboard();
 
-      cy.get("@ordersQuestionId").then(ordersQuestionId => {
+      cy.get("@ordersQuestionId").then((ordersQuestionId) => {
         addQuestionFromQueryBuilder({ questionId: ordersQuestionId });
       });
 
-      cy.get("@reviewsQuestionId").then(reviewsQuestionId => {
+      cy.get("@reviewsQuestionId").then((reviewsQuestionId) => {
         addQuestionFromQueryBuilder({
           questionId: reviewsQuestionId,
           saveDashboardAfterAdd: false,
@@ -591,7 +591,7 @@ describe("dashboard filters auto-wiring", () => {
 
   describe("dismiss toasts", () => {
     it("should dismiss auto-wire toasts on filter removal", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -614,7 +614,7 @@ describe("dashboard filters auto-wiring", () => {
     });
 
     it("should dismiss auto-wire toasts on card removal", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -639,7 +639,7 @@ describe("dashboard filters auto-wiring", () => {
     });
 
     it("should dismiss toasts on timeout", () => {
-      createDashboardWithCards({ cards }).then(dashboardId => {
+      createDashboardWithCards({ cards }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -700,7 +700,7 @@ describe("dashboard filters auto-wiring", () => {
     const dashboardDetails = {
       parameters: [sourceParameter, categoryParameter],
     };
-    const getParameterMappings = card => [
+    const getParameterMappings = (card) => [
       {
         card_id: card.id,
         parameter_id: sourceParameter.id,
@@ -794,10 +794,10 @@ function removeFilterFromDashCard(dashcardIndex = 0) {
 }
 
 function getTableCell(columnName, rowIndex) {
-  cy.findAllByRole("columnheader").then($columnHeaders => {
+  cy.findAllByRole("columnheader").then(($columnHeaders) => {
     const columnHeaderIndex = $columnHeaders
       .toArray()
-      .findIndex($columnHeader => $columnHeader.textContent === columnName);
+      .findIndex(($columnHeader) => $columnHeader.textContent === columnName);
     // eslint-disable-next-line no-unsafe-element-filtering
     const row = cy.findAllByRole("row").eq(rowIndex);
     // eslint-disable-next-line no-unsafe-element-filtering
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-explicit-join.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filters-explicit-join.cy.spec.js
index c8ea3452bc4..360ab58590d 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-explicit-join.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-explicit-join.cy.spec.js
@@ -101,7 +101,7 @@ describe("scenarios > dashboard > filters", () => {
 });
 
 function selectFromDropdown(values) {
-  values.forEach(value => {
+  values.forEach((value) => {
     cy.findByLabelText(value).should("be.visible").click();
   });
 }
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-number-source.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filters-number-source.cy.spec.js
index a3925b42e7f..c29b4d2fc49 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-number-source.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-number-source.cy.spec.js
@@ -176,7 +176,7 @@ const getDashboardResource = ({ dashboard_id }) => ({
   params: {},
 });
 
-const getTargetDashboard = sourceSettings => ({
+const getTargetDashboard = (sourceSettings) => ({
   parameters: [
     {
       ...targetParameter,
@@ -189,7 +189,7 @@ const getTargetDashboard = sourceSettings => ({
   },
 });
 
-const getListDashboard = values_query_type => {
+const getListDashboard = (values_query_type) => {
   return getTargetDashboard({
     values_source_type: "static-list",
     values_query_type,
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-reset-clear.cy.spec.ts b/e2e/test/scenarios/dashboard-filters/dashboard-filters-reset-clear.cy.spec.ts
index 0b5ddc301d3..be4371bff12 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-reset-clear.cy.spec.ts
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-reset-clear.cy.spec.ts
@@ -615,7 +615,7 @@ describe("scenarios > dashboard > filters > reset & clear", () => {
           value
             .split(",")
             .filter(Boolean)
-            .forEach(value => {
+            .forEach((value) => {
               cy.findAllByRole("listitem").contains(value).click();
             });
         });
@@ -631,7 +631,7 @@ describe("scenarios > dashboard > filters > reset & clear", () => {
           value
             .split(",")
             .filter(Boolean)
-            .forEach(value => {
+            .forEach((value) => {
               cy.findAllByRole("listitem").contains(value).click();
             });
         });
@@ -784,7 +784,7 @@ function createDashboardWithParameters(
       cards: [
         {
           card_id: questionId,
-          parameter_mappings: parameters?.map(parameter => ({
+          parameter_mappings: parameters?.map((parameter) => ({
             parameter_id: parameter.id,
             card_id: questionId,
             target: ["dimension", targetField],
@@ -1059,7 +1059,7 @@ function createDashboardWithParameterInEachTab({
         ],
       },
     ],
-  }).then(dashboard => H.visitDashboard(dashboard.id));
+  }).then((dashboard) => H.visitDashboard(dashboard.id));
 }
 
 function checkResetAllFiltersWorksAcrossTabs({
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-source.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filters-source.cy.spec.js
index b60835e91c7..61f7eff8a9f 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-source.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-source.cy.spec.js
@@ -297,8 +297,10 @@ describe(
       });
 
       H.getTable({ databaseId: WRITABLE_DB_ID, name: TABLE_NAME }).then(
-        table => {
-          const countField = table.fields.find(field => field.name === "count");
+        (table) => {
+          const countField = table.fields.find(
+            (field) => field.name === "count",
+          );
           cy.request("PUT", `/api/field/${countField.id}`, {
             semantic_type: "type/Quantity",
           });
@@ -451,7 +453,7 @@ const getDashboardResource = ({ dashboard_id }) => ({
   params: {},
 });
 
-const getTargetDashboard = sourceSettings => ({
+const getTargetDashboard = (sourceSettings) => ({
   parameters: [
     {
       ...targetParameter,
@@ -464,7 +466,7 @@ const getTargetDashboard = sourceSettings => ({
   },
 });
 
-const getStructuredDashboard = questionId => {
+const getStructuredDashboard = (questionId) => {
   return getTargetDashboard({
     values_source_type: "card",
     values_source_config: {
@@ -474,7 +476,7 @@ const getStructuredDashboard = questionId => {
   });
 };
 
-const getNativeDashboard = questionId => {
+const getNativeDashboard = (questionId) => {
   return getTargetDashboard({
     values_source_type: "card",
     values_source_config: {
@@ -484,7 +486,7 @@ const getNativeDashboard = questionId => {
   });
 };
 
-const getListDashboard = values_query_type => {
+const getListDashboard = (values_query_type) => {
   return getTargetDashboard({
     values_source_type: "static-list",
     values_query_type,
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-sql-number.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filters-sql-number.cy.spec.js
index 91ba883b673..d2855be1fdd 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-sql-number.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-sql-number.cy.spec.js
@@ -125,7 +125,7 @@ describe("scenarios > dashboard > filters > SQL > number", () => {
     },
   ];
 
-  const parameterMapping = filterDetails.map(filter => ({
+  const parameterMapping = filterDetails.map((filter) => ({
     parameter_id: filter.id,
     target: ["variable", ["template-tag", filter.slug]],
   }));
@@ -155,7 +155,7 @@ describe("scenarios > dashboard > filters > SQL > number", () => {
             id,
             card_id,
             ...dashcardDetails,
-            parameter_mappings: parameterMapping.map(mapping => ({
+            parameter_mappings: parameterMapping.map((mapping) => ({
               ...mapping,
               card_id,
             })),
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-sql-required-field-filter.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filters-sql-required-field-filter.cy.spec.js
index c2cab83f4fe..ffb9fcfa61d 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-sql-required-field-filter.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-sql-required-field-filter.cy.spec.js
@@ -24,7 +24,7 @@ const questionDetails = {
   },
 };
 
-const questionDetailsWithRequiredFilter = produce(questionDetails, draft => {
+const questionDetailsWithRequiredFilter = produce(questionDetails, (draft) => {
   draft.native["template-tags"].filter.required = true;
 });
 
diff --git a/e2e/test/scenarios/dashboard-filters/dashboard-filters-text-category.cy.spec.js b/e2e/test/scenarios/dashboard-filters/dashboard-filters-text-category.cy.spec.js
index 39fb5a715cf..3c8f65615c6 100644
--- a/e2e/test/scenarios/dashboard-filters/dashboard-filters-text-category.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/dashboard-filters-text-category.cy.spec.js
@@ -262,7 +262,7 @@ describe("scenarios > dashboard > filters > text/category", () => {
 });
 
 function waitDashboardCardQuery() {
-  cy.get("@dashCardId").then(id => {
+  cy.get("@dashCardId").then((id) => {
     cy.wait(`@dashcardQuery${id}`);
   });
 }
diff --git a/e2e/test/scenarios/dashboard-filters/parameters.cy.spec.js b/e2e/test/scenarios/dashboard-filters/parameters.cy.spec.js
index c22f275ba80..806d5da3adf 100644
--- a/e2e/test/scenarios/dashboard-filters/parameters.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/parameters.cy.spec.js
@@ -598,7 +598,7 @@ describe("scenarios > dashboard > parameters", () => {
 
   describe("when parameters are (dis)connected to dashcards", () => {
     beforeEach(() => {
-      createDashboardWithCards({ cards }).then(dashboardId =>
+      createDashboardWithCards({ cards }).then((dashboardId) =>
         H.visitDashboard(dashboardId),
       );
 
@@ -735,7 +735,9 @@ describe("scenarios > dashboard > parameters", () => {
       cy.visit("/collection/root");
       cy.wait("@getPinnedItems");
 
-      cy.get("@dashboardId").then(dashboardId => H.visitDashboard(dashboardId));
+      cy.get("@dashboardId").then((dashboardId) =>
+        H.visitDashboard(dashboardId),
+      );
 
       H.filterWidget()
         .findByRole("listitem")
@@ -763,7 +765,9 @@ describe("scenarios > dashboard > parameters", () => {
 
       cy.log("reset filter values from url by visiting dashboard by id");
 
-      cy.get("@dashboardId").then(dashboardId => H.visitDashboard(dashboardId));
+      cy.get("@dashboardId").then((dashboardId) =>
+        H.visitDashboard(dashboardId),
+      );
 
       H.filterWidget().icon("close").click();
 
@@ -773,7 +777,9 @@ describe("scenarios > dashboard > parameters", () => {
 
       cy.log("verify filter value is not specified after reload");
 
-      cy.get("@dashboardId").then(dashboardId => H.visitDashboard(dashboardId));
+      cy.get("@dashboardId").then((dashboardId) =>
+        H.visitDashboard(dashboardId),
+      );
 
       H.getDashboardCard()
         .findByText("761 Fish Hill Road")
diff --git a/e2e/test/scenarios/dashboard-filters/temporal-unit-parameters.cy.spec.js b/e2e/test/scenarios/dashboard-filters/temporal-unit-parameters.cy.spec.js
index 0eacba3a041..6704b784016 100644
--- a/e2e/test/scenarios/dashboard-filters/temporal-unit-parameters.cy.spec.js
+++ b/e2e/test/scenarios/dashboard-filters/temporal-unit-parameters.cy.spec.js
@@ -175,7 +175,7 @@ const nativeTimeQuestionDetails = {
   },
 };
 
-const getNativeTimeQuestionBasedQuestionDetails = card => ({
+const getNativeTimeQuestionBasedQuestionDetails = (card) => ({
   query: {
     "source-table": `card__${card.id}`,
     aggregation: [["count"]],
@@ -191,7 +191,7 @@ const parameterDetails = {
   sectionId: "temporal-unit",
 };
 
-const getParameterMapping = card => ({
+const getParameterMapping = (card) => ({
   card_id: card.id,
   parameter_id: parameterDetails.id,
   target: [
@@ -437,7 +437,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
     });
 
     it("should connect a parameter to multiple questions within a dashcard and drill thru", () => {
-      createDashboardWithMultiSeriesCard().then(dashboard =>
+      createDashboardWithMultiSeriesCard().then((dashboard) =>
         H.visitDashboard(dashboard.id),
       );
 
@@ -484,7 +484,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
     it("should pass a temporal unit with 'update dashboard filter' click behavior", () => {
       createDashboardWithMappedQuestion({
         extraQuestions: [nativeUnitQuestionDetails],
-      }).then(dashboard => {
+      }).then((dashboard) => {
         cy.wrap(dashboard.id).as("dashboardId");
         H.visitDashboard(dashboard.id);
       });
@@ -601,7 +601,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
         dashboardDetails: {
           name: "Target dashboard",
         },
-      }).then(dashboard => cy.wrap(dashboard.id).as("targetDashboardId"));
+      }).then((dashboard) => cy.wrap(dashboard.id).as("targetDashboardId"));
       H.createDashboardWithQuestions({
         dashboardDetails: {
           name: "Source dashboard",
@@ -625,7 +625,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
         cy.findByText("UNIT").should("be.visible");
         cy.findByText(parameterDetails.name).should("not.exist");
       });
-      cy.get("@targetDashboardId").then(targetDashboardId => {
+      cy.get("@targetDashboardId").then((targetDashboardId) => {
         H.modal().within(() => {
           cy.findByPlaceholderText("e.g. http://acme.com/id/{{user_id}}").type(
             `http://localhost:4000/dashboard/${targetDashboardId}?${parameterDetails.slug}={{UNIT}}`,
@@ -654,7 +654,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
 
     it("should not allow to use temporal unit parameter values with SQL queries", () => {
       H.createNativeQuestion(nativeQuestionWithTextParameterDetails);
-      createDashboardWithMappedQuestion().then(dashboard =>
+      createDashboardWithMappedQuestion().then((dashboard) =>
         H.visitDashboard(dashboard.id),
       );
 
@@ -800,7 +800,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
 
   describe("parameter settings", () => {
     it("should be able to set available temporal units", () => {
-      createDashboardWithMappedQuestion().then(dashboard =>
+      createDashboardWithMappedQuestion().then((dashboard) =>
         H.visitDashboard(dashboard.id),
       );
 
@@ -827,7 +827,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
     });
 
     it("should clear the default value if it is no longer within the allowed unit list", () => {
-      createDashboardWithMappedQuestion().then(dashboard =>
+      createDashboardWithMappedQuestion().then((dashboard) =>
         H.visitDashboard(dashboard.id),
       );
 
@@ -852,7 +852,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
     });
 
     it("should be able to set the default value and make it required", () => {
-      createDashboardWithMappedQuestion().then(dashboard =>
+      createDashboardWithMappedQuestion().then((dashboard) =>
         cy.wrap(dashboard.id).as("dashboardId"),
       );
       H.visitDashboard("@dashboardId");
@@ -926,14 +926,14 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
 
   describe("query string parameters", () => {
     it("should be able to parse the parameter value from the url", () => {
-      createDashboardWithMappedQuestion().then(dashboard => {
+      createDashboardWithMappedQuestion().then((dashboard) => {
         H.visitDashboard(dashboard.id, { params: { unit_of_time: "year" } });
       });
       H.getDashboardCard().findByText("Created At: Year").should("be.visible");
     });
 
     it("should ignore invalid temporal unit values from the url", () => {
-      createDashboardWithMappedQuestion().then(dashboard => {
+      createDashboardWithMappedQuestion().then((dashboard) => {
         H.visitDashboard(dashboard.id, { params: { unit_of_time: "invalid" } });
       });
       H.filterWidget().within(() => {
@@ -953,7 +953,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
             },
           ],
         },
-      }).then(dashboard => {
+      }).then((dashboard) => {
         H.visitDashboard(dashboard.id, { params: { unit_of_time: "year" } });
       });
       H.filterWidget().findByText("Year").should("be.visible");
@@ -963,7 +963,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
 
   describe("permissions", () => {
     it("should add a temporal unit parameter and connect it to a card and drill thru", () => {
-      createDashboardWithMappedQuestion().then(dashboard => {
+      createDashboardWithMappedQuestion().then((dashboard) => {
         cy.signIn("nodata");
         H.visitDashboard(dashboard.id);
       });
@@ -984,7 +984,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
     });
 
     it("should be able to use temporal unit parameters in a public dashboard", () => {
-      createDashboardWithMappedQuestion().then(dashboard => {
+      createDashboardWithMappedQuestion().then((dashboard) => {
         cy.request("POST", `/api/dashboard/${dashboard.id}/public_link`).then(
           ({ body: { uuid } }) => {
             cy.signOut();
@@ -1006,7 +1006,7 @@ describe("scenarios > dashboard > temporal unit parameters", () => {
             [parameterDetails.slug]: "enabled",
           },
         },
-      }).then(dashboard => {
+      }).then((dashboard) => {
         H.visitEmbeddedPage({
           resource: { dashboard: dashboard.id },
           params: {},
diff --git a/e2e/test/scenarios/dashboard/dashboard-back-navigation.cy.spec.js b/e2e/test/scenarios/dashboard/dashboard-back-navigation.cy.spec.js
index 27007962186..625ed372215 100644
--- a/e2e/test/scenarios/dashboard/dashboard-back-navigation.cy.spec.js
+++ b/e2e/test/scenarios/dashboard/dashboard-back-navigation.cy.spec.js
@@ -254,7 +254,7 @@ describe(
       // could be a regular dashboard with card and filters
       createDashboardWithSlowCard();
 
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         cy.visit(`/dashboard/${dashboardId}`);
         cy.wait("@dashboard");
         cy.wait("@dashcardQuery");
@@ -297,7 +297,7 @@ describe(
     // so it will affect interception of @dashcardQuery and mess up the number of requests
     it("should restore a dashboard with loading cards and re-fetch query data", () => {
       createDashboardWithSlowCard();
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         cy.visit({
           url: `/dashboard/${dashboardId}`,
           qs: { sleep: 60 },
diff --git a/e2e/test/scenarios/dashboard/dashboard-management.cy.spec.js b/e2e/test/scenarios/dashboard/dashboard-management.cy.spec.js
index 4c8b5e1d6cf..86effd89a4d 100644
--- a/e2e/test/scenarios/dashboard/dashboard-management.cy.spec.js
+++ b/e2e/test/scenarios/dashboard/dashboard-management.cy.spec.js
@@ -26,7 +26,7 @@ describe("managing dashboard from the dashboard's edit menu", () => {
 
   Object.entries(PERMISSIONS).forEach(([permission, userGroup]) => {
     context(`${permission} access`, () => {
-      userGroup.forEach(user => {
+      userGroup.forEach((user) => {
         onlyOn(permission === "curate", () => {
           describe(`${user} user`, () => {
             beforeEach(() => {
@@ -74,7 +74,7 @@ describe("managing dashboard from the dashboard's edit menu", () => {
             });
 
             it("should shallow duplicate a dashboard but not its cards", () => {
-              cy.get("@originalDashboardId").then(id => {
+              cy.get("@originalDashboardId").then((id) => {
                 cy.intercept("POST", `/api/dashboard/${id}/copy`).as(
                   "copyDashboard",
                 );
@@ -129,7 +129,7 @@ describe("managing dashboard from the dashboard's edit menu", () => {
             });
 
             it("should deep duplicate a dashboard and its cards", () => {
-              cy.get("@originalDashboardId").then(id => {
+              cy.get("@originalDashboardId").then((id) => {
                 cy.intercept("POST", `/api/dashboard/${id}/copy`).as(
                   "copyDashboard",
                 );
@@ -170,7 +170,7 @@ describe("managing dashboard from the dashboard's edit menu", () => {
             });
 
             it("should deep duplicate a dashboard and its cards to a collection created on the go", () => {
-              cy.get("@originalDashboardId").then(id => {
+              cy.get("@originalDashboardId").then((id) => {
                 cy.intercept("POST", `/api/dashboard/${id}/copy`).as(
                   "copyDashboard",
                 );
@@ -232,7 +232,7 @@ describe("managing dashboard from the dashboard's edit menu", () => {
             });
 
             it("should be able to move/undo move a dashboard (metabase#13059, metabase#25705)", () => {
-              cy.get("@originalDashboardId").then(id => {
+              cy.get("@originalDashboardId").then((id) => {
                 H.appBar().contains("Our analytics");
 
                 H.popover().findByText("Move").click();
@@ -264,7 +264,7 @@ describe("managing dashboard from the dashboard's edit menu", () => {
             });
 
             it("should be able to archive/unarchive a dashboard", () => {
-              cy.get("@originalDashboardId").then(id => {
+              cy.get("@originalDashboardId").then((id) => {
                 H.popover()
                   .findByText("Move to trash")
                   .should("be.visible")
@@ -376,7 +376,7 @@ describe("managing dashboard from the dashboard's edit menu", () => {
 });
 
 function assertOnRequest(xhr_alias) {
-  cy.wait("@" + xhr_alias).then(xhr => {
+  cy.wait("@" + xhr_alias).then((xhr) => {
     expect(xhr.status).not.to.eq(403);
   });
   cy.findByText("Sorry, you don’t have permission to see that.").should(
diff --git a/e2e/test/scenarios/dashboard/dashboard-questions.cy.spec.js b/e2e/test/scenarios/dashboard/dashboard-questions.cy.spec.js
index 4bb89aa6817..69a23eb1e37 100644
--- a/e2e/test/scenarios/dashboard/dashboard-questions.cy.spec.js
+++ b/e2e/test/scenarios/dashboard/dashboard-questions.cy.spec.js
@@ -173,7 +173,7 @@ describe("Dashboard > Dashboard Questions", () => {
         { wrapId: true, idAlias: "anotherDashboardId" },
       );
 
-      cy.get("@anotherDashboardId").then(anotherDashboardId => {
+      cy.get("@anotherDashboardId").then((anotherDashboardId) => {
         H.createQuestion(
           {
             name: "Total Orders",
@@ -362,7 +362,7 @@ describe("Dashboard > Dashboard Questions", () => {
         { wrapId: true },
       );
 
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         //Simulate having picked the dashboard in the entity picker previously
         cy.request("POST", "/api/activity/recents", {
           context: "selection",
@@ -505,7 +505,7 @@ describe("Dashboard > Dashboard Questions", () => {
       cy.findByTestId("public-link-input")
         .invoke("val")
         .should("not.be.empty")
-        .then(publicLink => {
+        .then((publicLink) => {
           cy.signOut();
           cy.visit(publicLink);
           cy.findByTestId("embed-frame-header")
@@ -623,7 +623,7 @@ describe("Dashboard > Dashboard Questions", () => {
       );
 
       // there has to be a card already in the trash from this dashboard for this to reproduce
-      cy.get("@deletedCardId").then(deletedCardId => {
+      cy.get("@deletedCardId").then((deletedCardId) => {
         cy.request("PUT", `/api/card/${deletedCardId}`, { archived: true });
       });
 
@@ -653,7 +653,7 @@ describe("Dashboard > Dashboard Questions", () => {
         { wrapId: true, idAlias: "dashboardWithTitleId" },
       );
 
-      cy.get("@dashboardWithTitleId").then(dashboardId => {
+      cy.get("@dashboardWithTitleId").then((dashboardId) => {
         // add a text card to the dashboard
         H.visitDashboard(dashboardId);
         H.editDashboard();
@@ -831,7 +831,7 @@ describe("Dashboard > Dashboard Questions", () => {
         { wrapId: true, idAlias: "purpleDashboardId" },
       );
 
-      cy.get("@blueDashboardId").then(blueDashboardId => {
+      cy.get("@blueDashboardId").then((blueDashboardId) => {
         H.visitDashboard(blueDashboardId);
       });
 
@@ -843,7 +843,7 @@ describe("Dashboard > Dashboard Questions", () => {
       H.sidebar().findByText("Average Quantity by Month Question").click();
       H.saveDashboard();
 
-      cy.get("@purpleDashboardId").then(purpleDashboardId => {
+      cy.get("@purpleDashboardId").then((purpleDashboardId) => {
         H.visitDashboard(purpleDashboardId);
       });
 
@@ -876,8 +876,8 @@ describe("Dashboard > Dashboard Questions", () => {
       let shouldError = true;
 
       // Simulate an error to ensure that it's passed back and shown in the modal.
-      cy.get("@avgQuanityQuestionId").then(questionId => {
-        cy.intercept("PUT", `**/api/card/${questionId}**`, req => {
+      cy.get("@avgQuanityQuestionId").then((questionId) => {
+        cy.intercept("PUT", `**/api/card/${questionId}**`, (req) => {
           if (shouldError === true) {
             shouldError = false;
             req.reply({
@@ -904,7 +904,7 @@ describe("Dashboard > Dashboard Questions", () => {
         cy.button("Move it").click();
       });
 
-      cy.get("@purpleDashboardId").then(purpleDashboardId => {
+      cy.get("@purpleDashboardId").then((purpleDashboardId) => {
         H.visitDashboard(purpleDashboardId);
       });
 
@@ -1099,7 +1099,7 @@ describe("Dashboard > Dashboard Questions", () => {
         { wrapId: true, idAlias: "personalDashboardId" },
       );
 
-      cy.get("@personalDashboardId").then(personalDashboardId => {
+      cy.get("@personalDashboardId").then((personalDashboardId) => {
         H.visitDashboard(personalDashboardId);
       });
 
@@ -1115,7 +1115,7 @@ describe("Dashboard > Dashboard Questions", () => {
       cy.signOut();
       cy.signIn("normal");
 
-      cy.get("@totalOrdersQuestionId").then(totalOrdersQuestionId => {
+      cy.get("@totalOrdersQuestionId").then((totalOrdersQuestionId) => {
         H.visitQuestion(totalOrdersQuestionId);
       });
 
@@ -1329,7 +1329,7 @@ function seedMigrationToolData() {
       collection_id: S.FIRST_COLLECTION_ID,
     },
   }).then(({ body: { dashboard_id, card_id } }) => {
-    cy.get("@questionThreeCard").then(questionThreeCard => {
+    cy.get("@questionThreeCard").then((questionThreeCard) => {
       H.updateDashboardCards({
         dashboard_id,
         cards: [
@@ -1351,7 +1351,7 @@ function seedMigrationToolData() {
       collection_id: S.FIRST_COLLECTION_ID,
     },
   }).then(({ body: { dashboard_id, card_id } }) => {
-    cy.get("@questionThreeCard").then(questionThreeCard => {
+    cy.get("@questionThreeCard").then((questionThreeCard) => {
       H.updateDashboardCards({
         dashboard_id,
         cards: [
diff --git a/e2e/test/scenarios/dashboard/dashboard-reproductions.cy.spec.js b/e2e/test/scenarios/dashboard/dashboard-reproductions.cy.spec.js
index b3dff62d3cb..ef099fb3ef6 100644
--- a/e2e/test/scenarios/dashboard/dashboard-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/dashboard/dashboard-reproductions.cy.spec.js
@@ -50,8 +50,8 @@ describe("issue 12578", () => {
     H.popover().findByText("1 minute").click();
 
     // Mock slow card request
-    cy.intercept("POST", "/api/dashboard/*/dashcard/*/card/*/query", req => {
-      req.on("response", res => {
+    cy.intercept("POST", "/api/dashboard/*/dashcard/*/card/*/query", (req) => {
+      req.on("response", (res) => {
         res.setDelay(99999);
       });
     }).as("dashcardQuery");
@@ -82,23 +82,23 @@ describe("issue 12926", () => {
   };
 
   function slowDownCardQuery(as) {
-    cy.intercept("POST", "/api/card/*/query", req => {
-      req.on("response", res => {
+    cy.intercept("POST", "/api/card/*/query", (req) => {
+      req.on("response", (res) => {
         res.setDelay(300000);
       });
     }).as(as);
   }
 
   function slowDownDashcardQuery() {
-    cy.intercept("POST", "/api/dashboard/*/dashcard/*/card/*/query", req => {
-      req.on("response", res => {
+    cy.intercept("POST", "/api/dashboard/*/dashcard/*/card/*/query", (req) => {
+      req.on("response", (res) => {
         res.setDelay(5000);
       });
     }).as("dashcardQuerySlowed");
   }
 
   function restoreDashcardQuery() {
-    cy.intercept("POST", "/api/dashboard/*/dashcard/*/card/*/query", req => {
+    cy.intercept("POST", "/api/dashboard/*/dashcard/*/card/*/query", (req) => {
       // calling req.continue() will make cypress skip all previously added intercepts
       req.continue();
     }).as("dashcardQueryRestored");
@@ -129,7 +129,7 @@ describe("issue 12926", () => {
         cy.visit(`/dashboard/${dashboard_id}`);
       });
 
-      cy.window().then(win => {
+      cy.window().then((win) => {
         cy.spy(win.XMLHttpRequest.prototype, "abort").as("xhrAbort");
       });
 
@@ -199,7 +199,7 @@ describe("issue 12926", () => {
 
       H.saveDashboard();
 
-      cy.wait("@cardQuerySlowed").then(xhrProxy =>
+      cy.wait("@cardQuerySlowed").then((xhrProxy) =>
         expect(xhrProxy.state).to.eq("Errored"),
       );
 
@@ -287,7 +287,7 @@ describe("issue 16559", () => {
     H.restore();
     cy.signInAsAdmin();
 
-    H.createDashboard(dashboardDetails).then(response => {
+    H.createDashboard(dashboardDetails).then((response) => {
       H.visitDashboard(response.body.id);
     });
 
@@ -541,8 +541,8 @@ describe("issue 21830", () => {
         url: "/api/dashboard/*/dashcard/*/card/*/query",
         middleware: true,
       },
-      req => {
-        req.on("response", res => {
+      (req) => {
+        req.on("response", (res) => {
           // throttle the response to simulate a mobile 3G connection
           res.setThrottle(100);
         });
@@ -631,7 +631,7 @@ describe("issue 28756", () => {
     cy.signInAsNormalUser();
     cy.clock();
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       H.visitDashboard(dashboardId);
       cy.tick(TOAST_TIMEOUT);
 
@@ -693,7 +693,7 @@ describe("issue 29076", () => {
 });
 
 describe("issue 31274", () => {
-  const createTextCards = length => {
+  const createTextCards = (length) => {
     return Array.from({ length }).map((_, index) => {
       return H.getTextCardDetails({
         size_x: 2,
@@ -776,7 +776,7 @@ describe("issue 31697", () => {
     },
   };
 
-  const getQuestionDetails = segment => ({
+  const getQuestionDetails = (segment) => ({
     display: "line",
     query: {
       "source-table": ORDERS_ID,
@@ -817,7 +817,7 @@ describe("issue 31766", () => {
     cy.intercept("PUT", "/api/card/*").as("updateQuestion");
 
     cy.findByText("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
   }
@@ -889,7 +889,7 @@ describe("issue 31766", () => {
 describe("issue 34382", () => {
   const createDashboardWithCards = () => {
     const getParameterMapping = ({ card_id }, parameters) => ({
-      parameter_mappings: parameters.map(parameter => ({
+      parameter_mappings: parameters.map((parameter) => ({
         card_id,
         parameter_id: parameter.id,
         target: ["dimension", ["field", PRODUCTS.CATEGORY, null]],
@@ -1013,7 +1013,7 @@ describe("should not redirect users to other pages when linking an entity (metab
     H.visitDashboard(ORDERS_DASHBOARD_ID);
     H.editDashboard();
 
-    cy.url().then(url => {
+    cy.url().then((url) => {
       cy.wrap(url).as("originUrl");
     });
 
@@ -1025,7 +1025,7 @@ describe("should not redirect users to other pages when linking an entity (metab
       cy.findByText(TEST_DASHBOARD_NAME).click();
     });
 
-    cy.url().then(currentURL => {
+    cy.url().then((currentURL) => {
       cy.get("@originUrl").should("eq", currentURL);
     });
 
@@ -1044,7 +1044,7 @@ describe("should not redirect users to other pages when linking an entity (metab
     H.visitDashboard(ORDERS_DASHBOARD_ID);
     H.editDashboard();
 
-    cy.url().then(url => {
+    cy.url().then((url) => {
       cy.wrap(url).as("originUrl");
     });
 
@@ -1057,7 +1057,7 @@ describe("should not redirect users to other pages when linking an entity (metab
       cy.findByText(TEST_QUESTION_NAME).click();
     });
 
-    cy.url().then(currentURL => {
+    cy.url().then((currentURL) => {
       cy.get("@originUrl").should("eq", currentURL);
     });
 
@@ -1285,7 +1285,7 @@ describe("issue 39863", () => {
           dashboard_tab_id: TAB_2.id,
         }),
       ],
-    }).then(dashboard => H.visitDashboard(dashboard.id));
+    }).then((dashboard) => H.visitDashboard(dashboard.id));
 
     // Initial query for 1st tab
     cy.wait("@dashcardQuery");
@@ -1348,7 +1348,7 @@ describe("issue 39863", () => {
           dashboard_tab_id: TAB_2.id,
         }),
       ],
-    }).then(dashboard => H.visitDashboard(dashboard.id));
+    }).then((dashboard) => H.visitDashboard(dashboard.id));
 
     // Initial query for 1st tab
     cy.wait("@dashcardQuery");
@@ -1420,7 +1420,7 @@ describe("issue 40695", () => {
           card_id: ORDERS_COUNT_QUESTION_ID,
         }),
       ],
-    }).then(dashboard => H.visitDashboard(dashboard.id));
+    }).then((dashboard) => H.visitDashboard(dashboard.id));
 
     H.editDashboard();
     cy.findByTestId("edit-bar").button("Cancel").click();
@@ -1503,7 +1503,7 @@ describe("issue 42165", () => {
   });
 
   it("should use card name instead of series names when navigating to QB from dashcard title", () => {
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       H.visitDashboard(dashboardId);
 
       H.filterWidget().click();
@@ -1526,7 +1526,7 @@ describe("issue 47170", () => {
     cy.request("POST", `/api/bookmark/dashboard/${ORDERS_DASHBOARD_ID}`);
 
     H.createDashboard({ name: "Dashboard A" }, { wrapId: true }).then(
-      dashboardId => {
+      (dashboardId) => {
         cy.request("POST", `/api/bookmark/dashboard/${dashboardId}`);
       },
     );
@@ -1537,8 +1537,10 @@ describe("issue 47170", () => {
         url: "/api/dashboard/*",
         middleware: true,
       },
-      req => {
-        req.continue(res => new Promise(resolve => setTimeout(resolve, 1000)));
+      (req) => {
+        req.continue(
+          (res) => new Promise((resolve) => setTimeout(resolve, 1000)),
+        );
       },
     );
   });
@@ -1642,7 +1644,7 @@ describe("issue 49556", () => {
           ],
         }),
       ],
-    }).then(dashboard => H.visitDashboard(dashboard.id));
+    }).then((dashboard) => H.visitDashboard(dashboard.id));
   });
 
   it("unlinks the filter when it is removed (metabase#49556)", () => {
diff --git a/e2e/test/scenarios/dashboard/dashboard.cy.spec.js b/e2e/test/scenarios/dashboard/dashboard.cy.spec.js
index 4305ca89942..4b87f7a04ff 100644
--- a/e2e/test/scenarios/dashboard/dashboard.cy.spec.js
+++ b/e2e/test/scenarios/dashboard/dashboard.cy.spec.js
@@ -93,7 +93,7 @@ describe("scenarios > dashboard", () => {
       });
 
       H.queryBuilderHeader().findByText("Save").click();
-      cy.findByTestId("save-question-modal").within(modal => {
+      cy.findByTestId("save-question-modal").within((modal) => {
         cy.findByLabelText("Name").clear().type(newQuestionName);
         cy.findByLabelText("Where do you want to save this?").should(
           "not.exist",
@@ -129,7 +129,7 @@ describe("scenarios > dashboard", () => {
         H.appBar().findByText("New").click();
         H.popover().findByText("Dashboard").should("be.visible").click();
         const NEW_DASHBOARD = "Foo";
-        cy.findByTestId("new-dashboard-modal").then(modal => {
+        cy.findByTestId("new-dashboard-modal").then((modal) => {
           cy.findByRole("heading", { name: "New dashboard" });
           cy.findByLabelText("Name").type(NEW_DASHBOARD).blur();
           cy.findByTestId("collection-picker-button")
@@ -409,7 +409,7 @@ describe("scenarios > dashboard", () => {
         H.showDashboardCardActions();
         H.getDashboardCardMenu().click();
         H.popover().findByText("Edit model").should("be.visible").click();
-        cy.get("@slug").then(slug => {
+        cy.get("@slug").then((slug) => {
           cy.location("pathname").should("eq", `/model/${slug}/query`);
         });
       });
@@ -435,7 +435,7 @@ describe("scenarios > dashboard", () => {
         H.showDashboardCardActions();
         H.getDashboardCardMenu().click();
         H.popover().findByText("Edit metric").should("be.visible").click();
-        cy.get("@slug").then(slug => {
+        cy.get("@slug").then((slug) => {
           cy.location("pathname").should("eq", `/metric/${slug}/query`);
         });
       });
@@ -551,7 +551,7 @@ describe("scenarios > dashboard", () => {
 
         H.sidesheet().within(() => {
           cy.log("Markdown content should not be bigger than its container");
-          cy.findByTestId("editable-text").then($markdown => {
+          cy.findByTestId("editable-text").then(($markdown) => {
             const el = $markdown[0];
 
             // vertical
@@ -574,7 +574,7 @@ describe("scenarios > dashboard", () => {
           );
           cy.findByTestId("editable-text")
             .click()
-            .then($el => {
+            .then(($el) => {
               const lineHeight = parseFloat(
                 window.getComputedStyle($el[0]).lineHeight,
               );
@@ -998,7 +998,7 @@ describe("scenarios > dashboard", () => {
 
     H.filterWidget().as("filterWidget").click();
 
-    ["Doohickey", "Gadget", "Gizmo", "Widget"].forEach(category => {
+    ["Doohickey", "Gadget", "Gizmo", "Widget"].forEach((category) => {
       cy.findByText(category);
     });
 
@@ -1113,7 +1113,7 @@ describe("scenarios > dashboard", () => {
     H.createDashboard({ name: "Auto-scroll test", dashcards }).then(
       ({ body: dashboard }) => {
         const targetCard = dashboard.dashcards.find(
-          dc => dc.visualization_settings?.text === TARGET_TEXT,
+          (dc) => dc.visualization_settings?.text === TARGET_TEXT,
         );
 
         cy.log("should not be visible (below the fold)");
@@ -1458,7 +1458,7 @@ H.describeWithSnowplow("scenarios > dashboard", () => {
           },
         }),
       ],
-    }).then(dashboard => H.visitDashboard(dashboard.id));
+    }).then((dashboard) => H.visitDashboard(dashboard.id));
 
     // new dashboards should default to 'fixed' width
     H.assertDashboardFixedWidth();
@@ -1503,7 +1503,7 @@ function checkOptionsForFilter(filter) {
 }
 
 function assertScrollBarExists() {
-  cy.get("body").then($body => {
+  cy.get("body").then(($body) => {
     const bodyWidth = $body[0].getBoundingClientRect().width;
     cy.window().its("innerWidth").should("be.gte", bodyWidth);
   });
@@ -1757,7 +1757,7 @@ describe("scenarios > dashboard > entity id support", () => {
         { name: "Tab 2", id: -2 },
       ],
       dashcards: [],
-    }).then(dashboard => {
+    }).then((dashboard) => {
       cy.visit(
         `/dashboard/entity/${dashboard.entity_id}?tab=${dashboard.tabs[1].entity_id}`,
       );
diff --git a/e2e/test/scenarios/dashboard/tabs.cy.spec.js b/e2e/test/scenarios/dashboard/tabs.cy.spec.js
index bf8adee7778..c4c25fdb35d 100644
--- a/e2e/test/scenarios/dashboard/tabs.cy.spec.js
+++ b/e2e/test/scenarios/dashboard/tabs.cy.spec.js
@@ -116,7 +116,7 @@ describe("scenarios > dashboard > tabs", () => {
           ],
         }),
       ],
-    }).then(dashboard => H.visitDashboard(dashboard.id));
+    }).then((dashboard) => H.visitDashboard(dashboard.id));
 
     assertFiltersVisibility({
       visible: [DASHBOARD_DATE_FILTER, DASHBOARD_TEXT_FILTER],
@@ -205,14 +205,14 @@ describe("scenarios > dashboard > tabs", () => {
       cy.log("should stay on the same tab");
       cy.findByRole("tab", { selected: true }).should("have.text", "Tab 1");
 
-      H.getDashboardCard(0).then(element => {
+      H.getDashboardCard(0).then((element) => {
         cy.wrap({
           width: element.outerWidth(),
           height: element.outerHeight(),
         }).as("card1OriginalSize");
       });
 
-      H.getDashboardCard(1).then(element => {
+      H.getDashboardCard(1).then((element) => {
         cy.wrap(element.offset()).as("card2OriginalPosition");
       });
 
@@ -238,8 +238,8 @@ describe("scenarios > dashboard > tabs", () => {
 
       cy.log("size should stay the same");
 
-      H.getDashboardCard(1).then(element => {
-        cy.get("@card1OriginalSize").then(originalSize => {
+      H.getDashboardCard(1).then((element) => {
+        cy.get("@card1OriginalSize").then((originalSize) => {
           expect({
             width: element.outerWidth(),
             height: element.outerHeight(),
@@ -257,8 +257,8 @@ describe("scenarios > dashboard > tabs", () => {
 
       cy.log("second card should be in the original position");
 
-      H.getDashboardCard().then(element => {
-        cy.get("@card2OriginalPosition").then(originalPosition => {
+      H.getDashboardCard().then((element) => {
+        cy.get("@card2OriginalPosition").then((originalPosition) => {
           const position = element.offset();
           // approximately to avoid possibly flakiness, we just want it to be in the same grid cell
           expect(position.left).to.approximately(originalPosition.left, 10);
@@ -397,7 +397,7 @@ describe("scenarios > dashboard > tabs", () => {
       cy.spy().as("firstTabQuerySpy"),
     ).as("firstTabQuery");
 
-    cy.get("@secondTabDashcardId").then(secondTabDashcardId => {
+    cy.get("@secondTabDashcardId").then((secondTabDashcardId) => {
       cy.intercept(
         "POST",
         `/api/dashboard/${ORDERS_DASHBOARD_ID}/dashcard/${secondTabDashcardId}/card/${ORDERS_COUNT_QUESTION_ID}/query`,
@@ -414,10 +414,10 @@ describe("scenarios > dashboard > tabs", () => {
         .its("body");
     };
 
-    firstQuestion().then(r => {
+    firstQuestion().then((r) => {
       cy.wrap(r.view_count).should("equal", 1);
     });
-    secondQuestion().then(r => {
+    secondQuestion().then((r) => {
       cy.wrap(r.view_count).should("equal", 1);
     });
 
@@ -426,11 +426,11 @@ describe("scenarios > dashboard > tabs", () => {
 
     cy.get("@firstTabQuerySpy").should("have.been.calledOnce");
     cy.get("@secondTabQuerySpy").should("not.have.been.called");
-    cy.wait("@firstTabQuery").then(r => {
-      firstQuestion().then(r => {
+    cy.wait("@firstTabQuery").then((r) => {
+      firstQuestion().then((r) => {
         expect(r.view_count).to.equal(3); // 1 (previously) + 1 (firstQuestion) + 1 (firstTabQuery)
       });
-      secondQuestion().then(r => {
+      secondQuestion().then((r) => {
         expect(r.view_count).to.equal(2); // 1 (previously) + 1 (secondQuestion)
       });
     });
@@ -439,11 +439,11 @@ describe("scenarios > dashboard > tabs", () => {
     H.goToTab("Tab 2");
     cy.get("@secondTabQuerySpy").should("have.been.calledOnce");
     cy.get("@firstTabQuerySpy").should("have.been.calledOnce");
-    cy.wait("@secondTabQuery").then(r => {
-      firstQuestion().then(r => {
+    cy.wait("@secondTabQuery").then((r) => {
+      firstQuestion().then((r) => {
         expect(r.view_count).to.equal(4); // 3 (previously) + 1 (firstQuestion)
       });
-      secondQuestion().then(r => {
+      secondQuestion().then((r) => {
         expect(r.view_count).to.equal(4); // 2 (previously) + 1 (secondQuestion) + 1 (secondTabQuery)
       });
     });
@@ -454,10 +454,10 @@ describe("scenarios > dashboard > tabs", () => {
     cy.get("@firstTabQuerySpy").should("have.been.calledOnce");
     cy.get("@secondTabQuerySpy").should("have.been.calledOnce");
 
-    firstQuestion().then(r => {
+    firstQuestion().then((r) => {
       expect(r.view_count).to.equal(5); // 4 (previously) + 1 (firstQuestion)
     });
-    secondQuestion().then(r => {
+    secondQuestion().then((r) => {
       expect(r.view_count).to.equal(5); // 4 (previously) + 1 (secondQuestion)
     });
 
@@ -472,7 +472,7 @@ describe("scenarios > dashboard > tabs", () => {
         `/api/public/dashboard/${uuid}/dashcard/${ORDERS_DASHBOARD_DASHCARD_ID}/card/${ORDERS_QUESTION_ID}?parameters=%5B%5D`,
         cy.spy().as("publicFirstTabQuerySpy"),
       ).as("publicFirstTabQuery");
-      cy.get("@secondTabDashcardId").then(secondTabDashcardId => {
+      cy.get("@secondTabDashcardId").then((secondTabDashcardId) => {
         cy.intercept(
           "GET",
           `/api/public/dashboard/${uuid}/dashcard/${secondTabDashcardId}/card/${ORDERS_COUNT_QUESTION_ID}?parameters=%5B%5D`,
@@ -486,11 +486,11 @@ describe("scenarios > dashboard > tabs", () => {
     // Check first tab requests
     cy.get("@publicFirstTabQuerySpy").should("have.been.calledOnce");
     cy.get("@publicSecondTabQuerySpy").should("not.have.been.called");
-    cy.wait("@publicFirstTabQuery").then(r => {
-      firstQuestion().then(r => {
+    cy.wait("@publicFirstTabQuery").then((r) => {
+      firstQuestion().then((r) => {
         expect(r.view_count).to.equal(7); // 5 (previously) + 1 (firstQuestion) + 1 (publicFirstTabQuery)
       });
-      secondQuestion().then(r => {
+      secondQuestion().then((r) => {
         expect(r.view_count).to.equal(6); // 5 (previously) + 1 (secondQuestion)
       });
     });
@@ -499,11 +499,11 @@ describe("scenarios > dashboard > tabs", () => {
     H.goToTab("Tab 2");
     cy.get("@publicSecondTabQuerySpy").should("have.been.calledOnce");
     cy.get("@publicFirstTabQuerySpy").should("have.been.calledOnce");
-    cy.wait("@publicSecondTabQuery").then(r => {
-      firstQuestion().then(r => {
+    cy.wait("@publicSecondTabQuery").then((r) => {
+      firstQuestion().then((r) => {
         expect(r.view_count).to.equal(8); // 7 (previously) + 1 (firstQuestion)
       });
-      secondQuestion().then(r => {
+      secondQuestion().then((r) => {
         expect(r.view_count).to.equal(8); // 6 (previously) + 1 (secondQuestion) + 1 (publicSecondTabQuery)
       });
     });
@@ -512,11 +512,11 @@ describe("scenarios > dashboard > tabs", () => {
     // This is a bug. publicFirstTabQuery should not be called again
     cy.get("@publicFirstTabQuerySpy").should("have.been.calledTwice");
     cy.get("@publicSecondTabQuerySpy").should("have.been.calledOnce");
-    cy.wait("@publicFirstTabQuery").then(r => {
-      firstQuestion().then(r => {
+    cy.wait("@publicFirstTabQuery").then((r) => {
+      firstQuestion().then((r) => {
         expect(r.view_count).to.equal(10); // 8 (previously) + 1 (firstQuestion) + 1 (publicFirstTabQuery)
       });
-      secondQuestion().then(r => {
+      secondQuestion().then((r) => {
         expect(r.view_count).to.equal(9); // 8 (previously) + 1 (secondQuestion)
       });
     });
@@ -552,10 +552,10 @@ describe("scenarios > dashboard > tabs", () => {
         .its("body");
     };
 
-    firstQuestion().then(r => {
+    firstQuestion().then((r) => {
       expect(r.view_count).to.equal(1); // 1 (firstQuestion)
     });
-    secondQuestion().then(r => {
+    secondQuestion().then((r) => {
       expect(r.view_count).to.equal(1); // 1 (secondQuestion)
     });
 
@@ -582,11 +582,11 @@ describe("scenarios > dashboard > tabs", () => {
     cy.get("@firstTabQuerySpy").should("have.been.calledOnce");
     cy.get("@secondTabQuerySpy").should("not.have.been.called");
 
-    cy.wait("@firstTabQuery").then(r => {
-      firstQuestion().then(r => {
+    cy.wait("@firstTabQuery").then((r) => {
+      firstQuestion().then((r) => {
         expect(r.view_count).to.equal(3); // 1 (previously) + 1 (firstQuestion) + 1 (first tab query)
       });
-      secondQuestion().then(r => {
+      secondQuestion().then((r) => {
         expect(r.view_count).to.equal(2); // 1 (previously) + 1 (secondQuestion)
       });
     });
@@ -594,11 +594,11 @@ describe("scenarios > dashboard > tabs", () => {
     H.goToTab("Tab 2");
     cy.get("@secondTabQuerySpy").should("have.been.calledOnce");
     cy.get("@firstTabQuerySpy").should("have.been.calledOnce");
-    cy.wait("@secondTabQuery").then(r => {
-      firstQuestion().then(r => {
+    cy.wait("@secondTabQuery").then((r) => {
+      firstQuestion().then((r) => {
         expect(r.view_count).to.equal(4); // 3 (previously) + 1 (firstQuestion)
       });
-      secondQuestion().then(r => {
+      secondQuestion().then((r) => {
         expect(r.view_count).to.equal(4); // 2 (previously) + 1 (secondQuestion) + 1 (second tab query)
       });
     });
@@ -607,11 +607,11 @@ describe("scenarios > dashboard > tabs", () => {
     // This is a bug. firstTabQuery should not be called again
     cy.get("@firstTabQuerySpy").should("have.been.calledTwice");
     cy.get("@secondTabQuerySpy").should("have.been.calledOnce");
-    cy.wait("@firstTabQuery").then(r => {
-      firstQuestion().then(r => {
+    cy.wait("@firstTabQuery").then((r) => {
+      firstQuestion().then((r) => {
         expect(r.view_count).to.equal(6); // 4 (previously) + 1 (firstQuestion) + 1 (first tab query)
       });
-      secondQuestion().then(r => {
+      secondQuestion().then((r) => {
         expect(r.view_count).to.equal(5); // 4 (previously) + 1 (secondQuestion)
       });
     });
@@ -809,7 +809,7 @@ H.describeWithSnowplow("scenarios > dashboard > tabs", () => {
  */
 function delayResponse(delayMs) {
   return function (req) {
-    req.on("response", res => {
+    req.on("response", (res) => {
       res.setDelay(delayMs);
     });
   };
@@ -858,14 +858,14 @@ const createNumberFilterMapping = ({ card_id }) => {
 
 function assertFiltersVisibility({ visible = [], hidden = [] }) {
   cy.findByTestId("dashboard-parameters-widget-container", () => {
-    visible.forEach(filter => cy.findByText(filter.name).should("exist"));
-    hidden.forEach(filter => cy.findByText(filter.name).should("not.exist"));
+    visible.forEach((filter) => cy.findByText(filter.name).should("exist"));
+    hidden.forEach((filter) => cy.findByText(filter.name).should("not.exist"));
   });
 
   // Ensure all filters are visible in edit mode
   H.editDashboard();
   cy.findByTestId("edit-dashboard-parameters-widget-container", () => {
-    [...visible, ...hidden].forEach(filter =>
+    [...visible, ...hidden].forEach((filter) =>
       cy.findByText(filter.name).should("exist"),
     );
   });
diff --git a/e2e/test/scenarios/dashboard/title-drill.cy.spec.js b/e2e/test/scenarios/dashboard/title-drill.cy.spec.js
index 5ccfd42593a..d249b7dc059 100644
--- a/e2e/test/scenarios/dashboard/title-drill.cy.spec.js
+++ b/e2e/test/scenarios/dashboard/title-drill.cy.spec.js
@@ -30,7 +30,7 @@ describe("scenarios > dashboard > title drill", () => {
 
     describe("as a user with access to underlying data", () => {
       it("should let you click through the title to the query builder (metabase#13042)", () => {
-        cy.get("@questionId").then(questionId => {
+        cy.get("@questionId").then((questionId) => {
           cy.findByTestId("loading-indicator").should("not.exist");
 
           H.getDashboardCard().findByRole("link", { name: "Q1" }).as("title");
@@ -60,7 +60,7 @@ describe("scenarios > dashboard > title drill", () => {
       });
 
       it("should let you click through the title to the query builder (metabase#13042)", () => {
-        cy.get("@questionId").then(questionId => {
+        cy.get("@questionId").then((questionId) => {
           cy.findByTestId("loading-indicator").should("not.exist");
 
           H.getDashboardCard().findByRole("link", { name: "Q1" }).as("title");
@@ -308,7 +308,7 @@ describe("scenarios > dashboard > title drill", () => {
 
         // make sure the results match
         H.queryBuilderMain().findByText("42").should("be.visible");
-        cy.get("@questionId").then(questionId => {
+        cy.get("@questionId").then((questionId) => {
           cy.location("href").should(
             "include",
             `/question/${questionId}-gui-question?category=Doohickey&id=#`,
@@ -379,7 +379,7 @@ describe("scenarios > dashboard > title drill", () => {
         idAlias: "questionId",
       });
 
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         const nestedQuestionDetails = {
           ...baseNestedQuestionDetails,
           query: {
diff --git a/e2e/test/scenarios/dashboard/x-rays.cy.spec.js b/e2e/test/scenarios/dashboard/x-rays.cy.spec.js
index b43d90c0b04..57b5d044cee 100644
--- a/e2e/test/scenarios/dashboard/x-rays.cy.spec.js
+++ b/e2e/test/scenarios/dashboard/x-rays.cy.spec.js
@@ -84,7 +84,7 @@ describe("scenarios > x-rays", { tags: "@slow" }, () => {
     cy.icon("warning").should("not.exist");
   });
 
-  ["X-ray", "Compare to the rest"].forEach(action => {
+  ["X-ray", "Compare to the rest"].forEach((action) => {
     it(`"${action.toUpperCase()}" should work on a nested question made from base native question (metabase#15655)`, () => {
       if (action === "Compare to the rest") {
         cy.log(
@@ -126,7 +126,7 @@ describe("scenarios > x-rays", { tags: "@slow" }, () => {
           timeout: 15 * 1000,
         });
 
-        cy.wait("@xray").then(xhr => {
+        cy.wait("@xray").then((xhr) => {
           expect(xhr.response.body.cause).not.to.exist;
           expect(xhr.response.statusCode).not.to.eq(500);
         });
@@ -407,7 +407,7 @@ function waitForSatisfyingResponse(
     throw `${maxRequests} requests exceeded`; // fail the test
   }
 
-  cy.wait(alias).then(interception => {
+  cy.wait(alias).then((interception) => {
     const isMatch = Cypress._.isMatch(interception.response, partialResponse);
     if (!isMatch) {
       waitForSatisfyingResponse(alias, partialResponse, maxRequests, level + 1);
diff --git a/e2e/test/scenarios/embedding-sdk/static-dashboard-cors.cy.spec.js b/e2e/test/scenarios/embedding-sdk/static-dashboard-cors.cy.spec.js
index 3cdc5c5b256..af6f6384920 100644
--- a/e2e/test/scenarios/embedding-sdk/static-dashboard-cors.cy.spec.js
+++ b/e2e/test/scenarios/embedding-sdk/static-dashboard-cors.cy.spec.js
@@ -56,7 +56,7 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
         exp: Math.round(Date.now() / 1000) + 10 * 60, // 10 minute expiration
       },
       secret: JWT_SHARED_SECRET,
-    }).then(jwtToken => {
+    }).then((jwtToken) => {
       const ssoUrl = new URL("/auth/sso", Cypress.config().baseUrl);
       ssoUrl.searchParams.set("jwt", jwtToken);
       ssoUrl.searchParams.set("token", "true");
@@ -64,7 +64,7 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
         cy.wrap(body).as("metabaseSsoResponse");
       });
     });
-    cy.get("@metabaseSsoResponse").then(ssoResponse => {
+    cy.get("@metabaseSsoResponse").then((ssoResponse) => {
       cy.intercept("GET", "/sso/metabase", ssoResponse);
     });
   });
@@ -75,11 +75,11 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
     });
     cy.signOut();
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       visitFullAppEmbeddingUrl({
         url: EMBEDDING_SDK_STORY_HOST,
         qs: { id: STORYBOOK_ID, viewMode: "story" },
-        onBeforeLoad: window => {
+        onBeforeLoad: (window) => {
           window.METABASE_INSTANCE_URL = Cypress.config().baseUrl;
           window.DASHBOARD_ID = dashboardId;
         },
@@ -98,11 +98,11 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
       "enable-embedding-sdk": true,
     });
     cy.signOut();
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       visitFullAppEmbeddingUrl({
         url: EMBEDDING_SDK_STORY_HOST,
         qs: { id: STORYBOOK_ID, viewMode: "story" },
-        onBeforeLoad: window => {
+        onBeforeLoad: (window) => {
           window.METABASE_INSTANCE_URL = Cypress.config().baseUrl;
           window.DASHBOARD_ID = dashboardId;
         },
@@ -132,14 +132,14 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
       "enable-embedding-sdk": true,
     });
     cy.signOut();
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       visitFullAppEmbeddingUrl({
         url: "http://my-site.local:6006/iframe.html",
         qs: {
           id: STORYBOOK_ID,
           viewMode: "story",
         },
-        onBeforeLoad: window => {
+        onBeforeLoad: (window) => {
           window.METABASE_INSTANCE_URL = Cypress.config().baseUrl;
           window.DASHBOARD_ID = dashboardId;
         },
@@ -159,11 +159,11 @@ describe("scenarios > embedding-sdk > static-dashboard", () => {
       "embedding-app-origins-sdk": "my-site.local:6006",
     });
     cy.signOut();
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       visitFullAppEmbeddingUrl({
         url: "http://my-site.local:6006/iframe.html",
         qs: { id: STORYBOOK_ID, viewMode: "story" },
-        onBeforeLoad: window => {
+        onBeforeLoad: (window) => {
           window.METABASE_INSTANCE_URL = Cypress.config().baseUrl;
           window.DASHBOARD_ID = dashboardId;
         },
diff --git a/e2e/test/scenarios/embedding/embed-resource-downloads.cy.spec.ts b/e2e/test/scenarios/embedding/embed-resource-downloads.cy.spec.ts
index ba26faf8eb8..29772842089 100644
--- a/e2e/test/scenarios/embedding/embed-resource-downloads.cy.spec.ts
+++ b/e2e/test/scenarios/embedding/embed-resource-downloads.cy.spec.ts
@@ -165,7 +165,7 @@ H.describeWithSnowplowEE(
         });
 
         it("should be able to download a static embedded dashcard as CSV", () => {
-          cy.get("@dashboardId").then(dashboardId => {
+          cy.get("@dashboardId").then((dashboardId) => {
             H.visitEmbeddedPage(
               {
                 resource: { dashboard: Number(dashboardId) },
@@ -339,7 +339,7 @@ H.describeWithSnowplowEE(
 
         it("should be able to download a static embedded dashcard as CSV", () => {
           const value = 9999;
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.visitEmbeddedPage(
               {
                 resource: { question: Number(questionId) },
diff --git a/e2e/test/scenarios/embedding/embedding-dashboard.cy.spec.js b/e2e/test/scenarios/embedding/embedding-dashboard.cy.spec.js
index 39dc6213750..5d9343eeff8 100644
--- a/e2e/test/scenarios/embedding/embedding-dashboard.cy.spec.js
+++ b/e2e/test/scenarios/embedding/embedding-dashboard.cy.spec.js
@@ -25,7 +25,7 @@ describe("scenarios > embedding > dashboard parameters", () => {
       human_readable_field_id: PEOPLE.NAME,
     });
 
-    [ORDERS.USER_ID, PEOPLE.NAME, PEOPLE.ID].forEach(id =>
+    [ORDERS.USER_ID, PEOPLE.NAME, PEOPLE.ID].forEach((id) =>
       cy.request("PUT", `/api/field/${id}`, { has_field_values: "search" }),
     );
 
@@ -154,7 +154,7 @@ describe("scenarios > embedding > dashboard parameters", () => {
     });
 
     it("should only display filters mapped to cards on the selected tab", () => {
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         cy.request("PUT", `/api/dashboard/${dashboardId}`, {
           embedding_params: {
             id: "enabled",
@@ -281,7 +281,7 @@ describe("scenarios > embedding > dashboard parameters", () => {
 
   context("API", () => {
     beforeEach(() => {
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         cy.request("PUT", `/api/dashboard/${dashboardId}`, {
           embedding_params: {
             id: "enabled",
@@ -358,7 +358,7 @@ describe("scenarios > embedding > dashboard parameters", () => {
 
       cy.log("should accept url parameters");
 
-      cy.location().then(location =>
+      cy.location().then((location) =>
         cy.visit(`${location.origin}${location.pathname}?id=1&id=3`),
       );
 
@@ -367,7 +367,7 @@ describe("scenarios > embedding > dashboard parameters", () => {
   });
 
   it("should render error message when `params` is not an object (metabase#14474)", () => {
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       cy.request("PUT", `/api/dashboard/${dashboardId}`, {
         embedding_params: {
           id: "enabled",
@@ -508,7 +508,7 @@ describe("scenarios > embedding > dashboard parameters", () => {
         downloadUrl: "/api/embed/dashboard/*/dashcard/*/card/*/csv*",
         downloadMethod: "GET",
       },
-      sheet => {
+      (sheet) => {
         expect(sheet["A1"].v).to.eq("ID");
         expect(sheet["A2"].v).to.eq(9);
         expect(sheet["B1"].v).to.eq("EAN");
@@ -522,7 +522,7 @@ describe("scenarios > embedding > dashboard parameters", () => {
   it("should send 'X-Metabase-Client' header for api requests", () => {
     cy.intercept("GET", "api/embed/dashboard/*").as("getEmbeddedDashboard");
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       cy.request("PUT", `/api/dashboard/${dashboardId}`, {
         embedding_params: {},
         enable_embedding: true,
@@ -534,7 +534,7 @@ describe("scenarios > embedding > dashboard parameters", () => {
       };
 
       H.visitEmbeddedPage(payload, {
-        onBeforeLoad: window => {
+        onBeforeLoad: (window) => {
           window.Cypress = undefined;
         },
       });
@@ -578,7 +578,7 @@ describe("scenarios > embedding > dashboard parameters with defaults", () => {
       });
     });
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       const payload = {
         resource: { dashboard: dashboardId },
         params: { source: [] },
@@ -601,13 +601,13 @@ describe("scenarios > embedding > dashboard parameters with defaults", () => {
 
   it("locked parameters require a value to be specified in the JWT", () => {
     const nameParameter = dashboardDetails.parameters.find(
-      parameter => parameter.name === "Name",
+      (parameter) => parameter.name === "Name",
     );
     const sourceParameter = dashboardDetails.parameters.find(
-      parameter => parameter.name === "Source",
+      (parameter) => parameter.name === "Source",
     );
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       cy.request("PUT", `api/dashboard/${dashboardId}`, {
         enable_embedding: true,
         embedding_params: {
@@ -635,13 +635,13 @@ describe("scenarios > embedding > dashboard parameters with defaults", () => {
 
   it("locked parameters should still render results in the preview by default (metabase#47570)", () => {
     const nameParameter = dashboardDetails.parameters.find(
-      parameter => parameter.name === "Name",
+      (parameter) => parameter.name === "Name",
     );
     const sourceParameter = dashboardDetails.parameters.find(
-      parameter => parameter.name === "Source",
+      (parameter) => parameter.name === "Source",
     );
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       cy.request("PUT", `api/dashboard/${dashboardId}`, {
         enable_embedding: true,
         embedding_params: {
@@ -735,7 +735,7 @@ describe("scenarios > embedding > dashboard appearance", () => {
       H.getIframeBody()
         .findByTestId("embed-frame")
         .invoke("attr", "data-embed-theme")
-        .then(embedTheme => {
+        .then((embedTheme) => {
           expect(embedTheme).to.eq("light"); // default value
         });
 
@@ -745,7 +745,7 @@ describe("scenarios > embedding > dashboard appearance", () => {
       H.getIframeBody()
         .findByTestId("embed-frame")
         .invoke("attr", "data-embed-theme")
-        .then(embedTheme => {
+        .then((embedTheme) => {
           expect(embedTheme).to.eq("night");
         });
 
@@ -834,7 +834,7 @@ describe("scenarios > embedding > dashboard appearance", () => {
           ],
         });
       })
-      .then(dashboard => {
+      .then((dashboard) => {
         H.visitDashboard(dashboard.id);
       });
 
@@ -861,7 +861,7 @@ describe("scenarios > embedding > dashboard appearance", () => {
       H.getIframeBody()
         .findByTestId("embed-frame")
         .invoke("attr", "data-embed-theme")
-        .then(embedTheme => {
+        .then((embedTheme) => {
           expect(embedTheme).to.eq("light"); // default value
         });
 
@@ -871,7 +871,7 @@ describe("scenarios > embedding > dashboard appearance", () => {
       H.getIframeBody()
         .findByTestId("embed-frame")
         .invoke("attr", "data-embed-theme")
-        .then(embedTheme => {
+        .then((embedTheme) => {
           expect(embedTheme).to.eq("night");
         });
 
@@ -946,13 +946,13 @@ describe("scenarios > embedding > dashboard appearance", () => {
           ],
         });
       })
-      .then(dashboard => {
+      .then((dashboard) => {
         return H.getEmbeddedPageUrl({
           resource: { dashboard: dashboard.id },
           params: {},
         });
       })
-      .then(urlOptions => {
+      .then((urlOptions) => {
         const baseUrl = Cypress.config("baseUrl");
         Cypress.config("baseUrl", null);
         cy.visit(
@@ -980,7 +980,7 @@ describe("scenarios > embedding > dashboard appearance", () => {
       // });
     });
 
-    cy.get("#iframe").should($iframe => {
+    cy.get("#iframe").should(($iframe) => {
       const [iframe] = $iframe;
       expect(iframe.clientHeight).to.be.greaterThan(1000);
     });
diff --git a/e2e/test/scenarios/embedding/embedding-linked-filters.cy.spec.js b/e2e/test/scenarios/embedding/embedding-linked-filters.cy.spec.js
index 3e56b207c00..a62330f258b 100644
--- a/e2e/test/scenarios/embedding/embedding-linked-filters.cy.spec.js
+++ b/e2e/test/scenarios/embedding/embedding-linked-filters.cy.spec.js
@@ -37,7 +37,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when both filters are enabled and their values are set through UI", () => {
-      cy.get("@dashboardId").then(dashboard_id => {
+      cy.get("@dashboardId").then((dashboard_id) => {
         const payload = {
           resource: { dashboard: dashboard_id },
           params: {},
@@ -100,7 +100,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when both filters are enabled and their values are set through UI with auto-apply filters disabled", () => {
-      cy.get("@dashboardId").then(dashboard_id => {
+      cy.get("@dashboardId").then((dashboard_id) => {
         const payload = {
           resource: { dashboard: dashboard_id },
           params: {},
@@ -174,7 +174,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when main filter's value is set through URL", () => {
-      cy.get("@dashboardId").then(dashboard_id => {
+      cy.get("@dashboardId").then((dashboard_id) => {
         const payload = {
           resource: { dashboard: dashboard_id },
           params: {},
@@ -218,7 +218,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when main filter's value is set through URL and when it is hidden at the same time", () => {
-      cy.get("@dashboardId").then(dashboard_id => {
+      cy.get("@dashboardId").then((dashboard_id) => {
         const payload = {
           resource: { dashboard: dashboard_id },
           params: {},
@@ -262,7 +262,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when main filter is locked", () => {
-      cy.get("@dashboardId").then(dashboard_id => {
+      cy.get("@dashboardId").then((dashboard_id) => {
         cy.request("PUT", `/api/dashboard/${dashboard_id}`, {
           embedding_params: {
             city: "enabled",
@@ -314,7 +314,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when both filters are enabled and their values are set through UI", () => {
-      cy.get("@guiDashboardId").then(dashboard_id => {
+      cy.get("@guiDashboardId").then((dashboard_id) => {
         const payload = {
           resource: { dashboard: dashboard_id },
           params: {},
@@ -343,7 +343,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when main filter's value is set through URL", () => {
-      cy.get("@guiDashboardId").then(dashboard_id => {
+      cy.get("@guiDashboardId").then((dashboard_id) => {
         const payload = {
           resource: { dashboard: dashboard_id },
           params: {},
@@ -373,7 +373,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
 
         cy.log("Make sure we can set multiple values");
         cy.window().then(
-          win =>
+          (win) =>
             (win.location.search = "?category=Widget&id_filter=4&id_filter=29"),
         );
 
@@ -418,7 +418,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when the default filter is hidden", () => {
-      cy.get("@guiDashboardId").then(dashboard_id => {
+      cy.get("@guiDashboardId").then((dashboard_id) => {
         const payload = {
           resource: { dashboard: dashboard_id },
           params: {},
@@ -447,7 +447,7 @@ describe("scenarios > embedding > dashboard > linked filters (metabase#13639, me
     });
 
     it("works when the default filter is locked", () => {
-      cy.get("@guiDashboardId").then(dashboard_id => {
+      cy.get("@guiDashboardId").then((dashboard_id) => {
         cy.request("PUT", `/api/dashboard/${dashboard_id}`, {
           embedding_params: {
             id_filter: "locked",
diff --git a/e2e/test/scenarios/embedding/embedding-native.cy.spec.js b/e2e/test/scenarios/embedding/embedding-native.cy.spec.js
index 429712aa990..8a195735dac 100644
--- a/e2e/test/scenarios/embedding/embedding-native.cy.spec.js
+++ b/e2e/test/scenarios/embedding/embedding-native.cy.spec.js
@@ -73,7 +73,7 @@ describe("scenarios > embedding > native questions", () => {
         assert.deepEqual(actual, expected);
       });
 
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         const payload = {
           resource: { question: questionId },
           params: { total: [] },
@@ -202,7 +202,7 @@ describe("scenarios > embedding > native questions", () => {
     });
 
     it("should hide filters via url", () => {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         cy.request("PUT", `/api/card/${questionId}`, {
           enable_embedding: true,
           embedding_params: {
@@ -236,7 +236,7 @@ describe("scenarios > embedding > native questions", () => {
     });
 
     it("should set multiple filter values via url", () => {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         cy.request("PUT", `/api/card/${questionId}`, {
           enable_embedding: true,
           embedding_params: {
@@ -281,7 +281,7 @@ describe("scenarios > embedding > native questions", () => {
     });
 
     it("should lock all parameters", () => {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         cy.request("PUT", `/api/card/${questionId}`, {
           enable_embedding: true,
           embedding_params: {
@@ -326,7 +326,7 @@ describe("scenarios > embedding > native questions", () => {
         wrapId: true,
       });
 
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         cy.request("PUT", `/api/card/${questionId}`, {
           enable_embedding: true,
           embedding_params: {
@@ -338,7 +338,7 @@ describe("scenarios > embedding > native questions", () => {
     });
 
     it("locked parameters require a value to be specified in the JWT", () => {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         const payload = {
           resource: { question: questionId },
           params: { source: null },
@@ -393,7 +393,7 @@ describe("scenarios > embedding > native questions with default parameters", ()
   });
 
   it("card parameter defaults should apply for disabled parameters, but not for editable or locked parameters", () => {
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       const payload = {
         resource: { question: questionId },
         params: { source: [] },
diff --git a/e2e/test/scenarios/embedding/embedding-questions.cy.spec.js b/e2e/test/scenarios/embedding/embedding-questions.cy.spec.js
index 837290135f4..00d94ce926d 100644
--- a/e2e/test/scenarios/embedding/embedding-questions.cy.spec.js
+++ b/e2e/test/scenarios/embedding/embedding-questions.cy.spec.js
@@ -321,7 +321,7 @@ describe("scenarios > embedding > questions > downloads", () => {
 
   context("without token", () => {
     it("should not be possible to disable downloads", () => {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         H.visitQuestion(questionId);
 
         H.openStaticEmbeddingModal({ activeTab: "lookAndFeel" });
@@ -367,7 +367,7 @@ describe("scenarios > embedding > questions > downloads", () => {
         cy.log(
           "Trying to prevent downloads via query params doesn't have any effect",
         );
-        cy.url().then(url => {
+        cy.url().then((url) => {
           cy.visit(url + "&downloads=false");
         });
 
@@ -381,7 +381,7 @@ describe("scenarios > embedding > questions > downloads", () => {
     beforeEach(() => H.setTokenFeatures("all"));
 
     it("should be possible to disable downloads", () => {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         H.visitQuestion(questionId);
 
         H.openStaticEmbeddingModal({
diff --git a/e2e/test/scenarios/embedding/embedding-reproductions.cy.spec.js b/e2e/test/scenarios/embedding/embedding-reproductions.cy.spec.js
index 7342d6bad3f..853902802f6 100644
--- a/e2e/test/scenarios/embedding/embedding-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/embedding/embedding-reproductions.cy.spec.js
@@ -359,7 +359,7 @@ describe("issues 20845, 25031", () => {
     };
   }
   const defaultFilterValues = [undefined, "10"];
-  defaultFilterValues.forEach(value => {
+  defaultFilterValues.forEach((value) => {
     const conditionalPartOfTestTitle = value
       ? "and the required filter with the default value"
       : "";
@@ -417,7 +417,7 @@ describe("issues 20845, 25031", () => {
     });
 
     it(`QUESTION: locked parameter should work with numeric values ${conditionalPartOfTestTitle} (metabase#20845)`, () => {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         cy.request("PUT", `/api/card/${questionId}`, {
           enable_embedding: true,
           embedding_params: {
@@ -427,7 +427,7 @@ describe("issues 20845, 25031", () => {
 
         // This issue is not possible to reproduce using UI from this point on.
         // We have to manually send the payload in order to make sure it works for both strings and integers.
-        ["string", "integer"].forEach(type => {
+        ["string", "integer"].forEach((type) => {
           cy.log(
             `Make sure it works with ${type.toUpperCase()} in the payload`,
           );
@@ -446,7 +446,7 @@ describe("issues 20845, 25031", () => {
     });
 
     it(`DASHBOARD: locked parameter should work with numeric values ${conditionalPartOfTestTitle} (metabase#25031)`, () => {
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         H.visitDashboard(dashboardId);
         cy.request("PUT", `/api/dashboard/${dashboardId}`, {
           enable_embedding: true,
@@ -457,7 +457,7 @@ describe("issues 20845, 25031", () => {
 
         // This issue is not possible to reproduce using UI from this point on.
         // We have to manually send the payload in order to make sure it works for both strings and integers.
-        ["string", "integer"].forEach(type => {
+        ["string", "integer"].forEach((type) => {
           cy.log(
             `Make sure it works with ${type.toUpperCase()} in the payload`,
           );
@@ -489,7 +489,7 @@ describe("issues 20845, 25031", () => {
 describe("issue 27643", { tags: "@external" }, () => {
   const PG_DB_ID = 2;
   const TEMPLATE_TAG_NAME = "expected_invoice";
-  const getQuestionDetails = fieldId => {
+  const getQuestionDetails = (fieldId) => {
     return {
       name: "27643",
       database: PG_DB_ID,
@@ -544,7 +544,7 @@ describe("issue 27643", { tags: "@external" }, () => {
       };
 
       cy.get("@postgresInvoicesExpectedInvoiceId")
-        .then(fieldId => {
+        .then((fieldId) => {
           H.createNativeQuestionAndDashboard({
             questionDetails: getQuestionDetails(fieldId),
             dashboardDetails,
@@ -578,7 +578,7 @@ describe("issue 27643", { tags: "@external" }, () => {
       H.getDashboardCard().should("contain", "false");
 
       cy.log("Test the embedded dashboard");
-      cy.get("@dashboardId").then(dashboard => {
+      cy.get("@dashboardId").then((dashboard) => {
         H.visitEmbeddedPage({
           resource: { dashboard },
           params: {},
@@ -590,7 +590,7 @@ describe("issue 27643", { tags: "@external" }, () => {
       });
 
       cy.log("Test the public dashboard");
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         // We were signed out due to the previous visitEmbeddedPage
         cy.signInAsAdmin();
         H.visitPublicDashboard(dashboardId);
@@ -604,7 +604,7 @@ describe("issue 27643", { tags: "@external" }, () => {
 
   describe("should allow a native question filter to map to a boolean field filter parameter (metabase#27643)", () => {
     beforeEach(() => {
-      cy.get("@postgresInvoicesExpectedInvoiceId").then(fieldId => {
+      cy.get("@postgresInvoicesExpectedInvoiceId").then((fieldId) => {
         H.createNativeQuestion(getQuestionDetails(fieldId), {
           wrapId: true,
           idAlias: "questionId",
@@ -621,7 +621,7 @@ describe("issue 27643", { tags: "@external" }, () => {
       cy.findAllByRole("gridcell").should("contain", "false");
 
       cy.log("Test the embedded question");
-      cy.get("@questionId").then(question => {
+      cy.get("@questionId").then((question) => {
         H.visitEmbeddedPage({
           resource: { question },
           params: {},
@@ -633,7 +633,7 @@ describe("issue 27643", { tags: "@external" }, () => {
       });
 
       cy.log("Test the public question");
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         // We were signed out due to the previous visitEmbeddedPage
         cy.signInAsAdmin();
         H.visitPublicQuestion(questionId);
@@ -681,7 +681,7 @@ describe("issue 30535", () => {
       acceptTerms: false,
     });
 
-    cy.document().then(doc => {
+    cy.document().then((doc) => {
       const iframe = doc.querySelector("iframe");
 
       cy.signOut();
@@ -1119,8 +1119,8 @@ describe("issue 8490", () => {
         url: "/api/embed/dashboard/*",
         middleware: true,
       },
-      req => {
-        req.on("response", res => {
+      (req) => {
+        req.on("response", (res) => {
           const MINUTE = 60 * 1000;
           res.setDelay(MINUTE);
         });
@@ -1132,8 +1132,8 @@ describe("issue 8490", () => {
         url: "/api/embed/card/*",
         middleware: true,
       },
-      req => {
-        req.on("response", res => {
+      (req) => {
+        req.on("response", (res) => {
           const MINUTE = 60 * 1000;
           res.setDelay(MINUTE);
         });
@@ -1141,7 +1141,7 @@ describe("issue 8490", () => {
     ).as("questionRequest");
 
     cy.log("test a static embedded dashboard");
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       H.visitEmbeddedPage(
         {
           resource: { dashboard: dashboardId },
@@ -1159,7 +1159,7 @@ describe("issue 8490", () => {
     cy.findByTestId("embed-frame").findByText("로딩...").should("be.visible");
 
     cy.log("test a static embedded question");
-    cy.get("@lineChartQuestionId").then(lineChartQuestionId => {
+    cy.get("@lineChartQuestionId").then((lineChartQuestionId) => {
       H.visitEmbeddedPage(
         {
           resource: { question: lineChartQuestionId },
@@ -1191,7 +1191,7 @@ describe("issue 8490", () => {
       () => dashboardLoaderPromise,
     ).as("dashboardRequest");
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       H.visitEmbeddedPage(
         {
           resource: { dashboard: dashboardId },
@@ -1258,7 +1258,7 @@ describe("issue 8490", () => {
     ).as("questionRequest");
 
     cy.log("assert the line chart");
-    cy.get("@lineChartQuestionId").then(lineChartQuestionId => {
+    cy.get("@lineChartQuestionId").then((lineChartQuestionId) => {
       H.visitEmbeddedPage(
         {
           resource: { question: lineChartQuestionId },
@@ -1296,14 +1296,14 @@ describe("issue 50373", () => {
         method: "GET",
         url: /^\/app\/dist\/(.*)\.js$/,
       },
-      req => {
+      (req) => {
         // When running in development (e.g. with `yarn dev`),
         // the *.hot.bundle.js hot-reloaded file is served by the dev server.
         if (req.url.includes("hot.bundle.js")) {
           return;
         }
 
-        req.on("response", res => {
+        req.on("response", (res) => {
           expect(
             res.headers["cache-control"],
             `Invalid Cache-Control header for ${req.url}`,
diff --git a/e2e/test/scenarios/embedding/embedding-smoketests.cy.spec.js b/e2e/test/scenarios/embedding/embedding-smoketests.cy.spec.js
index 04139d6f6e2..238ebf862d6 100644
--- a/e2e/test/scenarios/embedding/embedding-smoketests.cy.spec.js
+++ b/e2e/test/scenarios/embedding/embedding-smoketests.cy.spec.js
@@ -129,7 +129,7 @@ describe("scenarios > embedding > smoke tests", { tags: "@OSS" }, () => {
       question: ORDERS_QUESTION_ID,
       dashboard: ORDERS_DASHBOARD_ID,
     };
-    ["question", "dashboard"].forEach(object => {
+    ["question", "dashboard"].forEach((object) => {
       it(`should be able to publish/embed and then unpublish a ${object} without filters`, () => {
         cy.request("PUT", "/api/setting/enable-embedding-static", {
           value: true,
@@ -298,7 +298,7 @@ describe("scenarios > embedding > smoke tests", { tags: "@OSS" }, () => {
         cy.findByText("Preview").click();
       });
 
-      cy.document().then(doc => {
+      cy.document().then((doc) => {
         const iframe = doc.querySelector("iframe");
 
         cy.signOut();
diff --git a/e2e/test/scenarios/embedding/embedding-snippets.cy.spec.js b/e2e/test/scenarios/embedding/embedding-snippets.cy.spec.js
index d09343ceedf..c2b7d774952 100644
--- a/e2e/test/scenarios/embedding/embedding-snippets.cy.spec.js
+++ b/e2e/test/scenarios/embedding/embedding-snippets.cy.spec.js
@@ -16,7 +16,7 @@ function highlightedTexts() {
   return cy.findAllByTestId("highlighted-text");
 }
 
-features.forEach(feature => {
+features.forEach((feature) => {
   describe(`[tokenFeatures=${feature}] scenarios > embedding > code snippets`, () => {
     beforeEach(() => {
       H.restore();
diff --git a/e2e/test/scenarios/embedding/interactive-embedding.cy.spec.js b/e2e/test/scenarios/embedding/interactive-embedding.cy.spec.js
index b3a67270795..c37bd923b7c 100644
--- a/e2e/test/scenarios/embedding/interactive-embedding.cy.spec.js
+++ b/e2e/test/scenarios/embedding/interactive-embedding.cy.spec.js
@@ -248,9 +248,9 @@ describe("scenarios > embedding > full app", () => {
         H.popover().findByText("Orders").click();
 
         // Multi-stage data picker
-        cy.intercept("GET", "/api/search*", req => {
+        cy.intercept("GET", "/api/search*", (req) => {
           if (req.query.limit === "0") {
-            req.continue(res => {
+            req.continue((res) => {
               // The data picker will fall back to multi-stage picker if there are more than or equal 100 tables and models
               res.body.total = 100;
             });
@@ -817,9 +817,9 @@ describe("scenarios > embedding > full app", () => {
       searchParameters,
     } = {}) {
       if (isMultiStageDataPicker) {
-        cy.intercept("GET", "/api/search*", req => {
+        cy.intercept("GET", "/api/search*", (req) => {
           if (req.query.limit === "0") {
-            req.continue(res => {
+            req.continue((res) => {
               // The data picker will fall back to multi-stage picker if there are more than or equal 100 tables and models
               res.body.total = 100;
             });
@@ -854,7 +854,7 @@ describe("scenarios > embedding > full app", () => {
     function selectCard({ cardName, cardType, collectionNames }) {
       H.popover().within(() => {
         cy.findByText(cardTypeToLabel[cardType]).click();
-        collectionNames.forEach(collectionName =>
+        collectionNames.forEach((collectionName) =>
           cy.findByText(collectionName).click(),
         );
         cy.findByText(cardName).click();
@@ -1376,7 +1376,7 @@ describe("scenarios > embedding > full app", () => {
             size_y: 8,
           }),
         ],
-      }).then(dashboard => {
+      }).then((dashboard) => {
         visitDashboardUrl({
           url: `/dashboard/${dashboard.id}`,
           qs: { header: false },
@@ -1501,7 +1501,7 @@ describe("scenarios > embedding > full app", () => {
         .findByText("I am a very long text card")
         .should("not.be.visible");
       cy.findByTestId("dashboard-parameters-widget-container").then(
-        $dashboardParameters => {
+        ($dashboardParameters) => {
           const dashboardParametersRect =
             $dashboardParameters[0].getBoundingClientRect();
           expect(dashboardParametersRect.x).to.equal(0);
@@ -1523,7 +1523,7 @@ describe("scenarios > embedding > full app", () => {
             text: "I am a text card",
           }),
         ],
-      }).then(dashboard => {
+      }).then((dashboard) => {
         H.visitFullAppEmbeddingUrl({
           url: `/dashboard/${dashboard.id}`,
           onBeforeLoad(window) {
@@ -1538,7 +1538,7 @@ describe("scenarios > embedding > full app", () => {
           type: "frame",
           frame: {
             mode: "fit",
-            height: Cypress.sinon.match(value => value > 1000),
+            height: Cypress.sinon.match((value) => value > 1000),
           },
         },
       });
@@ -1550,7 +1550,7 @@ describe("scenarios > embedding > full app", () => {
           type: "frame",
           frame: {
             mode: "fit",
-            height: Cypress.sinon.match(value => value < 1000),
+            height: Cypress.sinon.match((value) => value < 1000),
           },
         },
       });
@@ -1574,8 +1574,8 @@ describe("scenarios > embedding > full app", () => {
 
     it("should allow downloading question results when logged in via Google SSO (metabase#39848)", () => {
       const CSRF_TOKEN = "abcdefgh";
-      cy.intercept("GET", "/api/user/current", req => {
-        req.on("response", res => {
+      cy.intercept("GET", "/api/user/current", (req) => {
+        req.on("response", (res) => {
           res.headers["X-Metabase-Anti-CSRF-Token"] = CSRF_TOKEN;
         });
       });
@@ -1591,7 +1591,7 @@ describe("scenarios > embedding > full app", () => {
 
       H.exportFromDashcard(".csv");
 
-      cy.wait("@CsvDownload").then(interception => {
+      cy.wait("@CsvDownload").then((interception) => {
         expect(
           interception.request.headers["x-metabase-anti-csrf-token"],
         ).to.equal(CSRF_TOKEN);
@@ -1629,18 +1629,18 @@ describe("scenarios > embedding > full app", () => {
   });
 });
 
-const visitQuestionUrl = urlOptions => {
+const visitQuestionUrl = (urlOptions) => {
   H.visitFullAppEmbeddingUrl(urlOptions);
   cy.wait("@getCardQuery");
 };
 
-const visitDashboardUrl = urlOptions => {
+const visitDashboardUrl = (urlOptions) => {
   H.visitFullAppEmbeddingUrl(urlOptions);
   cy.wait("@getDashboard");
   cy.wait("@getDashCardQuery");
 };
 
-const visitXrayDashboardUrl = urlOptions => {
+const visitXrayDashboardUrl = (urlOptions) => {
   H.visitFullAppEmbeddingUrl(urlOptions);
   cy.wait("@getXrayDashboard");
 };
@@ -1648,7 +1648,7 @@ const visitXrayDashboardUrl = urlOptions => {
 const addLinkClickBehavior = ({ dashboardId, linkTemplate }) => {
   cy.request("GET", `/api/dashboard/${dashboardId}`).then(({ body }) => {
     cy.request("PUT", `/api/dashboard/${dashboardId}`, {
-      dashcards: body.dashcards.map(card => ({
+      dashcards: body.dashcards.map((card) => ({
         ...card,
         visualization_settings: {
           click_behavior: {
@@ -1666,7 +1666,7 @@ const sideNav = () => {
   return cy.findByTestId("main-navbar-root");
 };
 
-const selectDataSource = dataSource => {
+const selectDataSource = (dataSource) => {
   H.popover().findByRole("link", { name: dataSource }).click();
 };
 
@@ -1674,6 +1674,6 @@ const selectDataSource = dataSource => {
  *
  * @param {string} dataSource  When using with QA database, the first option would be the table from the QA database.
  */
-const selectFirstDataSource = dataSource => {
+const selectFirstDataSource = (dataSource) => {
   H.popover().findAllByRole("link", { name: dataSource }).first().click();
 };
diff --git a/e2e/test/scenarios/embedding/shared/embedding-dashboard.js b/e2e/test/scenarios/embedding/shared/embedding-dashboard.js
index 76c46a9aebf..532d8baa66a 100644
--- a/e2e/test/scenarios/embedding/shared/embedding-dashboard.js
+++ b/e2e/test/scenarios/embedding/shared/embedding-dashboard.js
@@ -50,7 +50,7 @@ export const questionDetails = {
   display: "scalar",
 };
 
-export const questionDetailsWithDefaults = produce(questionDetails, draft => {
+export const questionDetailsWithDefaults = produce(questionDetails, (draft) => {
   const tags = draft.native["template-tags"];
   tags.id.default = [1, 2];
   tags.name.default = ["Lina Heaney"];
diff --git a/e2e/test/scenarios/filters-reproductions/dashboard-filters-reproductions.cy.spec.js b/e2e/test/scenarios/filters-reproductions/dashboard-filters-reproductions.cy.spec.js
index 7443d871b1d..00e63fbb882 100644
--- a/e2e/test/scenarios/filters-reproductions/dashboard-filters-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/filters-reproductions/dashboard-filters-reproductions.cy.spec.js
@@ -127,7 +127,7 @@ describe("issue 8030 + 32444", () => {
     ).as("getCardQuery2");
   };
 
-  const addFilterValue = value => {
+  const addFilterValue = (value) => {
     H.filterWidget().click();
     cy.findByText(value).click();
     cy.button("Add filter").click();
@@ -1133,7 +1133,7 @@ describe("issue 21528", () => {
   });
 
   it("should show dashboard ID filter values when mapped to a native question with a foreign key field filter", () => {
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       cy.visit(`/question/${questionId}`);
     });
 
@@ -1576,14 +1576,16 @@ describe("issue 25322", () => {
     );
   };
 
-  const throttleFieldValuesRequest = dashboard_id => {
+  const throttleFieldValuesRequest = (dashboard_id) => {
     const matcher = {
       method: "GET",
       url: `/api/dashboard/${dashboard_id}/params/${parameterDetails.id}/values`,
       middleware: true,
     };
 
-    cy.intercept(matcher, req => req.on("response", res => res.setDelay(100)));
+    cy.intercept(matcher, (req) =>
+      req.on("response", (res) => res.setDelay(100)),
+    );
   };
 
   beforeEach(() => {
@@ -2206,11 +2208,11 @@ describe("issues 29347, 29346", () => {
     },
   };
 
-  const getRemappedValue = fieldValue => {
+  const getRemappedValue = (fieldValue) => {
     return `N${fieldValue}`;
   };
 
-  const addFieldRemapping = fieldId => {
+  const addFieldRemapping = (fieldId) => {
     cy.request("PUT", `/api/field/${fieldId}`, {
       semantic_type: "type/Category",
     });
@@ -2259,7 +2261,7 @@ describe("issues 29347, 29346", () => {
     );
   };
 
-  const filterOnRemappedValues = fieldValue => {
+  const filterOnRemappedValues = (fieldValue) => {
     H.filterWidget().within(() => {
       cy.findByText(filterDetails.name).click();
     });
@@ -2270,18 +2272,18 @@ describe("issues 29347, 29346", () => {
     });
   };
 
-  const verifyRemappedValues = fieldValue => {
+  const verifyRemappedValues = (fieldValue) => {
     verifyRemappedFilterValues(filterValue);
     verifyRemappedCardValues(fieldValue);
   };
 
-  const verifyRemappedFilterValues = fieldValue => {
+  const verifyRemappedFilterValues = (fieldValue) => {
     H.filterWidget().within(() => {
       cy.findByText(getRemappedValue(fieldValue)).should("be.visible");
     });
   };
 
-  const verifyRemappedCardValues = fieldValue => {
+  const verifyRemappedCardValues = (fieldValue) => {
     H.getDashboardCard().within(() => {
       cy.findAllByText(getRemappedValue(fieldValue)).should("have.length", 2);
     });
@@ -2332,7 +2334,7 @@ describe("issues 29347, 29346", () => {
 
     it("should be able to filter on remapped values (metabase#29347, metabase#29346)", () => {
       createDashboard();
-      cy.get("@dashboardId").then(dashboardId =>
+      cy.get("@dashboardId").then((dashboardId) =>
         H.visitEmbeddedPage({
           resource: { dashboard: dashboardId },
           params: {},
@@ -2349,7 +2351,7 @@ describe("issues 29347, 29346", () => {
 
     it("should be able to filter on remapped values in the token (metabase#29347, metabase#29346)", () => {
       createDashboard({ dashboardDetails: lockedDashboardDetails });
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         H.visitEmbeddedPage({
           resource: { dashboard: dashboardId },
           params: {
@@ -2365,7 +2367,7 @@ describe("issues 29347, 29346", () => {
 
     it("should be able to filter on remapped values in the url (metabase#29347, metabase#29346)", () => {
       createDashboard();
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         H.visitEmbeddedPage(
           {
             resource: { dashboard: dashboardId },
@@ -2391,7 +2393,7 @@ describe("issues 29347, 29346", () => {
 
     it("should be able to filter on remapped values (metabase#29347, metabase#29346)", () => {
       createDashboard();
-      cy.get("@dashboardId").then(dashboardId =>
+      cy.get("@dashboardId").then((dashboardId) =>
         H.visitPublicDashboard(dashboardId),
       );
       cy.wait("@dashboard");
@@ -2405,7 +2407,7 @@ describe("issues 29347, 29346", () => {
 
     it("should be able to filter on remapped values in the url (metabase#29347, metabase#29346)", () => {
       createDashboard();
-      cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@dashboardId").then((dashboardId) => {
         H.visitPublicDashboard(dashboardId, {
           params: { [filterDetails.slug]: filterValue },
         });
@@ -2496,7 +2498,7 @@ describe("issue 38245", () => {
       tabs: [TAB_1, TAB_2],
       parameters: [DASHBOARD_TEXT_FILTER],
       dashcards: [],
-    }).then(dashboard => H.visitDashboard(dashboard.id));
+    }).then((dashboard) => H.visitDashboard(dashboard.id));
 
     H.editDashboard();
     H.openQuestionsSidebar();
@@ -2552,7 +2554,7 @@ describe("issue 43154", () => {
     },
   };
 
-  const questionDetails = modelId => ({
+  const questionDetails = (modelId) => ({
     name: "Question",
     type: "question",
     query: {
@@ -2560,7 +2562,7 @@ describe("issue 43154", () => {
     },
   });
 
-  const questionWithAggregationDetails = modelId => ({
+  const questionWithAggregationDetails = (modelId) => ({
     name: "Question",
     type: "question",
     query: {
@@ -2620,7 +2622,7 @@ describe("issue 42829", () => {
     semantic_type: "type/State",
   };
 
-  const getQuestionDetails = modelId => ({
+  const getQuestionDetails = (modelId) => ({
     name: "SQL model-based question",
     type: "question",
     query: {
@@ -2648,7 +2650,7 @@ describe("issue 42829", () => {
     },
   };
 
-  const getParameterMapping = questionId => ({
+  const getParameterMapping = (questionId) => ({
     parameter_id: parameterDetails.id,
     card_id: questionId,
     target: ["dimension", ["field", "STATE", { "base-type": "type/Text" }]],
@@ -2677,7 +2679,7 @@ describe("issue 42829", () => {
     H.createNativeQuestion(modelDetails).then(({ body: model }) => {
       // populate result_metadata
       cy.request("POST", `/api/card/${model.id}/query`);
-      H.setModelMetadata(model.id, field => {
+      H.setModelMetadata(model.id, (field) => {
         if (field.display_name === "STATE") {
           return { ...field, ...stateFieldDetails };
         }
@@ -2708,14 +2710,14 @@ describe("issue 42829", () => {
   });
 
   it("should be able to get field values coming from a sql model-based question in a public dashboard (metabase#42829)", () => {
-    cy.get("@dashboardId").then(dashboardId =>
+    cy.get("@dashboardId").then((dashboardId) =>
       H.visitPublicDashboard(dashboardId),
     );
     filterAndVerifyResults();
   });
 
   it("should be able to get field values coming from a sql model-based question in a embedded dashboard (metabase#42829)", () => {
-    cy.get("@dashboardId").then(dashboardId =>
+    cy.get("@dashboardId").then((dashboardId) =>
       H.visitEmbeddedPage({
         resource: { dashboard: dashboardId },
         params: {},
@@ -2949,13 +2951,13 @@ describe("issue 44288", () => {
 
     cy.log("public dashboards");
     cy.signInAsAdmin();
-    cy.get("@dashboardId").then(dashboardId =>
+    cy.get("@dashboardId").then((dashboardId) =>
       H.visitPublicDashboard(dashboardId),
     );
     verifyFilter();
 
     cy.log("embedded dashboards");
-    cy.get("@dashboardId").then(dashboardId =>
+    cy.get("@dashboardId").then((dashboardId) =>
       H.visitEmbeddedPage({
         resource: { dashboard: dashboardId },
         params: {},
@@ -3010,7 +3012,7 @@ describe("issue 32804", () => {
     parameters: [parameterDetails],
   };
 
-  const getQuestion2Details = card => ({
+  const getQuestion2Details = (card) => ({
     name: "Q2",
     query: {
       "source-table": `card__${card.id}`,
@@ -3022,7 +3024,7 @@ describe("issue 32804", () => {
     },
   });
 
-  const getParameterMapping = card => ({
+  const getParameterMapping = (card) => ({
     card_id: card.id,
     parameter_id: parameterDetails.id,
     target: [
@@ -3619,7 +3621,7 @@ describe("issue 34955", () => {
   });
 
   it("should connect specific date filter (`Between`) to the temporal custom column (metabase#34955-1)", () => {
-    cy.get("@dashboardId").then(dashboard_id => {
+    cy.get("@dashboardId").then((dashboard_id) => {
       // Apply filter through URL to prevent the typing flakes
       cy.visit(`/dashboard/${dashboard_id}?on=&between=2024-01-01~2024-03-01`);
       // eslint-disable-next-line no-unsafe-element-filtering
@@ -3635,7 +3637,7 @@ describe("issue 34955", () => {
 
   // TODO: Once the issue is fixed, merge into a single repro to avoid unnecessary overhead!
   it.skip("should connect specific date filter (`On`) to the temporal custom column (metabase#34955-2)", () => {
-    cy.get("@dashboardId").then(dashboard_id => {
+    cy.get("@dashboardId").then((dashboard_id) => {
       // Apply filter through URL to prevent the typing flakes
       cy.visit(`/dashboard/${dashboard_id}?on=2024-01-01&between=`);
       cy.findAllByTestId("field-set-content")
@@ -3676,7 +3678,7 @@ describe("issue 35852", () => {
 
   it("should show filter values for a model based on sql query (metabase#35852)", () => {
     H.createNativeQuestion(model).then(({ body: { id: modelId } }) => {
-      H.setModelMetadata(modelId, field => {
+      H.setModelMetadata(modelId, (field) => {
         if (field.display_name === "CATEGORY") {
           return {
             ...field,
@@ -3880,12 +3882,12 @@ describe("issue 45670", { tags: ["@external"] }, () => {
 
   function getField() {
     return cy.request("GET", "/api/table").then(({ body: tables }) => {
-      const table = tables.find(table => table.name === tableName);
+      const table = tables.find((table) => table.name === tableName);
       return cy
         .request("GET", `/api/table/${table.id}/query_metadata`)
         .then(({ body: metadata }) => {
           const { fields } = metadata;
-          return fields.find(field => field.name === "boolean");
+          return fields.find((field) => field.name === "boolean");
         });
     });
   }
@@ -3926,7 +3928,7 @@ describe("issue 45670", { tags: ["@external"] }, () => {
   });
 
   it("should be able to pass query string parameters for boolean parameters in dashboards (metabase#45670)", () => {
-    getField().then(field => {
+    getField().then((field) => {
       H.createNativeQuestion(getQuestionDetails(field.id)).then(
         ({ body: card }) => {
           H.createDashboard(dashboardDetails).then(({ body: dashboard }) => {
@@ -3987,7 +3989,7 @@ describe("issue 48351", () => {
           size_y: 8,
         }),
       ],
-    }).then(dashboard1 => {
+    }).then((dashboard1) => {
       H.createDashboardWithTabs({
         name: "Dashboard 2",
         tabs: [
@@ -4024,7 +4026,7 @@ describe("issue 48351", () => {
             size_y: 8,
           }),
         ],
-      }).then(dashboard2 => H.visitDashboard(dashboard2.id));
+      }).then((dashboard2) => H.visitDashboard(dashboard2.id));
     });
     H.goToTab("Tab 4");
     H.getDashboardCard().within(() =>
@@ -4117,10 +4119,10 @@ describe("issue 40396", { tags: "@external " }, () => {
   it("should be possible to use dashboard filters with native enum fields (metabase#40396)", () => {
     cy.log("create a dashboard with a question with a type/Enum field");
     cy.request("GET", "/api/table").then(({ body: tables }) => {
-      const table = tables.find(table => table.name === tableName);
+      const table = tables.find((table) => table.name === tableName);
       cy.request("GET", `/api/table/${table.id}/query_metadata`).then(
         ({ body: metadata }) => {
-          const field = metadata.fields.find(field => field.name === "enum");
+          const field = metadata.fields.find((field) => field.name === "enum");
           cy.request("PUT", `/api/field/${field.id}`, {
             semantic_type: "type/Enum",
           });
@@ -4300,7 +4302,7 @@ describe("issue 17061", () => {
     },
   };
 
-  const getParameterMapping = cardId => ({
+  const getParameterMapping = (cardId) => ({
     parameter_id: parameterDetails.id,
     card_id: cardId,
     target: ["dimension", ["field", "STATE", { "base-type": "type/Text" }]],
diff --git a/e2e/test/scenarios/filters-reproductions/dashboard-filters-with-question-revert.cy.spec.js b/e2e/test/scenarios/filters-reproductions/dashboard-filters-with-question-revert.cy.spec.js
index 8ebd38db107..f3506244db4 100644
--- a/e2e/test/scenarios/filters-reproductions/dashboard-filters-with-question-revert.cy.spec.js
+++ b/e2e/test/scenarios/filters-reproductions/dashboard-filters-with-question-revert.cy.spec.js
@@ -86,7 +86,7 @@ describe("issue 35954", () => {
 
           cy.log("Drill down to the question from the dashboard");
           cy.findByTestId("legend-caption-title").click();
-          cy.get("@questionId").then(id => {
+          cy.get("@questionId").then((id) => {
             cy.location("pathname").should(
               "eq",
               `/question/${id}-${questionDetails.name}`,
@@ -119,7 +119,7 @@ describe("issue 35954", () => {
 
           cy.findByLabelText(`Back to ${dashboardDetails.name}`).click();
 
-          cy.get("@dashboardId").then(id => {
+          cy.get("@dashboardId").then((id) => {
             cy.location("pathname").should(
               "eq",
               `/dashboard/${id}-${dashboardDetails.name.toLowerCase()}`,
diff --git a/e2e/test/scenarios/filters-reproductions/filters-reproductions.cy.spec.js b/e2e/test/scenarios/filters-reproductions/filters-reproductions.cy.spec.js
index 066f7ba9bf8..66b928e75a7 100644
--- a/e2e/test/scenarios/filters-reproductions/filters-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/filters-reproductions/filters-reproductions.cy.spec.js
@@ -52,7 +52,7 @@ describe.skip("issue 12496", () => {
       .eq(picker)
       .find("input")
       .eq(input);
-  const setup = unit => {
+  const setup = (unit) => {
     H.createQuestion(
       {
         name: `Orders by Created At: ${unit}`,
@@ -584,7 +584,7 @@ describe("issue 25378", () => {
       cy.button("Add filter").click();
     });
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
   });
@@ -727,7 +727,7 @@ describe("issue 25994", () => {
       cy.button("Add filter").click();
     });
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
   });
@@ -1261,7 +1261,7 @@ describe("issue 44435", () => {
       },
     });
 
-    cy.findByTestId("filter-pill").then($pill => {
+    cy.findByTestId("filter-pill").then(($pill) => {
       const pillWidth = $pill[0].getBoundingClientRect().width;
       cy.window().its("innerWidth").should("be.gt", pillWidth);
     });
@@ -1439,7 +1439,7 @@ describe("issue 49321", () => {
     // eslint-disable-next-line no-unsafe-element-filtering
     H.popover().last().findByText("Contains").click();
 
-    H.popover().then($popover => {
+    H.popover().then(($popover) => {
       const { width } = $popover[0].getBoundingClientRect();
       cy.wrap(width).as("initialWidth");
     });
@@ -1448,8 +1448,8 @@ describe("issue 49321", () => {
       .findByPlaceholderText("Enter some text")
       .type("aaaaaaaaaa, bbbbbbbbbbb,");
 
-    cy.get("@initialWidth").then(initialWidth => {
-      H.popover().should($popover => {
+    cy.get("@initialWidth").then((initialWidth) => {
+      H.popover().should(($popover) => {
         const { width } = $popover[0].getBoundingClientRect();
         expect(width).to.eq(initialWidth);
       });
@@ -1582,11 +1582,11 @@ describe("issue 50731", () => {
 
     H.popover()
       .should("be.visible")
-      .and($element => {
+      .and(($element) => {
         const [container] = $element;
         const descendants = container.querySelectorAll("*");
 
-        descendants.forEach(descendant => {
+        descendants.forEach((descendant) => {
           H.assertDescendantNotOverflowsContainer(descendant, container);
         });
       });
diff --git a/e2e/test/scenarios/filters/filter-bigint.cy.spec.ts b/e2e/test/scenarios/filters/filter-bigint.cy.spec.ts
index 3265c9cba78..c5c8edbe783 100644
--- a/e2e/test/scenarios/filters/filter-bigint.cy.spec.ts
+++ b/e2e/test/scenarios/filters/filter-bigint.cy.spec.ts
@@ -277,8 +277,8 @@ SELECT CAST('${POSITIVE_DECIMAL_VALUE}' AS DECIMAL) AS NUMBER`,
         target: ["dimension", ["field", fieldId, { "base-type": baseType }]],
       });
 
-      getTableId(tableName).then(tableId => {
-        getFieldId(tableId, "id").then(fieldId => {
+      getTableId(tableName).then((tableId) => {
+        getFieldId(tableId, "id").then((fieldId) => {
           H.createQuestion(getTargetQuestionDetails(tableId)).then(
             ({ body: card }) => {
               H.createDashboard(dashboardDetails).then(
@@ -428,7 +428,7 @@ SELECT CAST('${POSITIVE_DECIMAL_VALUE}' AS DECIMAL) AS NUMBER`,
         parameters,
         enable_embedding: true,
         embedding_params: Object.fromEntries(
-          parameters.map(parameter => [parameter.slug, "enabled"]),
+          parameters.map((parameter) => [parameter.slug, "enabled"]),
         ),
       };
 
@@ -463,7 +463,7 @@ SELECT CAST('${POSITIVE_DECIMAL_VALUE}' AS DECIMAL) AS NUMBER`,
                     dashboard_id: dashboard.id,
                     card_id: targetCard.id,
                     card: {
-                      parameter_mappings: parameters.map(parameter =>
+                      parameter_mappings: parameters.map((parameter) =>
                         getParameterMapping(parameter.id, targetCard.id),
                       ),
                     },
@@ -937,8 +937,8 @@ SELECT CAST('${POSITIVE_DECIMAL_VALUE}' AS DECIMAL) AS NUMBER`,
         tableName: string;
         baseType: string;
       }) {
-        getTableId(tableName).then(tableId => {
-          getFieldId(tableId, "id").then(fieldId => {
+        getTableId(tableName).then((tableId) => {
+          getFieldId(tableId, "id").then((fieldId) => {
             const parameterDetails: Parameter = {
               id: "0dcd2f82-2e7d-4989-9362-5c94744a6585",
               name: "ID",
@@ -1047,7 +1047,7 @@ SELECT CAST('${POSITIVE_DECIMAL_VALUE}' AS DECIMAL) AS NUMBER`,
         },
       });
 
-      getTableId(tableName).then(tableId => {
+      getTableId(tableName).then((tableId) => {
         H.createQuestion(getQuestionDetails(tableId), { visitQuestion: true });
       });
     }
@@ -1089,7 +1089,7 @@ SELECT CAST('${POSITIVE_DECIMAL_VALUE}' AS DECIMAL) AS NUMBER`,
 
   it("query builder + object detail", { tags: "@external" }, () => {
     function setupQuestion({ tableName }: { tableName: string }) {
-      getTableId(tableName).then(tableId =>
+      getTableId(tableName).then((tableId) =>
         H.createQuestion(
           {
             database: WRITABLE_DB_ID,
@@ -1199,7 +1199,7 @@ SELECT CAST('${POSITIVE_DECIMAL_VALUE}' AS DECIMAL) AS NUMBER`,
         display: "table",
       });
 
-      getTableId(tableName).then(tableId => {
+      getTableId(tableName).then((tableId) => {
         H.createQuestion(getTargetQuestionDetails(tableId), {
           wrapId: true,
           visitQuestion: true,
@@ -1239,7 +1239,7 @@ SELECT CAST('${POSITIVE_DECIMAL_VALUE}' AS DECIMAL) AS NUMBER`,
       formattedMinValue: string;
       formattedMaxValue: string;
     }) {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         H.downloadAndAssert(
           {
             fileType: "csv",
@@ -1416,7 +1416,7 @@ function getTableId(tableName: string) {
   return cy
     .request("GET", "/api/table")
     .then(({ body: tables }: { body: Table[] }) => {
-      const table = tables.find(table => table.name === tableName);
+      const table = tables.find((table) => table.name === tableName);
       if (!table) {
         throw new TypeError(`Table with name ${tableName} cannot be found`);
       }
@@ -1429,7 +1429,7 @@ function getFieldId(tableId: TableId, fieldName: string) {
     .request("GET", `/api/table/${tableId}/query_metadata`)
     .then(({ body: table }: { body: Table }) => {
       const fields = table.fields ?? [];
-      const field = fields.find(field => field.name === fieldName);
+      const field = fields.find((field) => field.name === fieldName);
       if (!field) {
         throw new TypeError(`Field with name ${fieldName} cannot be found`);
       }
@@ -1442,13 +1442,13 @@ function getFieldId(tableId: TableId, fieldName: string) {
 
 function visitPublicQuestion() {
   cy.signInAsAdmin();
-  cy.get("@questionId").then(questionId => {
+  cy.get("@questionId").then((questionId) => {
     H.visitPublicQuestion(Number(questionId));
   });
 }
 
 function visitEmbeddedQuestion() {
-  cy.get("@questionId").then(questionId => {
+  cy.get("@questionId").then((questionId) => {
     const payload = {
       resource: { question: Number(questionId) },
       params: {},
@@ -1459,13 +1459,13 @@ function visitEmbeddedQuestion() {
 
 function visitPublicDashboard() {
   cy.signInAsAdmin();
-  cy.get("@dashboardId").then(dashboardId => {
+  cy.get("@dashboardId").then((dashboardId) => {
     H.visitPublicDashboard(Number(dashboardId));
   });
 }
 
 function visitEmbeddedDashboard() {
-  cy.get("@dashboardId").then(dashboardId => {
+  cy.get("@dashboardId").then((dashboardId) => {
     const payload = {
       resource: { dashboard: Number(dashboardId) },
       params: {},
diff --git a/e2e/test/scenarios/filters/filter-sources.cy.spec.js b/e2e/test/scenarios/filters/filter-sources.cy.spec.js
index 93ea812edda..01be3e8da6c 100644
--- a/e2e/test/scenarios/filters/filter-sources.cy.spec.js
+++ b/e2e/test/scenarios/filters/filter-sources.cy.spec.js
@@ -109,7 +109,7 @@ const nativeQuestion = {
   visualization_settings: {},
 };
 
-const nestedQuestion = card => ({
+const nestedQuestion = (card) => ({
   display: "table",
   dataset_query: {
     database: SAMPLE_DB_ID,
@@ -121,7 +121,7 @@ const nestedQuestion = card => ({
   visualization_settings: {},
 });
 
-const nestedQuestionWithExpression = card => ({
+const nestedQuestionWithExpression = (card) => ({
   display: "table",
   dataset_query: {
     database: SAMPLE_DB_ID,
@@ -136,7 +136,7 @@ const nestedQuestionWithExpression = card => ({
   visualization_settings: {},
 });
 
-const nestedQuestionWithJoin = card => ({
+const nestedQuestionWithJoin = (card) => ({
   display: "table",
   dataset_query: {
     database: SAMPLE_DB_ID,
@@ -168,7 +168,7 @@ const nestedQuestionWithJoin = card => ({
   visualization_settings: {},
 });
 
-const nestedQuestionWithJoinAndFields = card => ({
+const nestedQuestionWithJoinAndFields = (card) => ({
   display: "table",
   dataset_query: {
     database: SAMPLE_DB_ID,
@@ -200,7 +200,7 @@ const nestedQuestionWithJoinAndFields = card => ({
   visualization_settings: {},
 });
 
-const nestedQuestionWithAggregations = card => ({
+const nestedQuestionWithAggregations = (card) => ({
   display: "table",
   dataset_query: {
     database: SAMPLE_DB_ID,
diff --git a/e2e/test/scenarios/filters/filter-types.cy.spec.js b/e2e/test/scenarios/filters/filter-types.cy.spec.js
index 07796a67487..cb0daa9dd11 100644
--- a/e2e/test/scenarios/filters/filter-types.cy.spec.js
+++ b/e2e/test/scenarios/filters/filter-types.cy.spec.js
@@ -474,13 +474,13 @@ describe("scenarios > filters > filter types", () => {
           H.clauseStepPopover().findByText(columnName).click();
           H.selectFilterOperator(operator);
           H.clauseStepPopover().within(() => {
-            values.forEach(value => {
+            values.forEach((value) => {
               cy.findByLabelText("Filter value")
                 .focus()
                 .type(`${value},`, { delay: 50 })
                 .blur();
             });
-            options.forEach(option => cy.findByText(option).click());
+            options.forEach((option) => cy.findByText(option).click());
             cy.button("Add filter").click();
           });
 
@@ -509,7 +509,7 @@ describe("scenarios > filters > filter types", () => {
           H.clauseStepPopover().findByText(columnName).click();
           H.selectFilterOperator(operator);
           H.clauseStepPopover().within(() => {
-            values.forEach(value => {
+            values.forEach((value) => {
               cy.findByLabelText("Filter value")
                 .focus()
                 .type(`${value},`, { delay: 50 })
@@ -604,7 +604,7 @@ describe("scenarios > filters > filter types", () => {
               cy.findByText("Exclude…").click();
               cy.findByText(label).click();
               if (options) {
-                options.forEach(option => cy.findByText(option).click());
+                options.forEach((option) => cy.findByText(option).click());
                 cy.button("Add filter").click();
               }
             });
diff --git a/e2e/test/scenarios/filters/filter.cy.spec.js b/e2e/test/scenarios/filters/filter.cy.spec.js
index f22e3f9cc4d..8c34eb439e0 100644
--- a/e2e/test/scenarios/filters/filter.cy.spec.js
+++ b/e2e/test/scenarios/filters/filter.cy.spec.js
@@ -32,7 +32,7 @@ describe("scenarios > question > filter", () => {
       .findByText("Products → Category is not Gizmo")
       .should("be.visible");
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
 
@@ -553,7 +553,7 @@ describe("scenarios > question > filter", () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.contains('contains([Reviewer], "MULLER", "case-insensitive")');
     cy.button("Update").click();
-    cy.wait("@dataset").then(xhr => {
+    cy.wait("@dataset").then((xhr) => {
       expect(xhr.response.body.data.rows).to.have.lengthOf(1);
     });
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
@@ -904,7 +904,7 @@ describe("scenarios > question > filter", () => {
     });
   });
 
-  ["True", "False"].forEach(condition => {
+  ["True", "False"].forEach((condition) => {
     const regexCondition = new RegExp(`${condition}`, "i");
     // We must use and return strings instead of boolean and numbers
     const integerAssociatedWithCondition = condition === "True" ? "0" : "1";
diff --git a/e2e/test/scenarios/filters/operators.cy.spec.js b/e2e/test/scenarios/filters/operators.cy.spec.js
index d454dd84ef2..caf8608b69e 100644
--- a/e2e/test/scenarios/filters/operators.cy.spec.js
+++ b/e2e/test/scenarios/filters/operators.cy.spec.js
@@ -76,8 +76,8 @@ describe("operators in questions", () => {
       });
 
       cy.findByRole("menu").within(() => {
-        expected.text.expected.map(e => cy.contains(e).should("exist"));
-        expected.text.unexpected.map(e => cy.contains(e).should("not.exist"));
+        expected.text.expected.map((e) => cy.contains(e).should("exist"));
+        expected.text.unexpected.map((e) => cy.contains(e).should("not.exist"));
       });
     });
 
@@ -90,8 +90,10 @@ describe("operators in questions", () => {
       });
 
       cy.findByRole("menu").within(() => {
-        expected.number.expected.map(e => cy.contains(e).should("exist"));
-        expected.number.unexpected.map(e => cy.contains(e).should("not.exist"));
+        expected.number.expected.map((e) => cy.contains(e).should("exist"));
+        expected.number.unexpected.map((e) =>
+          cy.contains(e).should("not.exist"),
+        );
       });
     });
 
@@ -105,16 +107,16 @@ describe("operators in questions", () => {
       });
 
       H.clauseStepPopover().within(() => {
-        expected.relativeDates.expected.map(e =>
+        expected.relativeDates.expected.map((e) =>
           cy.contains(e).should("exist"),
         );
-        expected.specificDates.expected.map(e =>
+        expected.specificDates.expected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
-        expected.excludeDates.expected.map(e =>
+        expected.excludeDates.expected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
-        expected.relativeDates.unexpected.map(e =>
+        expected.relativeDates.unexpected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
       });
@@ -130,16 +132,16 @@ describe("operators in questions", () => {
       });
 
       H.popover().within(() => {
-        expected.specificDates.expected.map(e =>
+        expected.specificDates.expected.map((e) =>
           cy.contains(e).should("exist"),
         );
-        expected.relativeDates.expected.map(e =>
+        expected.relativeDates.expected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
-        expected.excludeDates.expected.map(e =>
+        expected.excludeDates.expected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
-        expected.specificDates.unexpected.map(e =>
+        expected.specificDates.unexpected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
       });
@@ -154,14 +156,16 @@ describe("operators in questions", () => {
       });
 
       H.popover().within(() => {
-        expected.excludeDates.expected.map(e => cy.contains(e).should("exist"));
-        expected.relativeDates.expected.map(e =>
+        expected.excludeDates.expected.map((e) =>
+          cy.contains(e).should("exist"),
+        );
+        expected.relativeDates.expected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
-        expected.specificDates.expected.map(e =>
+        expected.specificDates.expected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
-        expected.excludeDates.unexpected.map(e =>
+        expected.excludeDates.unexpected.map((e) =>
           cy.contains(e).should("not.exist"),
         );
       });
@@ -176,8 +180,8 @@ describe("operators in questions", () => {
       });
 
       cy.findByRole("menu").within(() => {
-        expected.id.expected.map(e => cy.contains(e).should("exist"));
-        expected.id.unexpected.map(e => cy.contains(e).should("not.exist"));
+        expected.id.expected.map((e) => cy.contains(e).should("exist"));
+        expected.id.unexpected.map((e) => cy.contains(e).should("not.exist"));
       });
     });
 
@@ -190,8 +194,8 @@ describe("operators in questions", () => {
       });
 
       cy.findByRole("menu").within(() => {
-        expected.geo.expected.map(e => cy.contains(e).should("exist"));
-        expected.geo.unexpected.map(e => cy.contains(e).should("not.exist"));
+        expected.geo.expected.map((e) => cy.contains(e).should("exist"));
+        expected.geo.unexpected.map((e) => cy.contains(e).should("not.exist"));
       });
     });
   });
diff --git a/e2e/test/scenarios/filters/relative-datetime.cy.spec.js b/e2e/test/scenarios/filters/relative-datetime.cy.spec.js
index 6fed38b86b4..abf47f935fb 100644
--- a/e2e/test/scenarios/filters/relative-datetime.cy.spec.js
+++ b/e2e/test/scenarios/filters/relative-datetime.cy.spec.js
@@ -21,10 +21,10 @@ describe("scenarios > question > relative-datetime", () => {
   });
 
   describe("starting from", () => {
-    const date = values =>
+    const date = (values) =>
       values.reduce((val, [num, unit]) => val.add(num, unit), now.clone());
 
-    STARTING_FROM_UNITS.forEach(unit =>
+    STARTING_FROM_UNITS.forEach((unit) =>
       it(`should work with Past filters (${unit} ago)`, () => {
         nativeSQL([
           now,
@@ -39,7 +39,7 @@ describe("scenarios > question > relative-datetime", () => {
       }),
     );
 
-    STARTING_FROM_UNITS.forEach(unit =>
+    STARTING_FROM_UNITS.forEach((unit) =>
       it(`should work with Next filters (${unit} from now)`, () => {
         nativeSQL([
           now,
@@ -233,10 +233,10 @@ describe("scenarios > question > relative-datetime", () => {
   });
 });
 
-const nativeSQL = values => {
+const nativeSQL = (values) => {
   cy.intercept("POST", "/api/dataset").as("dataset");
 
-  const queries = values.map(value => {
+  const queries = values.map((value) => {
     const date = moment(value).utc();
     return `SELECT '${date.toISOString()}'::timestamp as "testcol"`;
   });
@@ -255,7 +255,7 @@ const nativeSQL = values => {
   cy.wait("@dataset");
 };
 
-const openCreatedAt = tab => {
+const openCreatedAt = (tab) => {
   H.tableHeaderClick("Created At");
   H.popover().within(() => {
     cy.findByText("Filter by this column").click();
@@ -270,16 +270,16 @@ const addStartingFrom = () => {
     .click();
 };
 
-const setRelativeDatetimeUnit = unit => {
+const setRelativeDatetimeUnit = (unit) => {
   cy.findByRole("textbox", { name: "Unit" }).click();
   cy.findByRole("option", { name: unit }).click();
 };
 
-const setRelativeDatetimeValue = value => {
+const setRelativeDatetimeValue = (value) => {
   cy.findByLabelText("Interval").click().clear().type(value).blur();
 };
 
-const setStartingFromValue = value => {
+const setStartingFromValue = (value) => {
   cy.findByLabelText("Starting from interval")
     .click()
     .clear()
diff --git a/e2e/test/scenarios/filters/time-series-chrome.cy.spec.ts b/e2e/test/scenarios/filters/time-series-chrome.cy.spec.ts
index f699291e5b9..942a9aacf16 100644
--- a/e2e/test/scenarios/filters/time-series-chrome.cy.spec.ts
+++ b/e2e/test/scenarios/filters/time-series-chrome.cy.spec.ts
@@ -57,7 +57,7 @@ describe("time-series chrome filter widget", () => {
         );
 
         cy.log("Make sure we display all the operators");
-        operators.forEach(operator => {
+        operators.forEach((operator) => {
           cy.findByRole("option", { name: operator }).should("be.visible");
         });
       });
diff --git a/e2e/test/scenarios/filters/view.cy.spec.js b/e2e/test/scenarios/filters/view.cy.spec.js
index b395945ad3a..c53414cbfcc 100644
--- a/e2e/test/scenarios/filters/view.cy.spec.js
+++ b/e2e/test/scenarios/filters/view.cy.spec.js
@@ -51,8 +51,8 @@ describe("scenarios > question > view", () => {
         { wrapId: true },
       );
 
-      cy.get("@questionId").then(questionId => {
-        cy.get("@dashboardId").then(dashboardId => {
+      cy.get("@questionId").then((questionId) => {
+        cy.get("@dashboardId").then((dashboardId) => {
           H.addOrUpdateDashboardCard({
             dashboard_id: dashboardId,
             card_id: questionId,
diff --git a/e2e/test/scenarios/i18n/i18n.cy.spec.ts b/e2e/test/scenarios/i18n/i18n.cy.spec.ts
index e80acc912cf..c3f0fdf3c93 100644
--- a/e2e/test/scenarios/i18n/i18n.cy.spec.ts
+++ b/e2e/test/scenarios/i18n/i18n.cy.spec.ts
@@ -32,10 +32,10 @@ describe("Pages accessible within one click from the homepage should work in pop
     cy.intercept("PUT", "/api/user/*").as("updateUserSettings");
   });
 
-  locales.forEach(localeName => {
+  locales.forEach((localeName) => {
     it(`Pages should be reachable when locale is ${localeName}`, () => {
       selectLocale(localeName);
-      paths.forEach(path => {
+      paths.forEach((path) => {
         cy.visit(path);
         cy.findByRole("main");
         cy.findAllByTestId("error-boundary").should("not.exist");
diff --git a/e2e/test/scenarios/joins/joins-reproductions.cy.spec.js b/e2e/test/scenarios/joins/joins-reproductions.cy.spec.js
index 0233adbd581..72e30f97157 100644
--- a/e2e/test/scenarios/joins/joins-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/joins/joins-reproductions.cy.spec.js
@@ -91,7 +91,7 @@ describe("issue 12928", () => {
 
     H.visualize();
 
-    cy.get("@joinedQuestionId").then(joinedQuestionId => {
+    cy.get("@joinedQuestionId").then((joinedQuestionId) => {
       H.assertJoinValid({
         lhsTable: SOURCE_QUESTION_NAME,
         rhsTable: JOINED_QUESTION_NAME,
@@ -149,7 +149,7 @@ describe("issue 14793", () => {
     H.popover().findByText("Automatic insights…").click();
     H.popover().findByText("X-ray").click();
 
-    cy.wait("@xray").then(xhr => {
+    cy.wait("@xray").then((xhr) => {
       for (let i = 0; i < XRAY_DATASETS; ++i) {
         cy.wait("@postDataset");
       }
@@ -326,7 +326,7 @@ describe("issue 17767", () => {
       cy.findByText("Reviews").click();
     });
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
 
@@ -403,7 +403,7 @@ describe("issue 18502", () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("Birth Date: Month").click();
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
 
@@ -469,7 +469,7 @@ describe("issue 18512", () => {
     H.popover().findByText("Products → Created At: Month").click();
     H.popover().findByText("Products → Created At: Month").click();
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
 
@@ -663,7 +663,7 @@ describe("issue 20519", () => {
       .contains("Two")
       .should("exist");
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).not.to.exist;
     });
 
@@ -695,7 +695,7 @@ describe("issue 22859 - multiple levels of nesting", () => {
   };
 
   function getJoinedTableColumnHeader() {
-    cy.get("@q1Id").then(id => {
+    cy.get("@q1Id").then((id) => {
       cy.findByText(`Question ${id} → ID`);
     });
   }
@@ -707,7 +707,7 @@ describe("issue 22859 - multiple levels of nesting", () => {
     H.createQuestion(questionDetails, { wrapId: true, idAlias: "q1Id" });
 
     // Join Orders table with the previously saved question and save it again
-    cy.get("@q1Id").then(id => {
+    cy.get("@q1Id").then((id) => {
       const nestedQuestionDetails = {
         name: "22859-Q2",
         query: {
@@ -743,7 +743,7 @@ describe("issue 22859 - multiple levels of nesting", () => {
   });
 
   it("model based on multi-level nested saved question should work (metabase#22859-1)", () => {
-    cy.get("@q2Id").then(id => {
+    cy.get("@q2Id").then((id) => {
       // Convert the second question to a model
       cy.request("PUT", `/api/card/${id}`, { type: "model" });
 
@@ -1085,7 +1085,7 @@ describe("issue 31769", () => {
     cy.signInAsAdmin();
 
     H.createQuestion({ name: "Q1", query: Q1 }).then(() => {
-      H.createQuestion({ name: "Q2", query: Q2 }).then(response => {
+      H.createQuestion({ name: "Q2", query: Q2 }).then((response) => {
         cy.wrap(response.body.id).as("card_id_q2");
         H.startNewQuestion();
       });
@@ -1103,7 +1103,7 @@ describe("issue 31769", () => {
     // Asserting there're two columns from Q1 and two columns from Q2
     cy.findAllByTestId("header-cell").should("have.length", 4);
 
-    cy.get("@card_id_q2").then(cardId => {
+    cy.get("@card_id_q2").then((cardId) => {
       H.tableInteractive()
         .findByText("Q2 - Products → Category → Category")
         .should("exist");
diff --git a/e2e/test/scenarios/metrics/browse.cy.spec.ts b/e2e/test/scenarios/metrics/browse.cy.spec.ts
index 98c32d0ea42..4b171c400cf 100644
--- a/e2e/test/scenarios/metrics/browse.cy.spec.ts
+++ b/e2e/test/scenarios/metrics/browse.cy.spec.ts
@@ -126,7 +126,7 @@ describe("scenarios > browse > metrics", () => {
       cy.visit("/browse/metrics");
       H.navigationSidebar().findByText("Metrics").should("be.visible");
 
-      ALL_METRICS.forEach(metric => {
+      ALL_METRICS.forEach((metric) => {
         findMetric(metric.name).should("be.visible");
       });
     });
@@ -149,7 +149,7 @@ describe("scenarios > browse > metrics", () => {
     });
 
     it("should open the collections in a new tab when alt-clicking a metric", () => {
-      cy.on("window:before:load", win => {
+      cy.on("window:before:load", (win) => {
         // prevent Cypress opening in a new window/tab and spy on this method
         cy.stub(win, "open").as("open");
       });
@@ -190,7 +190,7 @@ describe("scenarios > browse > metrics", () => {
       metricsTable()
         .findByText(/This is a/)
         .should("be.visible")
-        .then(el => H.assertIsEllipsified(el[0]));
+        .then((el) => H.assertIsEllipsified(el[0]));
 
       metricsTable()
         .findByText(/This is a/)
@@ -379,7 +379,7 @@ describe("scenarios > browse > metrics", () => {
       findMetric(ORDERS_SCALAR_MODEL_METRIC.name).should("not.exist");
 
       toggleVerifiedMetricsFilter();
-      cy.get<{ request: Request }>("@setSetting").should(xhr => {
+      cy.get<{ request: Request }>("@setSetting").should((xhr) => {
         expect(xhr.request.body).to.deep.equal({ value: false });
       });
 
@@ -387,7 +387,7 @@ describe("scenarios > browse > metrics", () => {
       findMetric(ORDERS_SCALAR_MODEL_METRIC.name).should("be.visible");
 
       toggleVerifiedMetricsFilter();
-      cy.get<{ request: Request }>("@setSetting").should(xhr => {
+      cy.get<{ request: Request }>("@setSetting").should((xhr) => {
         expect(xhr.request.body).to.deep.equal({ value: true });
       });
       cy.wait("@setSetting");
@@ -402,8 +402,8 @@ describe("scenarios > browse > metrics", () => {
     });
 
     it("should respect the user setting on wether or not to only show verified metrics", () => {
-      cy.intercept("GET", "/api/session/properties", req => {
-        req.continue(res => {
+      cy.intercept("GET", "/api/session/properties", (req) => {
+        req.continue((res) => {
           res.body["browse-filter-only-verified-metrics"] = true;
           res.send();
         });
@@ -418,8 +418,8 @@ describe("scenarios > browse > metrics", () => {
         .findByLabelText("Show verified metrics only")
         .should("be.checked");
 
-      cy.intercept("GET", "/api/session/properties", req => {
-        req.continue(res => {
+      cy.intercept("GET", "/api/session/properties", (req) => {
+        req.continue((res) => {
           res.body["browse-filter-only-verified-metrics"] = true;
           res.send();
         });
@@ -437,7 +437,7 @@ describe("scenarios > browse > metrics", () => {
 function createMetrics(
   metrics: StructuredQuestionDetailsWithName[] = ALL_METRICS,
 ) {
-  metrics.forEach(metric => H.createQuestion(metric));
+  metrics.forEach((metric) => H.createQuestion(metric));
 }
 
 function metricsTable() {
diff --git a/e2e/test/scenarios/metrics/metrics-editing.cy.spec.js b/e2e/test/scenarios/metrics/metrics-editing.cy.spec.js
index 7c62c8cf640..dbe18efd4b0 100644
--- a/e2e/test/scenarios/metrics/metrics-editing.cy.spec.js
+++ b/e2e/test/scenarios/metrics/metrics-editing.cy.spec.js
@@ -553,7 +553,7 @@ function addStringCategoryFilter({ tableName, columnName, values }) {
       cy.findByText(tableName).click();
     }
     cy.findByText(columnName).click();
-    values.forEach(value => cy.findByText(value).click());
+    values.forEach((value) => cy.findByText(value).click());
     cy.button("Add filter").click();
   });
 }
diff --git a/e2e/test/scenarios/metrics/reproductions/metrics-reproductions.cy.spec.ts b/e2e/test/scenarios/metrics/reproductions/metrics-reproductions.cy.spec.ts
index 030b010015c..cef8248ba21 100644
--- a/e2e/test/scenarios/metrics/reproductions/metrics-reproductions.cy.spec.ts
+++ b/e2e/test/scenarios/metrics/reproductions/metrics-reproductions.cy.spec.ts
@@ -7,8 +7,8 @@ describe("issue 47058", () => {
   beforeEach(() => {
     H.restore();
     cy.signInAsNormalUser();
-    cy.intercept("GET", "/api/card/*/query_metadata", req =>
-      req.continue(() => new Promise(resolve => setTimeout(resolve, 1000))),
+    cy.intercept("GET", "/api/card/*/query_metadata", (req) =>
+      req.continue(() => new Promise((resolve) => setTimeout(resolve, 1000))),
     ).as("metadata");
 
     H.createQuestion({
@@ -118,7 +118,7 @@ describe("issue 44171", () => {
       cy.findByText("Total").click();
     });
     cy.button("Save changes").click();
-    cy.get<number>("@dashboardId").then(id => {
+    cy.get<number>("@dashboardId").then((id) => {
       H.visitDashboard(id);
     });
 
@@ -186,7 +186,7 @@ describe("issue 32037", () => {
 
     H.appBar().should("be.visible");
     cy.button("Save changes").should("not.exist");
-    cy.get("@metricPathname").then(metricPathname => {
+    cy.get("@metricPathname").then((metricPathname) => {
       cy.location("pathname").should("eq", metricPathname);
     });
   });
diff --git a/e2e/test/scenarios/models/model-indexes.cy.spec.js b/e2e/test/scenarios/models/model-indexes.cy.spec.js
index 5e9e0353795..03a2ddcd474 100644
--- a/e2e/test/scenarios/models/model-indexes.cy.spec.js
+++ b/e2e/test/scenarios/models/model-indexes.cy.spec.js
@@ -26,7 +26,7 @@ describe("scenarios > model indexes", () => {
       { wrapId: true, idAlias: "modelId" },
     );
 
-    cy.get("@modelId").then(_modelId => {
+    cy.get("@modelId").then((_modelId) => {
       modelId = _modelId;
     });
   });
@@ -155,7 +155,7 @@ describe("scenarios > model indexes", () => {
       },
     );
 
-    cy.get("@people_model_id").then(peopleModelId => {
+    cy.get("@people_model_id").then((peopleModelId) => {
       createModelIndex({
         modelId: peopleModelId,
         pkName: "ID",
@@ -221,7 +221,7 @@ function editTitleMetadata() {
   H.openColumnOptions("Title");
 }
 
-const expectCardQueries = num =>
-  cy.get("@cardGet.all").then(interceptions => {
+const expectCardQueries = (num) =>
+  cy.get("@cardGet.all").then((interceptions) => {
     expect(interceptions).to.have.length(num);
   });
diff --git a/e2e/test/scenarios/models/models-metadata.cy.spec.js b/e2e/test/scenarios/models/models-metadata.cy.spec.js
index c500234d27d..140742a6e4e 100644
--- a/e2e/test/scenarios/models/models-metadata.cy.spec.js
+++ b/e2e/test/scenarios/models/models-metadata.cy.spec.js
@@ -78,7 +78,7 @@ describe("scenarios > models metadata", () => {
       // Ensure back navigation works correctly metabase#55162
       H.openQuestionActions("Edit metadata");
       cy.go("back");
-      cy.get("@questionId").then(id => {
+      cy.get("@questionId").then((id) => {
         cy.location("pathname").should("equal", `/model/${id}-gui-model`);
       });
     });
@@ -319,8 +319,8 @@ describe("scenarios > models metadata", () => {
         { wrapId: true, idAlias: "modelId" },
       );
 
-      cy.get("@modelId").then(modelId => {
-        H.setModelMetadata(modelId, field => {
+      cy.get("@modelId").then((modelId) => {
+        H.setModelMetadata(modelId, (field) => {
           if (field.display_name === "USER_ID") {
             return {
               ...field,
@@ -344,7 +344,7 @@ describe("scenarios > models metadata", () => {
     });
 
     it("should allow drills on FK columns", () => {
-      cy.get("@modelId").then(modelId => {
+      cy.get("@modelId").then((modelId) => {
         cy.visit(`/model/${modelId}`);
         cy.wait("@dataset");
 
@@ -375,7 +375,7 @@ describe("scenarios > models metadata", () => {
     });
 
     it("should show implicit joins on FK columns with real DB columns (#37067)", () => {
-      cy.get("@modelId").then(modelId => {
+      cy.get("@modelId").then((modelId) => {
         cy.visit(`/model/${modelId}`);
         cy.wait("@dataset");
 
@@ -408,8 +408,8 @@ describe("scenarios > models metadata", () => {
     });
 
     it("should allow drills on FK columns from dashboards (metabase#42130)", () => {
-      cy.get("@modelId").then(modelId => {
-        H.createDashboard().then(response => {
+      cy.get("@modelId").then((modelId) => {
+        H.createDashboard().then((response) => {
           const dashboardId = response.body.id;
           H.addOrUpdateDashboardCard({
             dashboard_id: dashboardId,
@@ -481,7 +481,7 @@ describe("scenarios > models metadata", () => {
       { idAlias: "modelId", wrapId: true },
     );
 
-    cy.get("@modelId").then(modelId => {
+    cy.get("@modelId").then((modelId) => {
       H.setModelMetadata(modelId, (field, index) => ({
         ...field,
         id: ORDERS.ID,
diff --git a/e2e/test/scenarios/models/models.cy.spec.js b/e2e/test/scenarios/models/models.cy.spec.js
index 69421cb396d..aecdd6cdba3 100644
--- a/e2e/test/scenarios/models/models.cy.spec.js
+++ b/e2e/test/scenarios/models/models.cy.spec.js
@@ -37,7 +37,7 @@ describe("scenarios > models", () => {
   });
 
   it("allows to turn a GUI question into a model", () => {
-    cy.get("@productsQuestionId").then(id => {
+    cy.get("@productsQuestionId").then((id) => {
       cy.request("PUT", `/api/card/${id}`, {
         name: "Products Model",
       });
@@ -114,7 +114,7 @@ describe("scenarios > models", () => {
       table: "Products",
     });
 
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       saveQuestionBasedOnModel({ modelId: questionId, name: "Q1" });
     });
 
@@ -156,7 +156,7 @@ describe("scenarios > models", () => {
     H.openQuestionActions();
     assertIsModel();
 
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       cy.wait("@dataset").then(({ response }) => {
         expect(response.body.json_query.query["source-table"]).to.equal(
           `card__${questionId}`,
@@ -183,7 +183,7 @@ describe("scenarios > models", () => {
       table: "People",
     });
 
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       saveQuestionBasedOnModel({ modelId: questionId, name: "Q1" });
     });
 
@@ -429,7 +429,7 @@ describe("scenarios > models", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText("Save").click();
 
-      cy.findByTestId("save-question-modal").within(modal => {
+      cy.findByTestId("save-question-modal").within((modal) => {
         cy.findByText("Save").click();
       });
 
@@ -588,7 +588,7 @@ describe("scenarios > models", () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("Save").click({ force: true });
 
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click({ force: true });
     });
 
@@ -685,7 +685,7 @@ describe("scenarios > models", () => {
 
     it("should allow using models in native queries", () => {
       cy.intercept("POST", "/api/dataset").as("query");
-      cy.get("@modelId").then(id => {
+      cy.get("@modelId").then((id) => {
         H.startNewNativeQuestion();
         H.NativeEditor.type(`select * from {{#${id}}}`, {
           parseSpecialCharSequences: false,
diff --git a/e2e/test/scenarios/models/reproductions.cy.spec.js b/e2e/test/scenarios/models/reproductions.cy.spec.js
index a46045a2426..e6f96b821e8 100644
--- a/e2e/test/scenarios/models/reproductions.cy.spec.js
+++ b/e2e/test/scenarios/models/reproductions.cy.spec.js
@@ -621,7 +621,7 @@ describe("filtering based on the remapped column name should result in a correct
 describe("issue 23024", () => {
   function addModelToDashboardAndVisit() {
     H.createDashboard().then(({ body: { id } }) => {
-      cy.get("@modelId").then(cardId => {
+      cy.get("@modelId").then((cardId) => {
         H.addOrUpdateDashboardCard({
           dashboard_id: id,
           card_id: cardId,
@@ -650,8 +650,8 @@ describe("issue 23024", () => {
       { wrapId: true, idAlias: "modelId" },
     );
 
-    cy.get("@modelId").then(modelId => {
-      H.setModelMetadata(modelId, field => {
+    cy.get("@modelId").then((modelId) => {
+      H.setModelMetadata(modelId, (field) => {
         if (field.display_name === "CATEGORY") {
           return {
             ...field,
@@ -805,7 +805,7 @@ describe("issue 25537", () => {
     query: { "source-table": ORDERS_ID },
     type: "model",
   };
-  const setLocale = locale => {
+  const setLocale = (locale) => {
     cy.request("GET", "/api/user/current").then(({ body: { id: user_id } }) => {
       cy.request("PUT", `/api/user/${user_id}`, { locale });
     });
@@ -943,7 +943,7 @@ describe("issue 28971", () => {
       cy.findByText("Orders").click();
     });
     cy.button("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
     cy.wait("@createCard");
@@ -984,7 +984,7 @@ describe("issue 28971", () => {
       cy.findByText("Orders").click();
     });
     cy.button("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
     cy.wait("@createCard");
@@ -1447,7 +1447,7 @@ describe("issue 29951", { requestTimeout: 10000, viewportWidth: 1600 }, () => {
     },
     type: "model",
   };
-  const removeExpression = name => {
+  const removeExpression = (name) => {
     H.getNotebookStep("expression")
       .findByText(name)
       .findByLabelText("close icon")
@@ -1675,7 +1675,7 @@ describe("issue 32483", () => {
 
     H.createQuestion(questionDetails, { wrapId: true });
 
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       const modelDetails = {
         type: "model",
         name: "Orders + People Question Model",
@@ -1975,8 +1975,8 @@ describe("issue 40252", () => {
     H.createNativeQuestion(modelA, { wrapId: true, idAlias: "modelA" });
     H.createNativeQuestion(modelB, { wrapId: true, idAlias: "modelB" });
 
-    cy.get("@modelA").then(modelAId => {
-      cy.get("@modelB").then(modelBId => {
+    cy.get("@modelA").then((modelAId) => {
+      cy.get("@modelB").then((modelBId) => {
         const questionDetails = {
           name: "40252",
           type: "model",
diff --git a/e2e/test/scenarios/models/reproductions.cy.spec.ts b/e2e/test/scenarios/models/reproductions.cy.spec.ts
index cb46886dbf3..6889d517bea 100644
--- a/e2e/test/scenarios/models/reproductions.cy.spec.ts
+++ b/e2e/test/scenarios/models/reproductions.cy.spec.ts
@@ -336,7 +336,7 @@ describe("issue 39150", { viewportWidth: 1600 }, () => {
     H.saveQuestion("Nested Model", { wrapId: true, idAlias: "nestedModelId" });
 
     cy.log("Make sure this works for the deeply nested models as well");
-    cy.get("@nestedModelId").then(nestedModelId => {
+    cy.get("@nestedModelId").then((nestedModelId) => {
       H.createQuestion(
         {
           type: "model",
@@ -1367,7 +1367,7 @@ describe("issue 32037", () => {
 
     H.tableInteractive().should("be.visible");
     cy.button("Save changes").should("not.exist");
-    cy.get("@modelPathname").then(modelPathname => {
+    cy.get("@modelPathname").then((modelPathname) => {
       cy.location("pathname").should("eq", modelPathname);
     });
   }
diff --git a/e2e/test/scenarios/native-filters/native-filters-reproductions.cy.spec.js b/e2e/test/scenarios/native-filters/native-filters-reproductions.cy.spec.js
index ff4799ade59..11587ad7996 100644
--- a/e2e/test/scenarios/native-filters/native-filters-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/native-filters/native-filters-reproductions.cy.spec.js
@@ -197,7 +197,7 @@ describe("issue 12581", () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("Save").click();
 
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
 
@@ -334,7 +334,7 @@ describe("issue 14302", () => {
   });
 });
 
-["nodata+nosql", "nosql"].forEach(test => {
+["nodata+nosql", "nosql"].forEach((test) => {
   describe("issue 15163", () => {
     const nativeFilter = {
       id: "dd7f3e66-b659-7d1c-87b3-ab627317581c",
@@ -424,7 +424,7 @@ describe("issue 14302", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText("New Title").click();
 
-      cy.wait("@cardQuery", { timeout: 5000 }).then(xhr => {
+      cy.wait("@cardQuery", { timeout: 5000 }).then((xhr) => {
         expect(xhr.response.body.error).not.to.exist;
       });
 
@@ -610,7 +610,7 @@ describe("issue 16739", () => {
     cy.signInAsAdmin();
   });
 
-  ["normal", "nodata"].forEach(user => {
+  ["normal", "nodata"].forEach((user) => {
     //Very related to the metabase#15981, only this time the issue happens with the "Field Filter" without the value being set.
     it(`filter feature flag shouldn't cause run-overlay of results in native editor for ${user} user (metabase#16739)`, () => {
       H.createNativeQuestion({
@@ -730,7 +730,7 @@ describe("issue 17019", () => {
     cy.findByTestId("public-link-popover-content")
       .findByTestId("public-link-input")
       .invoke("val")
-      .then(publicLink => {
+      .then((publicLink) => {
         cy.visit(publicLink);
       });
 
@@ -745,8 +745,8 @@ describe("issue 17019", () => {
 
 describe("issue 17490", () => {
   function mockDatabaseTables() {
-    cy.intercept("GET", "/api/database?include=tables", req => {
-      req.reply(res => {
+    cy.intercept("GET", "/api/database?include=tables", (req) => {
+      req.reply((res) => {
         const mockTables = new Array(7).fill({
           id: 42, // id is hard coded, but it doesn't matter for this repro
           db_id: 1,
@@ -755,7 +755,7 @@ describe("issue 17490", () => {
           schema: "PUBLIC",
         });
 
-        res.body.data = res.body.data.map(d => ({
+        res.body.data = res.body.data.map((d) => ({
           ...d,
           tables: [...d.tables, ...mockTables],
         }));
@@ -888,7 +888,7 @@ describe("issue 21246", () => {
         wrapId: true,
       });
 
-      cy.get("@questionId").then(id => {
+      cy.get("@questionId").then((id) => {
         cy.visit(`/question/${id}`);
         cy.wait("@dataset");
 
@@ -901,7 +901,7 @@ describe("issue 21246", () => {
     const fieldFilterValue = "filter=2024-02";
     const dateFilterValue = "datevariable=2024-02-19";
 
-    cy.get("@questionId").then(id => {
+    cy.get("@questionId").then((id) => {
       // Let's set filter values directly through URL, rather than through the UI
       // for the sake of speed and reliability
       cy.visit(`/question/${id}?${fieldFilterValue}`);
diff --git a/e2e/test/scenarios/native-filters/sql-filters-reset-clear.cy.spec.ts b/e2e/test/scenarios/native-filters/sql-filters-reset-clear.cy.spec.ts
index d86652ae818..f0fa6046709 100644
--- a/e2e/test/scenarios/native-filters/sql-filters-reset-clear.cy.spec.ts
+++ b/e2e/test/scenarios/native-filters/sql-filters-reset-clear.cy.spec.ts
@@ -145,10 +145,10 @@ describe("scenarios > filters > sql filters > reset & clear", () => {
       defaultValueFormatted: "January 1, 2024",
       otherValue: "01/01/2020",
       otherValueFormatted: "January 1, 2020",
-      setValue: value => {
+      setValue: (value) => {
         addDateFilter(value);
       },
-      updateValue: value => {
+      updateValue: (value) => {
         updateDateFilter(value);
       },
     });
@@ -210,11 +210,11 @@ describe("scenarios > filters > sql filters > reset & clear", () => {
       defaultValueFormatted: "Gizmo",
       otherValue: "{backspace}Gadget",
       otherValueFormatted: "Gadget",
-      setValue: value => {
+      setValue: (value) => {
         H.popover().findByRole("textbox").clear().type(value).blur();
         H.popover().button("Add filter").click();
       },
-      updateValue: value => {
+      updateValue: (value) => {
         H.popover().findByRole("textbox").clear().type(value).blur();
         H.popover().button("Update filter").click();
       },
@@ -224,11 +224,11 @@ describe("scenarios > filters > sql filters > reset & clear", () => {
       defaultValueFormatted: "Gizmo",
       otherValue: "{backspace}Gadget",
       otherValueFormatted: "Gadget",
-      setValue: value => {
+      setValue: (value) => {
         H.popover().findByRole("textbox").clear().type(value).blur();
         H.popover().button("Add filter").click();
       },
-      updateValue: value => {
+      updateValue: (value) => {
         H.popover().findByRole("textbox").clear().type(value).blur();
         H.popover().button("Update filter").click();
       },
diff --git a/e2e/test/scenarios/native-filters/sql-filters-source.cy.spec.js b/e2e/test/scenarios/native-filters/sql-filters-source.cy.spec.js
index 9c972171b4f..1af04b26903 100644
--- a/e2e/test/scenarios/native-filters/sql-filters-source.cy.spec.js
+++ b/e2e/test/scenarios/native-filters/sql-filters-source.cy.spec.js
@@ -916,7 +916,7 @@ describe("scenarios > filters > sql filters > values source > number parameter",
   });
 });
 
-const getQuestionResource = questionId => ({
+const getQuestionResource = (questionId) => ({
   resource: { question: questionId },
   params: {},
 });
@@ -964,7 +964,7 @@ const getTextTargetQuestion = ({ query, tag, parameter }) => {
   });
 };
 
-const getStructuredTextTargetQuestion = questionId => {
+const getStructuredTextTargetQuestion = (questionId) => {
   return getTextTargetQuestion({
     query: "SELECT * FROM PRODUCTS WHERE CATEGORY = {{tag}}",
     parameter: {
@@ -977,7 +977,7 @@ const getStructuredTextTargetQuestion = questionId => {
   });
 };
 
-const getNativeTextTargetQuestion = questionId => {
+const getNativeTextTargetQuestion = (questionId) => {
   return getTextTargetQuestion({
     query: "SELECT * FROM PRODUCTS WHERE EAN = {{tag}}",
     parameter: {
@@ -1021,7 +1021,7 @@ const getDimensionTargetQuestion = ({ tag, parameter }) => {
   });
 };
 
-const getStructuredDimensionTargetQuestion = questionId => {
+const getStructuredDimensionTargetQuestion = (questionId) => {
   return getDimensionTargetQuestion({
     tag: {
       dimension: ["field", PRODUCTS.CATEGORY, null],
@@ -1037,7 +1037,7 @@ const getStructuredDimensionTargetQuestion = questionId => {
   });
 };
 
-const getNativeDimensionTargetQuestion = questionId => {
+const getNativeDimensionTargetQuestion = (questionId) => {
   return getDimensionTargetQuestion({
     tag: {
       dimension: ["field", PRODUCTS.EAN, null],
@@ -1072,13 +1072,13 @@ const getListDimensionTargetQuestion = ({
 
 const updateQuestion = () => {
   cy.findByText("Save").click();
-  cy.findByTestId("save-question-modal").within(modal => {
+  cy.findByTestId("save-question-modal").within((modal) => {
     cy.findByText("Save").click();
   });
   cy.wait("@updateQuestion");
 };
 
-const checkFilterValueInList = value => {
+const checkFilterValueInList = (value) => {
   // eslint-disable-next-line no-unsafe-element-filtering
   H.popover()
     .last()
@@ -1087,7 +1087,7 @@ const checkFilterValueInList = value => {
     });
 };
 
-const checkFilterValueNotInList = value => {
+const checkFilterValueNotInList = (value) => {
   // eslint-disable-next-line no-unsafe-element-filtering
   H.popover()
     .last()
diff --git a/e2e/test/scenarios/native/native-database-source.cy.spec.js b/e2e/test/scenarios/native/native-database-source.cy.spec.js
index db030f68a28..d99c350472e 100644
--- a/e2e/test/scenarios/native/native-database-source.cy.spec.js
+++ b/e2e/test/scenarios/native/native-database-source.cy.spec.js
@@ -69,7 +69,7 @@ describe(
       selectDatabase(additionalPG);
 
       cy.log("Delete previously persisted database.");
-      cy.get("@postgresID").then(databaseId => {
+      cy.get("@postgresID").then((databaseId) => {
         cy.request("DELETE", `/api/database/${databaseId}`);
       });
 
diff --git a/e2e/test/scenarios/native/native-reproductions.cy.spec.js b/e2e/test/scenarios/native/native-reproductions.cy.spec.js
index d9be1dc84d8..47e7dc51ad4 100644
--- a/e2e/test/scenarios/native/native-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/native/native-reproductions.cy.spec.js
@@ -473,7 +473,7 @@ describe("issue 21550", () => {
       cy.icon("chevrondown").click({ force: true });
     });
 
-    cy.get("pre").then($pre => {
+    cy.get("pre").then(($pre) => {
       const preWidth = $pre[0].getBoundingClientRect().width;
       const clientWidth = $pre[0].clientWidth;
       const BORDERS = 2; // 1px left and right
@@ -562,7 +562,7 @@ describe("issue 21597", { tags: "@external" }, () => {
   it("display the relevant error message in save question modal (metabase#21597)", () => {
     const message =
       'Invalid Field Filter: Field 164574 "PRODUCTS"."CATEGORY" belongs to Database 2276 "sample-dataset", but the query is against Database 2275 "test-data"';
-    cy.intercept({ method: "POST", url: "/api/card" }, request => {
+    cy.intercept({ method: "POST", url: "/api/card" }, (request) => {
       request.reply({
         body: {
           message: message,
@@ -786,7 +786,7 @@ describe("issue 35785", () => {
 
     cy.findByTestId("qb-header").findByRole("button", { name: "Save" }).click();
 
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
 
@@ -833,7 +833,7 @@ describe("issue 22991", () => {
     cy.signInAsNormalUser();
 
     H.startNewNativeQuestion();
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       // can't use cy.type because it does not simulate the bug
       H.NativeEditor.type(`select * from {{${questionId}}}`);
     });
diff --git a/e2e/test/scenarios/native/native-reproductions.cy.spec.ts b/e2e/test/scenarios/native/native-reproductions.cy.spec.ts
index 016eb189523..28849b7690f 100644
--- a/e2e/test/scenarios/native/native-reproductions.cy.spec.ts
+++ b/e2e/test/scenarios/native/native-reproductions.cy.spec.ts
@@ -217,7 +217,7 @@ describe("issue 53194", () => {
   beforeEach(() => {
     H.restore();
     cy.signInAsAdmin();
-    Object.values(REVIEWS).forEach(fieldId => {
+    Object.values(REVIEWS).forEach((fieldId) => {
       cy.request("PUT", `/api/field/${fieldId}`, {
         visibility_type: "sensitive",
       });
@@ -275,18 +275,18 @@ describe("issue 53171", () => {
   it("title and icons in data reference sidebar should not overflow (metabase#53171)", () => {
     H.startNewNativeQuestion();
 
-    cy.get("@longNameQuestionId").then(longNameQuestion => {
+    cy.get("@longNameQuestionId").then((longNameQuestion) => {
       H.NativeEditor.type(`{{#${longNameQuestion}`);
     });
 
-    cy.findByTestId("sidebar-content").within($container => {
+    cy.findByTestId("sidebar-content").within(($container) => {
       const [container] = $container;
 
-      cy.findByTestId("sidebar-header").should($header => {
+      cy.findByTestId("sidebar-header").should(($header) => {
         const [header] = $header;
         const headerDescendants = header.querySelectorAll("*");
 
-        headerDescendants.forEach(descendant => {
+        headerDescendants.forEach((descendant) => {
           H.assertDescendantNotOverflowsContainer(descendant, container);
         });
       });
@@ -300,7 +300,7 @@ describe("issue 53171", () => {
   function verifyIconVisibleAndSized(iconName: IconName, size: number) {
     cy.icon(iconName)
       .should("be.visible")
-      .and(icon => {
+      .and((icon) => {
         expect(icon.outerWidth()).to.equal(size);
         expect(icon.outerHeight()).to.equal(size);
       });
@@ -326,7 +326,7 @@ describe("issue 54124", () => {
   it("should be possible to close the data reference sidebar (metabase#54124)", () => {
     H.startNewNativeQuestion();
 
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       H.NativeEditor.type(
         `{{#${questionId}-reference-question }}{leftarrow}{leftarrow}{leftarrow}`,
       );
@@ -412,6 +412,6 @@ describe("issue 52806", () => {
     H.visitQuestionAdhoc(questionDetails);
     cy.findByTestId("main-logo-link").click();
     H.modal().button("Discard changes").click();
-    cy.location().should(location => expect(location.search).to.eq(""));
+    cy.location().should((location) => expect(location.search).to.eq(""));
   });
 });
diff --git a/e2e/test/scenarios/native/native.cy.spec.js b/e2e/test/scenarios/native/native.cy.spec.js
index 72e66fbcfec..3153c0288dc 100644
--- a/e2e/test/scenarios/native/native.cy.spec.js
+++ b/e2e/test/scenarios/native/native.cy.spec.js
@@ -132,7 +132,7 @@ describe("scenarios > question > native", () => {
       cy.findByLabelText("Name").type("Products on Category");
       cy.findByText("Save").click();
 
-      cy.wait("@card").should(xhr => {
+      cy.wait("@card").should((xhr) => {
         const requestBody = xhr.request?.body;
         expect(requestBody?.parameters?.length).to.equal(1);
         const parameter = requestBody.parameters[0];
@@ -190,7 +190,7 @@ describe("scenarios > question > native", () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("This has a value");
 
-    FILTERS.forEach(operator => {
+    FILTERS.forEach((operator) => {
       cy.log("Apply a filter");
       H.filter();
       H.popover().findByText("V").click();
@@ -265,7 +265,7 @@ describe("scenarios > question > native", () => {
       cy.findByText("Save").click();
 
       // parameters[] should reflect the template tags
-      cy.wait("@card").then(xhr => {
+      cy.wait("@card").then((xhr) => {
         const requestBody = xhr.request?.body;
         expect(requestBody?.parameters?.length).to.equal(2);
         cy.wrap(xhr.response.body.id).as("questionId");
@@ -275,10 +275,10 @@ describe("scenarios > question > native", () => {
     cy.findByText("Not now").click();
 
     // Now load the question again and parameters[] should still be there
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       cy.intercept("GET", `/api/card/${questionId}`).as("cardQuestion");
       cy.visit(`/question/${questionId}?cat=Gizmo&stars=3`);
-      cy.wait("@cardQuestion").should(xhr => {
+      cy.wait("@cardQuestion").should((xhr) => {
         const responseBody = xhr.response?.body;
         expect(responseBody?.parameters?.length).to.equal(2);
       });
@@ -500,7 +500,7 @@ describe("no native access", { tags: ["@external", "@quarantine"] }, () => {
   });
 
   it("should not display the query when you do not have native access to the data source", () => {
-    cy.get("@questionId").then(questionId =>
+    cy.get("@questionId").then((questionId) =>
       cy.visit(`/question/${questionId}`),
     );
 
diff --git a/e2e/test/scenarios/native/native_subquery.cy.spec.js b/e2e/test/scenarios/native/native_subquery.cy.spec.js
index c8697845962..baba2d45fc6 100644
--- a/e2e/test/scenarios/native/native_subquery.cy.spec.js
+++ b/e2e/test/scenarios/native/native_subquery.cy.spec.js
@@ -190,7 +190,7 @@ describe("scenarios > question > native subquery", () => {
         // check the original name is in the query
         cy.visit(`/question/${questionId2}`);
         cy.findByText("Open Editor").click();
-        cy.get("@questionId").then(questionId => {
+        cy.get("@questionId").then((questionId) => {
           H.NativeEditor.get()
             .should("be.visible")
             .and("contain", `{{#${questionId}-a-people-question-1}}`);
@@ -205,7 +205,7 @@ describe("scenarios > question > native subquery", () => {
         // check the name has changed
         cy.visit(`/question/${questionId2}`);
         cy.findByText("Open Editor").click();
-        cy.get("@questionId").then(questionId => {
+        cy.get("@questionId").then((questionId) => {
           H.NativeEditor.get()
             .should("be.visible")
             .and("contain", `{{#${questionId}-a-people-question-1-changed}}`);
@@ -222,7 +222,7 @@ describe("scenarios > question > native subquery", () => {
         query: "select * from PEOPLE where STATE = 'WA'",
       },
     })
-      .then(response => {
+      .then((response) => {
         cy.wrap(response.body.id).as("nestedQuestionId");
         const tagID = `#${response.body.id}`;
 
@@ -242,7 +242,7 @@ describe("scenarios > question > native subquery", () => {
           },
         });
       })
-      .then(response => {
+      .then((response) => {
         cy.wrap(response.body.id).as("toplevelQuestionId");
 
         cy.visit(`/question/${response.body.id}`);
diff --git a/e2e/test/scenarios/native/snippets.cy.spec.js b/e2e/test/scenarios/native/snippets.cy.spec.js
index f6a71420fd6..6d84f6c3697 100644
--- a/e2e/test/scenarios/native/snippets.cy.spec.js
+++ b/e2e/test/scenarios/native/snippets.cy.spec.js
@@ -178,7 +178,7 @@ describe("scenarios > question > snippets (EE)", () => {
     H.setTokenFeatures("all");
   });
 
-  ["admin", "normal"].forEach(user => {
+  ["admin", "normal"].forEach((user) => {
     it(`${user} user can create a snippet (metabase#21581)`, () => {
       cy.intercept("POST", "/api/native-query-snippet").as("snippetCreated");
 
@@ -292,7 +292,7 @@ describe("scenarios > question > snippets (EE)", () => {
     });
   });
 
-  ["admin", "nocollection"].map(user => {
+  ["admin", "nocollection"].map((user) => {
     it("should display nested snippets in their folder", () => {
       createNestedSnippet();
 
diff --git a/e2e/test/scenarios/navigation/navbar.cy.spec.js b/e2e/test/scenarios/navigation/navbar.cy.spec.js
index 3b5a0b4f0ef..1c8a4529144 100644
--- a/e2e/test/scenarios/navigation/navbar.cy.spec.js
+++ b/e2e/test/scenarios/navigation/navbar.cy.spec.js
@@ -32,7 +32,7 @@ describe("scenarios > navigation > navbar", () => {
         },
       );
 
-      cy.get("@questionId").then(id => {
+      cy.get("@questionId").then((id) => {
         cy.request("POST", `/api/bookmark/card/${id}`);
         H.visitQuestion(id);
       });
@@ -52,7 +52,7 @@ describe("scenarios > navigation > navbar", () => {
     });
 
     it("should display error ui when data fetching fails", () => {
-      cy.intercept("GET", "/api/database", req => req.reply(500));
+      cy.intercept("GET", "/api/database", (req) => req.reply(500));
       cy.visit("/");
       H.navigationSidebar().findByText(/An error occurred/);
     });
diff --git a/e2e/test/scenarios/onboarding/add-initial-data.cy.spec.ts b/e2e/test/scenarios/onboarding/add-initial-data.cy.spec.ts
index 9c59509649b..83ca5974087 100644
--- a/e2e/test/scenarios/onboarding/add-initial-data.cy.spec.ts
+++ b/e2e/test/scenarios/onboarding/add-initial-data.cy.spec.ts
@@ -19,7 +19,7 @@ H.describeWithSnowplow(
         H.mockSessionPropertiesTokenFeatures({ attached_dwh: true });
       });
 
-      H.CSV_FILES.forEach(testFile => {
+      H.CSV_FILES.forEach((testFile) => {
         it(`${testFile.valid ? "Can" : "Cannot"} upload ${
           testFile.fileName
         } to "Our analytics" using DWH`, () => {
diff --git a/e2e/test/scenarios/onboarding/auth/forgot_password.cy.spec.js b/e2e/test/scenarios/onboarding/auth/forgot_password.cy.spec.js
index 51abbbe6b21..8b13d7eeef1 100644
--- a/e2e/test/scenarios/onboarding/auth/forgot_password.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/auth/forgot_password.cy.spec.js
@@ -41,7 +41,7 @@ describe("scenarios > auth > password", { tags: "@external" }, () => {
   });
 });
 
-const getResetLink = html => {
+const getResetLink = (html) => {
   const [, anchor] = html.match(/<a (.*)>/);
   const [, href] = anchor.match(/href="([^"]+)"/);
   return href;
diff --git a/e2e/test/scenarios/onboarding/auth/signin.cy.spec.js b/e2e/test/scenarios/onboarding/auth/signin.cy.spec.js
index f8779021b1c..a6f557994fb 100644
--- a/e2e/test/scenarios/onboarding/auth/signin.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/auth/signin.cy.spec.js
@@ -94,7 +94,7 @@ describe("scenarios > auth > signin", () => {
     cy.findAllByRole("gridcell", { name: "37.65" });
   });
 
-  sizes.forEach(size => {
+  sizes.forEach((size) => {
     it(`should redirect from /auth/forgot_password back to /auth/login (viewport: ${size}) (metabase#12658)`, () => {
       if (Array.isArray(size)) {
         cy.viewport(size[0], size[1]);
diff --git a/e2e/test/scenarios/onboarding/auth/sso.cy.spec.js b/e2e/test/scenarios/onboarding/auth/sso.cy.spec.js
index 1837162eba5..124de9b1f49 100644
--- a/e2e/test/scenarios/onboarding/auth/sso.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/auth/sso.cy.spec.js
@@ -14,7 +14,7 @@ describe("scenarios > auth > signin > SSO", () => {
     });
   });
 
-  ["ldap_auth", "google_auth"].forEach(auth => {
+  ["ldap_auth", "google_auth"].forEach((auth) => {
     it(`login history tab should be available with ${auth} enabled (metabase#15558)`, () => {
       H.mockCurrentUserProperty(auth, true);
       cy.visit("/account/profile");
diff --git a/e2e/test/scenarios/onboarding/command-palette.cy.spec.js b/e2e/test/scenarios/onboarding/command-palette.cy.spec.js
index 179da3782b1..e3495d3caea 100644
--- a/e2e/test/scenarios/onboarding/command-palette.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/command-palette.cy.spec.js
@@ -18,8 +18,8 @@ describe("command palette", () => {
     cy.intercept(
       "GET",
       "**/search?q=Company&context=command-palette&include_dashboard_questions=true&limit=20",
-      req => {
-        req.reply(res => {
+      (req) => {
+        req.reply((res) => {
           const orderedNames = ["Products", "Orders", "Reviews", "People"];
           res.body.data = res.body.data.sort((a, b) => {
             return orderedNames.indexOf(a.name) - orderedNames.indexOf(b.name);
diff --git a/e2e/test/scenarios/onboarding/embedding-homepage.cy.spec.ts b/e2e/test/scenarios/onboarding/embedding-homepage.cy.spec.ts
index e2eb407bac4..4348b45e580 100644
--- a/e2e/test/scenarios/onboarding/embedding-homepage.cy.spec.ts
+++ b/e2e/test/scenarios/onboarding/embedding-homepage.cy.spec.ts
@@ -8,8 +8,8 @@ H.describeWithSnowplow(
       H.resetSnowplow();
 
       cy.signInAsAdmin();
-      cy.intercept("GET", "/api/session/properties", req => {
-        req.continue(res => {
+      cy.intercept("GET", "/api/session/properties", (req) => {
+        req.continue((res) => {
           res.body["embedding-homepage"] = "visible";
           res.body["example-dashboard-id"] = 1;
           res.body["setup-license-active-at-setup"] = true;
diff --git a/e2e/test/scenarios/onboarding/home/browse.cy.spec.ts b/e2e/test/scenarios/onboarding/home/browse.cy.spec.ts
index 4adb7ca8fe8..12019109d1b 100644
--- a/e2e/test/scenarios/onboarding/home/browse.cy.spec.ts
+++ b/e2e/test/scenarios/onboarding/home/browse.cy.spec.ts
@@ -47,7 +47,7 @@ describe("browse > models", () => {
   });
 
   it("can browse to a model in a new tab by meta-clicking", () => {
-    cy.on("window:before:load", win => {
+    cy.on("window:before:load", (win) => {
       // prevent Cypress opening in a new window/tab and spy on this method
       cy.stub(win, "open").as("open");
     });
@@ -140,7 +140,7 @@ H.describeWithSnowplow("scenarios > browse", () => {
 
   it("The Browse models page shows an error message if the search endpoint throws an error", () => {
     cy.visit("/");
-    cy.intercept("GET", "/api/search*", req => {
+    cy.intercept("GET", "/api/search*", (req) => {
       req.reply({ statusCode: 400 });
     });
     H.navigationSidebar().findByLabelText("Browse models").click();
@@ -151,7 +151,7 @@ H.describeWithSnowplow("scenarios > browse", () => {
 
   it("The Browse metrics page shows an error message if the search endpoint throws an error", () => {
     cy.visit("/");
-    cy.intercept("GET", "/api/search*", req => {
+    cy.intercept("GET", "/api/search*", (req) => {
       req.reply({ statusCode: 400 });
     });
     H.navigationSidebar().findByLabelText("Browse metrics").click();
diff --git a/e2e/test/scenarios/onboarding/home/homepage.cy.spec.js b/e2e/test/scenarios/onboarding/home/homepage.cy.spec.js
index 62e1dee615e..03dd9107b0b 100644
--- a/e2e/test/scenarios/onboarding/home/homepage.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/home/homepage.cy.spec.js
@@ -60,11 +60,11 @@ describe("scenarios > home > homepage", () => {
       cy.signInAsAdmin();
       cy.addSQLiteDatabase();
 
-      cy.intercept("/api/database", req => {
-        req.continue(res => {
+      cy.intercept("/api/database", (req) => {
+        req.continue((res) => {
           res.body.data[1].initial_sync_status = "incomplete";
 
-          return new Promise(resolve => {
+          return new Promise((resolve) => {
             setTimeout(() => {
               resolve();
               // Setting this to be arbitrarly long so that the repeat assertion
@@ -225,8 +225,8 @@ describe("scenarios > home > homepage", () => {
         {
           url: "/",
         },
-        req => {
-          req.continue(res => {
+        (req) => {
+          req.continue((res) => {
             res.body = res.body.replace(
               'src="app/dist/app-main',
               'src="bad-link.js',
@@ -236,7 +236,7 @@ describe("scenarios > home > homepage", () => {
         },
       );
 
-      cy.on("window:before:load", win => {
+      cy.on("window:before:load", (win) => {
         cy.spy(win.console, "error").as("errorConsole");
       });
 
@@ -410,8 +410,8 @@ describe("scenarios > home > custom homepage", () => {
           method: "GET",
           middleware: true,
         },
-        req => {
-          req.continue(res => {
+        (req) => {
+          req.continue((res) => {
             res.delay = 1000;
             res.send();
           });
@@ -604,7 +604,7 @@ H.describeWithSnowplow("scenarios > setup", () => {
   });
 });
 
-const pinItem = name => {
+const pinItem = (name) => {
   cy.findByText(name).closest("tr").icon("ellipsis").click();
 
   H.popover().icon("pin").click();
diff --git a/e2e/test/scenarios/onboarding/navbar/new-menu.cy.spec.js b/e2e/test/scenarios/onboarding/navbar/new-menu.cy.spec.js
index 4b2cca8bbe2..ca096d57643 100644
--- a/e2e/test/scenarios/onboarding/navbar/new-menu.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/navbar/new-menu.cy.spec.js
@@ -32,7 +32,7 @@ describe("metabase > scenarios > navbar > new menu", () => {
       cy.findByText("Collection").click();
     });
 
-    cy.findByTestId("new-collection-modal").then(modal => {
+    cy.findByTestId("new-collection-modal").then((modal) => {
       cy.findByTestId("collection-picker-button").findByText("Our analytics");
 
       cy.findByPlaceholderText("My new fantastic collection").type(
diff --git a/e2e/test/scenarios/onboarding/navbar/whats-new.cy.spec.js b/e2e/test/scenarios/onboarding/navbar/whats-new.cy.spec.js
index d223cc50334..e5fbc7b6b33 100644
--- a/e2e/test/scenarios/onboarding/navbar/whats-new.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/navbar/whats-new.cy.spec.js
@@ -56,8 +56,8 @@ describe("nav > what's new notification", () => {
 
 function mockVersions({ currentVersion, versions = [] }) {
   const [latest, ...older] = versions;
-  cy.intercept("GET", "/api/session/properties", req => {
-    req.reply(res => {
+  cy.intercept("GET", "/api/session/properties", (req) => {
+    req.reply((res) => {
       res.body["version"] = { tag: currentVersion };
       res.body["version-info"] = createMockVersionInfo({ latest, older });
     });
diff --git a/e2e/test/scenarios/onboarding/notifications.cy.spec.js b/e2e/test/scenarios/onboarding/notifications.cy.spec.js
index 62f5897f210..b033120f24a 100644
--- a/e2e/test/scenarios/onboarding/notifications.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/notifications.cy.spec.js
@@ -162,8 +162,8 @@ describe("scenarios > account > notifications", () => {
     });
 
     it("should be able to see created notifications that a user is not subscribed to", () => {
-      cy.get("@admin_id").then(admin_id =>
-        cy.get("@card_id").then(card_id => {
+      cy.get("@admin_id").then((admin_id) =>
+        cy.get("@card_id").then((card_id) => {
           H.createQuestionAlert({
             admin_id,
             card_id,
diff --git a/e2e/test/scenarios/onboarding/onboarding-checklist.cy.spec.ts b/e2e/test/scenarios/onboarding/onboarding-checklist.cy.spec.ts
index bf10bd59543..96898ef120a 100644
--- a/e2e/test/scenarios/onboarding/onboarding-checklist.cy.spec.ts
+++ b/e2e/test/scenarios/onboarding/onboarding-checklist.cy.spec.ts
@@ -159,7 +159,7 @@ H.describeWithSnowplow("Onboarding checklist events", () => {
       );
       H.expectGoodSnowplowEvents(PAGE_VIEW);
 
-      items.forEach(i => {
+      items.forEach((i) => {
         cy.findByTestId(`${i}-item`).click();
         H.expectGoodSnowplowEvent({
           event: "onboarding_checklist_item_expanded",
diff --git a/e2e/test/scenarios/onboarding/reference/databases.cy.spec.js b/e2e/test/scenarios/onboarding/reference/databases.cy.spec.js
index c008b84ebe2..b54146f5134 100644
--- a/e2e/test/scenarios/onboarding/reference/databases.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/reference/databases.cy.spec.js
@@ -64,7 +64,7 @@ describe("scenarios > reference > databases", () => {
 
   describe("multiple databases sorting order", () => {
     beforeEach(() => {
-      ["d", "b", "a", "c"].forEach(name => {
+      ["d", "b", "a", "c"].forEach((name) => {
         cy.addSQLiteDatabase({ name });
       });
     });
diff --git a/e2e/test/scenarios/onboarding/setup/setup.cy.spec.ts b/e2e/test/scenarios/onboarding/setup/setup.cy.spec.ts
index 16d254b52e5..f228b9ff64a 100644
--- a/e2e/test/scenarios/onboarding/setup/setup.cy.spec.ts
+++ b/e2e/test/scenarios/onboarding/setup/setup.cy.spec.ts
@@ -9,7 +9,7 @@ const { admin } = USERS;
 const locales = ["en", "xx"];
 
 describe("scenarios > setup", () => {
-  locales.forEach(locale => {
+  locales.forEach((locale) => {
     beforeEach(() => H.restore("blank"));
 
     it(
@@ -438,7 +438,7 @@ describe("scenarios > setup (EE)", () => {
 
     H.main().findByText("Looking for more?").should("exist");
 
-    cy.wait("@tokenStatus").then(request => {
+    cy.wait("@tokenStatus").then((request) => {
       expect(request.response?.body.valid).to.equal(true);
     });
   });
diff --git a/e2e/test/scenarios/onboarding/urls.cy.spec.js b/e2e/test/scenarios/onboarding/urls.cy.spec.js
index 74162bcaca2..11dfcfe9a90 100644
--- a/e2e/test/scenarios/onboarding/urls.cy.spec.js
+++ b/e2e/test/scenarios/onboarding/urls.cy.spec.js
@@ -32,7 +32,7 @@ describe("URLs", () => {
     [
       `/browse/databases/${SAVED_QUESTIONS_VIRTUAL_DB_ID}`,
       `/browse/databases/${SAVED_QUESTIONS_VIRTUAL_DB_ID}-saved-questions`,
-    ].forEach(url => {
+    ].forEach((url) => {
       it("should open 'Saved Questions' database correctly", () => {
         cy.visit(url);
         cy.findByRole("heading", { name: "Databases" });
diff --git a/e2e/test/scenarios/organization/entity-picker.cy.spec.ts b/e2e/test/scenarios/organization/entity-picker.cy.spec.ts
index bb7005a041f..894b17acfc2 100644
--- a/e2e/test/scenarios/organization/entity-picker.cy.spec.ts
+++ b/e2e/test/scenarios/organization/entity-picker.cy.spec.ts
@@ -1136,8 +1136,8 @@ function createTestCards() {
     },
   ];
 
-  types.forEach(type => {
-    suffixes.forEach(suffix => {
+  types.forEach((type) => {
+    suffixes.forEach((suffix) => {
       collections.forEach(({ id, name }) => {
         H.createQuestion({
           ...cardDetails,
@@ -1149,7 +1149,7 @@ function createTestCards() {
     });
   });
 
-  suffixes.forEach(suffix => {
+  suffixes.forEach((suffix) => {
     H.createQuestion({
       ...cardDetails,
       name: `Orders Dashboard question ${suffix}`,
@@ -1175,8 +1175,8 @@ function createTestCollections() {
     },
   ];
 
-  suffixes.forEach(suffix => {
-    collections.forEach(collection =>
+  suffixes.forEach((suffix) => {
+    collections.forEach((collection) =>
       H.createCollection({
         ...collection,
         name: `${collection.name} ${suffix}`,
@@ -1204,8 +1204,8 @@ function createTestDashboards() {
     },
   ];
 
-  suffixes.forEach(suffix => {
-    dashboards.forEach(dashboard =>
+  suffixes.forEach((suffix) => {
+    dashboards.forEach((dashboard) =>
       H.createDashboard({ ...dashboard, name: `${dashboard.name} ${suffix}` }),
     );
   });
@@ -1245,7 +1245,7 @@ function createTestDashboardWithEmptyCard(
 }
 
 function selectQuestionFromDashboard(dashboardDetails?: H.DashboardDetails) {
-  createTestDashboardWithEmptyCard(dashboardDetails).then(dashboard => {
+  createTestDashboardWithEmptyCard(dashboardDetails).then((dashboard) => {
     H.visitDashboard(dashboard.id);
     H.editDashboard();
     H.getDashboardCard().button("Select question").click();
@@ -1291,11 +1291,11 @@ function assertSearchResults({
   notFoundItems?: string[];
   totalFoundItemsCount?: number;
 }) {
-  foundItems.forEach(item => {
+  foundItems.forEach((item) => {
     cy.findByText(item).should("exist");
   });
 
-  notFoundItems.forEach(item => {
+  notFoundItems.forEach((item) => {
     cy.findByText(item).should("not.exist");
   });
 
@@ -1312,7 +1312,7 @@ function assertSearchResults({
 }
 
 function testCardSearchForNormalUser({ tabs }: { tabs: string[] }) {
-  tabs.forEach(tab => {
+  tabs.forEach((tab) => {
     cy.log("root collection - automatically selected");
     H.entityPickerModal().within(() => {
       H.entityPickerModalTab(tab).click();
@@ -1411,7 +1411,7 @@ function testCardSearchForInaccessibleRootCollection({
   tabs: string[];
   isRootSelected: boolean;
 }) {
-  tabs.forEach(tab => {
+  tabs.forEach((tab) => {
     if (isRootSelected) {
       cy.log("inaccessible root collection - automatically selected");
       H.entityPickerModal().within(() => {
@@ -1507,7 +1507,7 @@ function testCardSearchForInaccessibleRootCollection({
 }
 
 function testCardSearchForAllPersonalCollections({ tabs }: { tabs: string[] }) {
-  tabs.forEach(tab => {
+  tabs.forEach((tab) => {
     H.entityPickerModal().within(() => {
       H.entityPickerModalTab(tab).click();
       cy.findByText("All personal collections").click();
diff --git a/e2e/test/scenarios/organization/official-collections.cy.spec.js b/e2e/test/scenarios/organization/official-collections.cy.spec.js
index 196085fc96a..7e7ddf132ac 100644
--- a/e2e/test/scenarios/organization/official-collections.cy.spec.js
+++ b/e2e/test/scenarios/organization/official-collections.cy.spec.js
@@ -40,7 +40,7 @@ describe("official collections", () => {
       cy.visit("/collection/root");
 
       startNewCollectionCreation();
-      cy.findByTestId("new-collection-modal").then(modal => {
+      cy.findByTestId("new-collection-modal").then((modal) => {
         assertNoCollectionTypeInput();
         cy.findByLabelText("Close").click();
       });
@@ -85,7 +85,7 @@ describe("official collections", () => {
       openCollection("First collection");
 
       startNewCollectionCreation();
-      cy.findByTestId("new-collection-modal").then(modal => {
+      cy.findByTestId("new-collection-modal").then((modal) => {
         assertNoCollectionTypeInput();
         cy.findByLabelText("Close").click();
       });
@@ -108,7 +108,7 @@ describe("official collections", () => {
       H.popover().findByText("Make collection official").should("exist");
 
       startNewCollectionCreation();
-      cy.findByTestId("new-collection-modal").then(modal => {
+      cy.findByTestId("new-collection-modal").then((modal) => {
         assertHasCollectionTypeInput();
         cy.findByPlaceholderText("My new fantastic collection").type(
           "Personal collection child",
@@ -125,7 +125,7 @@ describe("official collections", () => {
       H.popover().findByText("Make collection official").should("exist");
 
       startNewCollectionCreation();
-      cy.findByTestId("new-collection-modal").then(modal => {
+      cy.findByTestId("new-collection-modal").then((modal) => {
         assertHasCollectionTypeInput();
         cy.findByLabelText("Close").click();
       });
@@ -149,7 +149,7 @@ function testOfficialBadgePresence(expectBadge = true) {
   H.createCollection({
     name: COLLECTION_NAME,
     authority_level: "official",
-  }).then(response => {
+  }).then((response) => {
     const { id: collectionId } = response.body;
     H.createQuestion({
       name: "Official Question",
@@ -209,7 +209,7 @@ function testOfficialQuestionBadgeInRegularDashboard(expectBadge = true) {
   H.createCollection({
     name: COLLECTION_NAME,
     authority_level: "official",
-  }).then(response => {
+  }).then((response) => {
     const { id: collectionId } = response.body;
     H.createQuestionAndDashboard({
       questionDetails: {
@@ -237,7 +237,7 @@ function openCollection(collectionName) {
 
 function createAndOpenOfficialCollection({ name }) {
   startNewCollectionCreation();
-  cy.findByTestId("new-collection-modal").then(modal => {
+  cy.findByTestId("new-collection-modal").then((modal) => {
     cy.findByPlaceholderText("My new fantastic collection").type(name);
     cy.findByText("Official").click();
     cy.findByText("Create").click();
diff --git a/e2e/test/scenarios/organization/timelines-collection.cy.spec.js b/e2e/test/scenarios/organization/timelines-collection.cy.spec.js
index 1fc21e7968c..bed11b6416d 100644
--- a/e2e/test/scenarios/organization/timelines-collection.cy.spec.js
+++ b/e2e/test/scenarios/organization/timelines-collection.cy.spec.js
@@ -730,11 +730,11 @@ H.describeWithSnowplow("scenarios > collections > timelines", () => {
   });
 });
 
-const openMenu = name => {
+const openMenu = (name) => {
   return cy.findByText(name).parent().parent().icon("ellipsis").click();
 };
 
-const setFormattingSettings = settings => {
+const setFormattingSettings = (settings) => {
   cy.request("PUT", "api/setting/custom-formatting", {
     value: settings,
   });
diff --git a/e2e/test/scenarios/permissions/admin-permissions.cy.spec.js b/e2e/test/scenarios/permissions/admin-permissions.cy.spec.js
index 27fcdf0103c..ced50233ce8 100644
--- a/e2e/test/scenarios/permissions/admin-permissions.cy.spec.js
+++ b/e2e/test/scenarios/permissions/admin-permissions.cy.spec.js
@@ -55,7 +55,7 @@ describe("scenarios > admin > permissions", { tags: "@OSS" }, () => {
     cy.findAllByRole("option").contains("Query builder and native").click();
 
     // stub out the PUT and save
-    cy.intercept("PUT", "/api/permissions/graph", req => {
+    cy.intercept("PUT", "/api/permissions/graph", (req) => {
       req.reply(500, "Server error");
     });
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
@@ -390,7 +390,7 @@ describe("scenarios > admin > permissions", { tags: "@OSS" }, () => {
           "Query builder and native",
         );
 
-        cy.get("@graph").then(data => {
+        cy.get("@graph").then((data) => {
           cy.request("PUT", "/api/permissions/graph", {
             groups: {},
             revision: data.response.body.revision,
@@ -416,7 +416,7 @@ describe("scenarios > admin > permissions", { tags: "@OSS" }, () => {
           "Query builder and native",
         );
 
-        cy.get("@graph").then(data => {
+        cy.get("@graph").then((data) => {
           cy.request("PUT", "/api/permissions/graph", {
             groups: {},
             revision: data.response.body.revision,
@@ -585,8 +585,8 @@ describe("scenarios > admin > permissions", () => {
     };
 
     // When the app calls for session properties, give them a modified API response
-    cy.intercept("/api/session/properties", req => {
-      req.continue(res => {
+    cy.intercept("/api/session/properties", (req) => {
+      req.continue((res) => {
         res.body = { ...res.body, ...tempState };
       });
     }).as("sessionProps");
@@ -636,8 +636,8 @@ describe("scenarios > admin > permissions", () => {
     };
 
     // When the app calls for session properties, give them a modified API response
-    cy.intercept("/api/session/properties", req => {
-      req.continue(res => {
+    cy.intercept("/api/session/properties", (req) => {
+      req.continue((res) => {
         res.body = { ...res.body, ...tempState };
       });
     }).as("sessionProps");
@@ -693,7 +693,7 @@ describe("scenarios > admin > permissions", () => {
         cy.button("Yes").click();
       });
 
-      cy.wait("@updateGraph").then(interception => {
+      cy.wait("@updateGraph").then((interception) => {
         const requestGroupIds = Object.keys(interception.request.body.groups);
         const responseGroupIds = Object.keys(interception.response.body.groups);
         expect(requestGroupIds).to.deep.equal(responseGroupIds);
@@ -727,7 +727,7 @@ describe("scenarios > admin > permissions", () => {
         cy.button("Yes").click();
       });
 
-      cy.wait("@updateGraph").then(interception => {
+      cy.wait("@updateGraph").then((interception) => {
         cy.log("should skip graph in request and response");
         expect(interception.response.body).to.not.haveOwnProperty("groups");
       });
@@ -746,7 +746,7 @@ describe("scenarios > admin > permissions", () => {
         cy.button("Yes").click();
       });
 
-      cy.wait("@updateGraph").then(interception => {
+      cy.wait("@updateGraph").then((interception) => {
         cy.log("should not send previously saved edits");
         expect(interception.request.body.groups).to.not.haveOwnProperty(
           USER_GROUPS.ALL_USERS_GROUP,
diff --git a/e2e/test/scenarios/permissions/download-permissions.cy.spec.js b/e2e/test/scenarios/permissions/download-permissions.cy.spec.js
index d1f9790b837..ba47181315b 100644
--- a/e2e/test/scenarios/permissions/download-permissions.cy.spec.js
+++ b/e2e/test/scenarios/permissions/download-permissions.cy.spec.js
@@ -178,7 +178,7 @@ describe("scenarios > admin > permissions > data > downloads", () => {
     it("lets user download results from native queries", () => {
       cy.signInAsNormalUser();
 
-      cy.get("@nativeQuestionId").then(id => {
+      cy.get("@nativeQuestionId").then((id) => {
         H.visitQuestion(id);
 
         H.downloadAndAssert(
@@ -212,7 +212,7 @@ describe("scenarios > admin > permissions > data > downloads", () => {
 
       cy.signInAsNormalUser();
 
-      cy.get("@nativeQuestionId").then(id => {
+      cy.get("@nativeQuestionId").then((id) => {
         H.visitQuestion(id);
 
         cy.findByText("Showing first 2,000 rows");
@@ -240,7 +240,7 @@ describe("scenarios > admin > permissions > data > downloads", () => {
 
       cy.signInAsNormalUser();
 
-      cy.get("@nativeQuestionId").then(id => {
+      cy.get("@nativeQuestionId").then((id) => {
         H.visitQuestion(id);
 
         H.downloadAndAssert(
diff --git a/e2e/test/scenarios/permissions/permissions-reproductions.cy.spec.js b/e2e/test/scenarios/permissions/permissions-reproductions.cy.spec.js
index 765264ba037..7175e27867f 100644
--- a/e2e/test/scenarios/permissions/permissions-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/permissions/permissions-reproductions.cy.spec.js
@@ -56,7 +56,7 @@ describe.skip("issue 13347", { tags: "@external" }, () => {
     );
   });
 
-  ["QB", "Native"].forEach(test => {
+  ["QB", "Native"].forEach((test) => {
     it(`${test.toUpperCase()} version:\n should be able to select question (from "Saved Questions") which belongs to the database user doesn't have data-permissions for (metabase#13347)`, () => {
       cy.signIn("none");
 
@@ -196,7 +196,7 @@ describe("issue 19603", () => {
 
     // Archive second collection (nested under the first one)
     cy.request("GET", "/api/collection/").then(({ body }) => {
-      const { id } = body.find(c => c.slug === "second_collection");
+      const { id } = body.find((c) => c.slug === "second_collection");
 
       H.archiveCollection(id);
     });
@@ -491,7 +491,7 @@ describe("issue 22727", () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("Save").click();
 
-    cy.findByTestId("save-question-modal").then(modal => {
+    cy.findByTestId("save-question-modal").then((modal) => {
       // This part reproduces https://github.com/metabase/metabase/issues/20717
       cy.findByText(/^Replace original qeustion/).should("not.exist");
 
@@ -655,7 +655,7 @@ describe("issue 24966", () => {
     cy.findByLabelText("Widget").click();
     cy.button("Add filter").click();
     cy.location("search").should("eq", "?text=Widget");
-    cy.get("@dashcardId").then(id => {
+    cy.get("@dashcardId").then((id) => {
       H.assertDatasetReqIsSandboxed({ requestAlias: `@dashcardQuery${id}` });
     });
   });
diff --git a/e2e/test/scenarios/permissions/permissions-reproductions.cy.spec.ts b/e2e/test/scenarios/permissions/permissions-reproductions.cy.spec.ts
index a8d2c860608..60cea091512 100644
--- a/e2e/test/scenarios/permissions/permissions-reproductions.cy.spec.ts
+++ b/e2e/test/scenarios/permissions/permissions-reproductions.cy.spec.ts
@@ -80,7 +80,7 @@ describe("issue 11994", () => {
 
   it("does not offer to save combo question viewed in raw mode (metabase#11994)", () => {
     H.visitQuestion("@comboQuestionId");
-    cy.location().then(questionLocation => {
+    cy.location().then((questionLocation) => {
       cy.icon("table2").click();
       cy.location("href").should("eq", questionLocation.href);
     });
@@ -96,7 +96,7 @@ describe("issue 39221", () => {
     H.restore();
   });
 
-  ["admin", "normal"].forEach(user => {
+  ["admin", "normal"].forEach((user) => {
     it(`${user.toUpperCase()}: updating user-specific setting should not result in fetching all site settings (metabase#39221)`, () => {
       cy.signOut();
       cy.signIn(user as "admin" | "normal");
diff --git a/e2e/test/scenarios/permissions/sandboxing/helpers/e2e-sandboxing-helpers.ts b/e2e/test/scenarios/permissions/sandboxing/helpers/e2e-sandboxing-helpers.ts
index dc5b9161eb7..2e6b8626508 100644
--- a/e2e/test/scenarios/permissions/sandboxing/helpers/e2e-sandboxing-helpers.ts
+++ b/e2e/test/scenarios/permissions/sandboxing/helpers/e2e-sandboxing-helpers.ts
@@ -180,7 +180,7 @@ function addCustomColumnsToQuestion() {
  * all of them reside in a single collection
  */
 export const createSandboxingDashboardAndQuestions = () => {
-  customViews.forEach(view => H.createQuestion(view));
+  customViews.forEach((view) => H.createQuestion(view));
 
   H.createCollection({ name: "Sandboxing", alias: "sandboxingCollectionId" });
 
@@ -188,14 +188,14 @@ export const createSandboxingDashboardAndQuestions = () => {
     H.createDashboardWithQuestions({
       dashboardName: "Dashboard with sandboxable questions",
       dashboardDetails: { collection_id: collectionId },
-      questions: questionData.map(questionDetails => ({
+      questions: questionData.map((questionDetails) => ({
         ...questionDetails,
         collection_id: collectionId,
       })),
     }).then(({ dashboard, questions }) => {
       cy.log("Add question based on saved question");
       const savedQuestionId = questions.find(
-        q => q.name === savedQuestion.name,
+        (q) => q.name === savedQuestion.name,
       )?.id;
       H.createQuestionAndAddToDashboard(
         {
@@ -210,7 +210,7 @@ export const createSandboxingDashboardAndQuestions = () => {
       );
 
       cy.log("Add question based on model");
-      const modelId = questions.find(q => q.name === model.name)?.id;
+      const modelId = questions.find((q) => q.name === model.name)?.id;
       H.createQuestionAndAddToDashboard(
         {
           name: "Question based on model",
@@ -303,20 +303,20 @@ export const assignAttributeToUser = ({
   attributeValue: string;
 }) => {
   cy.request("GET", "/api/user")
-    .then(response => {
+    .then((response) => {
       const userData = response.body.data.find(
         (u: { email: string }) => u.email === user.email,
       );
       return userData.id;
     })
-    .then(userId => {
+    .then((userId) => {
       return cy.request("GET", `/api/user/${userId}`);
     })
-    .then(response => {
+    .then((response) => {
       const user = response.body;
       return user;
     })
-    .then(user => {
+    .then((user) => {
       cy.request("PUT", `/api/user/${user.id}`, {
         ...user,
         login_attributes: {
@@ -381,7 +381,7 @@ export const configureSandboxPolicy = (policy: SandboxPolicy) => {
   cy.log("Ensure the summary contains the correct text");
   cy.findByLabelText(/Summary/)
     .invoke("text")
-    .should(summary => {
+    .should((summary) => {
       expect(summary).to.contain("Users in data can view");
       if (filterColumn) {
         expect(summary).to.contain(`${filterColumn} field equals`);
@@ -400,7 +400,7 @@ const getQuestionDescription = (
 ) => {
   // Extract the card ID from the response URL
   const cardId = Number(response?.url?.match(/\/card\/(\d+)/)?.[1]);
-  const questionName = (questions.find(q => q.id === cardId) as any)?.name as
+  const questionName = (questions.find((q) => q.id === cardId) as any)?.name as
     | string
     | undefined;
   const query = JSON.stringify(response.body.json_query.query);
@@ -416,7 +416,7 @@ export function rowsShouldContainGizmosAndWidgets({
   questions: CollectionItem[];
 }) {
   expect(responses.length).to.equal(questions.length);
-  responses.forEach(response => {
+  responses.forEach((response) => {
     const { questionDesc } = getQuestionDescription(response, questions);
     expect(
       JSON.stringify(response.body),
@@ -428,13 +428,13 @@ export function rowsShouldContainGizmosAndWidgets({
     ).to.be.false;
     const rows = response.body.data.rows;
     expect(
-      rows.some(row => row.includes("Gizmo")),
+      rows.some((row) => row.includes("Gizmo")),
       `Results include at least one Gizmo in ${questionDesc}`,
     ).to.be.true;
 
     expect(
       rows.some(
-        row =>
+        (row) =>
           row.includes("Widget") ||
           row.includes("Gadget") ||
           row.includes("Doohickey"),
@@ -457,7 +457,7 @@ export function rowsShouldContainOnlyOneCategory({
 }) {
   expect(responses.length).to.equal(questions.length);
 
-  responses.forEach(response => {
+  responses.forEach((response) => {
     const { questionDesc } = getQuestionDescription(response, questions);
     cy.log(`Results contain only ${productCategory}s in: ${questionDesc}`);
     expect(response?.body.data.is_sandboxed).to.be.true;
@@ -466,7 +466,7 @@ export function rowsShouldContainOnlyOneCategory({
 
     expect(
       rows.every(
-        row =>
+        (row) =>
           row.includes(productCategory) ||
           // With implicit joins, some rows might have a null product
           row[0] === null,
@@ -474,10 +474,10 @@ export function rowsShouldContainOnlyOneCategory({
       `Every result should have have a ${productCategory} in: ${questionDesc}`,
     ).to.be.true;
     productCategories
-      .filter(category => category !== productCategory)
-      .forEach(otherCategory => {
+      .filter((category) => category !== productCategory)
+      .forEach((otherCategory) => {
         expect(
-          !rows.some(row => row.includes(otherCategory)),
+          !rows.some((row) => row.includes(otherCategory)),
           `No results should have ${otherCategory}s in: ${questionDesc}`,
         ).to.be.true;
       });
@@ -487,7 +487,7 @@ export function rowsShouldContainOnlyOneCategory({
 export const valuesShouldContainGizmosAndWidgets = (
   valuesArray: (FieldValue | ParameterValue)[],
 ) => {
-  const values = valuesArray.map(val => val[0]);
+  const values = valuesArray.map((val) => val[0]);
   expect(values).to.contain("Gizmo");
   expect(values).to.contain("Widget");
 };
@@ -496,7 +496,7 @@ export const valuesShouldContainOnlyOneCategory = (
   valuesArray: (FieldValue | ParameterValue)[],
   productCategory: (typeof productCategories)[number],
 ) => {
-  const values = valuesArray.map(val => val[0]);
+  const values = valuesArray.map((val) => val[0]);
   expect(values).to.deep.equal([productCategory]);
 };
 
@@ -509,9 +509,9 @@ export const getDashcardResponses = (
   expect(questions.length).to.be.greaterThan(0);
   return cy
     .wait(new Array(questions.length).fill("@dashcardQuery"))
-    .then(interceptions => {
+    .then((interceptions) => {
       const responses = interceptions.map(
-        i => i.response as unknown as DashcardQueryResponse,
+        (i) => i.response as unknown as DashcardQueryResponse,
       );
       return { questions, responses };
     });
@@ -520,10 +520,10 @@ export const getDashcardResponses = (
 export const getCardResponses = (questions: CollectionItem[]) => {
   expect(questions.length).to.be.greaterThan(0);
   return H.cypressWaitAll(
-    questions.map(question =>
+    questions.map((question) =>
       cy.request<DatasetResponse>("POST", `/api/card/${question.id}/query`),
     ),
-  ).then(responses => {
+  ).then((responses) => {
     return { responses: responses, questions: questions };
   }) as Cypress.Chainable<{
     responses: DatasetResponse[];
@@ -568,11 +568,11 @@ export const assertNoResultsOrValuesAreSandboxed = (
     }),
   );
 
-  getFieldValuesForProductCategories().then(response =>
+  getFieldValuesForProductCategories().then((response) =>
     valuesShouldContainGizmosAndWidgets(response.body.values),
   );
 
-  getParameterValuesForProductCategories().then(response =>
+  getParameterValuesForProductCategories().then((response) =>
     valuesShouldContainGizmosAndWidgets(response.body.values),
   );
 };
@@ -584,10 +584,10 @@ export const assertAllResultsAndValuesAreSandboxed = (
 ) => {
   checkNotNull(dashboard);
 
-  getDashcardResponses(dashboard, questions).then(data =>
+  getDashcardResponses(dashboard, questions).then((data) =>
     rowsShouldContainOnlyOneCategory({ ...data, productCategory }),
   );
-  getCardResponses(questions).then(data =>
+  getCardResponses(questions).then((data) =>
     rowsShouldContainOnlyOneCategory({ ...data, productCategory }),
   );
   H.visitQuestionAdhoc(adhocQuestionData).then(({ response }) =>
@@ -598,10 +598,10 @@ export const assertAllResultsAndValuesAreSandboxed = (
     }),
   );
 
-  getFieldValuesForProductCategories().then(response =>
+  getFieldValuesForProductCategories().then((response) =>
     valuesShouldContainOnlyOneCategory(response.body.values, productCategory),
   );
-  getParameterValuesForProductCategories().then(response =>
+  getParameterValuesForProductCategories().then((response) =>
     valuesShouldContainOnlyOneCategory(response.body.values, productCategory),
   );
 };
diff --git a/e2e/test/scenarios/permissions/sandboxing/sandboxing-via-api.cy.spec.js b/e2e/test/scenarios/permissions/sandboxing/sandboxing-via-api.cy.spec.js
index 7dc30b66ed7..c557c4d9c42 100644
--- a/e2e/test/scenarios/permissions/sandboxing/sandboxing-via-api.cy.spec.js
+++ b/e2e/test/scenarios/permissions/sandboxing/sandboxing-via-api.cy.spec.js
@@ -187,7 +187,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
 
     function verifyCategoryList(visibleCategories) {
       H.popover().within(() => {
-        allCategories.forEach(value => {
+        allCategories.forEach((value) => {
           if (visibleCategories.includes(value)) {
             cy.findByText(value).should("be.visible");
           } else {
@@ -443,7 +443,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
       });
     });
 
-    ["remapped", "default"].forEach(test => {
+    ["remapped", "default"].forEach((test) => {
       it(`${test.toUpperCase()} version:\n drill-through should work on implicit joined tables with sandboxes (metabase#13641)`, () => {
         const QUESTION_NAME = "13641";
 
@@ -520,7 +520,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
         cy.findByText("See these Orders").click();
 
         cy.log("Reported failing on v1.37.0.2");
-        cy.wait("@dataset").then(xhr => {
+        cy.wait("@dataset").then((xhr) => {
           expect(xhr.response.body.error).not.to.exist;
         });
         // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
@@ -673,7 +673,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
         cy.signInAsSandboxedUser();
 
         H.openOrdersTable({
-          callback: xhr => expect(xhr.response.body.error).not.to.exist,
+          callback: (xhr) => expect(xhr.response.body.error).not.to.exist,
         });
 
         cy.wait("@datasetQuery");
@@ -808,7 +808,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
         cy.signOut();
         cy.signInAsSandboxedUser();
         H.openOrdersTable({
-          callback: xhr => expect(xhr.response.body.error).not.to.exist,
+          callback: (xhr) => expect(xhr.response.body.error).not.to.exist,
         });
         H.assertQueryBuilderRowCount(11); // test that user is sandboxed - normal users has over 2000 rows
         H.assertDatasetReqIsSandboxed({
@@ -828,7 +828,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
       });
     });
 
-    ["remapped", "default"].forEach(test => {
+    ["remapped", "default"].forEach((test) => {
       it(`${test.toUpperCase()} version:\n should work on questions with joins, with sandboxed target table, where target fields cannot be filtered (metabase#13642)`, () => {
         const QUESTION_NAME = "13642";
         const PRODUCTS_ALIAS = "Products";
@@ -902,7 +902,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
         // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
         cy.findByText("See these Orders").click();
 
-        cy.wait("@dataset").then(xhr => {
+        cy.wait("@dataset").then((xhr) => {
           expect(xhr.response.body.error).not.to.exist;
         });
         // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
@@ -970,7 +970,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText(/Products? → ID/).click();
 
-      H.visualize(response => {
+      H.visualize((response) => {
         expect(response.body.error).to.not.exist;
       });
 
@@ -1137,7 +1137,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
       cy.signInAsSandboxedUser();
 
       H.openOrdersTable({
-        callback: xhr => expect(xhr.response.body.error).not.to.exist,
+        callback: (xhr) => expect(xhr.response.body.error).not.to.exist,
       });
 
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
@@ -1191,7 +1191,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
       cy.signInAsSandboxedUser();
 
       H.openReviewsTable({
-        callback: xhr => expect(xhr.response.body.error).not.to.exist,
+        callback: (xhr) => expect(xhr.response.body.error).not.to.exist,
       });
       H.assertQueryBuilderRowCount(57); // test that user is sandboxed - normal users has 1,112 rows
       H.assertDatasetReqIsSandboxed();
@@ -1234,7 +1234,7 @@ describe("admin > permissions > sandboxes (tested via the API)", () => {
           .findByPlaceholderText("Enter user names or email addresses")
           .click();
         H.popover().findByText("User 1").click();
-        H.sendEmailAndAssert(email => {
+        H.sendEmailAndAssert((email) => {
           expect(email.html).to.include("Orders in a dashboard");
           expect(email.html).to.include("37.65");
           expect(email.html).not.to.include("148.23"); // Order for user with ID 3
diff --git a/e2e/test/scenarios/permissions/sandboxing/sandboxing-via-ui.cy.spec.ts b/e2e/test/scenarios/permissions/sandboxing/sandboxing-via-ui.cy.spec.ts
index a085d087995..b9e0bff8358 100644
--- a/e2e/test/scenarios/permissions/sandboxing/sandboxing-via-ui.cy.spec.ts
+++ b/e2e/test/scenarios/permissions/sandboxing/sandboxing-via-ui.cy.spec.ts
@@ -46,7 +46,7 @@ describe(
       cy.signInAsAdmin();
       H.setTokenFeatures("all");
       preparePermissions();
-      createSandboxingDashboardAndQuestions().then(result => {
+      createSandboxingDashboardAndQuestions().then((result) => {
         const { data } = result.body;
         for (const item of data) {
           if (/Dashboard/i.test(item.name)) {
@@ -188,18 +188,18 @@ describe(
           cy.log("Should not return any data, and return an error");
           cy.wait(
             new Array(sandboxableQuestions.length).fill("@dashcardQuery"),
-          ).then(interceptions => {
+          ).then((interceptions) => {
             interceptions.forEach(({ response }) => {
               expect(response?.body.data.rows).to.have.length(0);
               expect(response?.body.error_type).to.contain("invalid-query");
             });
           });
 
-          getFieldValuesForProductCategories().then(response => {
+          getFieldValuesForProductCategories().then((response) => {
             expect(response.body.values).to.have.length(0);
           });
 
-          getParameterValuesForProductCategories().then(response => {
+          getParameterValuesForProductCategories().then((response) => {
             expect(response.body.values).to.have.length(0);
           });
         });
@@ -275,7 +275,7 @@ describe(
           },
         };
 
-        Object.values(users).forEach(user =>
+        Object.values(users).forEach((user) =>
           // @ts-expect-error - this isn't typed yet
           cy.createUserFromRawData(user),
         );
diff --git a/e2e/test/scenarios/permissions/view-data.cy.spec.js b/e2e/test/scenarios/permissions/view-data.cy.spec.js
index a463fbd1fda..9e9086f90e3 100644
--- a/e2e/test/scenarios/permissions/view-data.cy.spec.js
+++ b/e2e/test/scenarios/permissions/view-data.cy.spec.js
@@ -293,7 +293,7 @@ describe(
           "People",
           "Products",
           "Reviews",
-        ].map(tableName => [
+        ].map((tableName) => [
           tableName,
           "Impersonated",
           "No",
@@ -374,7 +374,7 @@ describe(
           "People",
           "Products",
           "Reviews",
-        ].map(tableName => [
+        ].map((tableName) => [
           tableName,
           "Can view",
           "No",
diff --git a/e2e/test/scenarios/question-reproductions/reproductions-1.cy.spec.js b/e2e/test/scenarios/question-reproductions/reproductions-1.cy.spec.js
index b94131a4ca8..46eb71b1f18 100644
--- a/e2e/test/scenarios/question-reproductions/reproductions-1.cy.spec.js
+++ b/e2e/test/scenarios/question-reproductions/reproductions-1.cy.spec.js
@@ -240,7 +240,7 @@ describe("postgres > user > query", { tags: "@external" }, () => {
     cy.signInAsAdmin();
     cy.request(`/api/database/${WRITABLE_DB_ID}/schema/public`).then(
       ({ body }) => {
-        const tableId = body.find(table => table.name === "orders").id;
+        const tableId = body.find((table) => table.name === "orders").id;
         H.openTable({
           database: WRITABLE_DB_ID,
           table: tableId,
@@ -297,7 +297,7 @@ describe("postgres > question > custom columns", { tags: "@external" }, () => {
 
     cy.request(`/api/database/${WRITABLE_DB_ID}/schema/public`).then(
       ({ body }) => {
-        const tableId = body.find(table => table.name === "orders").id;
+        const tableId = body.find((table) => table.name === "orders").id;
         H.openTable({
           database: WRITABLE_DB_ID,
           table: tableId,
@@ -574,7 +574,7 @@ describe("issue 17514", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText("Save").click();
 
-      cy.findByTestId("save-question-modal").within(modal => {
+      cy.findByTestId("save-question-modal").within((modal) => {
         cy.findByText("Save").click();
       });
 
@@ -661,7 +661,7 @@ describe("issue 17910", () => {
     cy.intercept("POST", "/api/card").as("card");
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
     cy.wait("@card");
@@ -690,7 +690,7 @@ describe("issue 17963", { tags: "@mongo" }, () => {
     cy.signInAsAdmin();
 
     cy.request(`/api/database/${WRITABLE_DB_ID}/schema/`).then(({ body }) => {
-      const tableId = body.find(table => table.name === "orders").id;
+      const tableId = body.find((table) => table.name === "orders").id;
       H.openTable({
         database: WRITABLE_DB_ID,
         table: tableId,
@@ -967,10 +967,10 @@ describe("issue 19341", () => {
       );
       cy.findByTestId("loading-indicator").should("not.exist");
 
-      cy.findAllByTestId("result-item").then($result => {
+      cy.findAllByTestId("result-item").then(($result) => {
         const searchResults = $result.toArray();
         const modelTypes = new Set(
-          searchResults.map(k => k.getAttribute("data-model-type")),
+          searchResults.map((k) => k.getAttribute("data-model-type")),
         );
 
         expect(modelTypes).not.to.include("card");
@@ -1144,7 +1144,7 @@ const createQ1PlusQ2Question = (questionId1, questionId2) => {
 
 const assertQ1PlusQ2Joins = () => {
   H.getNotebookStep("join").within(() => {
-    cy.findAllByTestId("notebook-cell-item").then(items => {
+    cy.findAllByTestId("notebook-cell-item").then((items) => {
       cy.wrap(items[0]).should("contain", QUESTION_1.name);
       cy.wrap(items[1]).should("contain", QUESTION_2.name);
     });
@@ -1279,7 +1279,7 @@ describe("issue 20809", () => {
 
     cy.button("Done").click();
 
-    H.visualize(response => {
+    H.visualize((response) => {
       expect(response.body.error).to.not.exist;
     });
 
diff --git a/e2e/test/scenarios/question-reproductions/reproductions-2.cy.spec.js b/e2e/test/scenarios/question-reproductions/reproductions-2.cy.spec.js
index 87ca726ee74..83179c62508 100644
--- a/e2e/test/scenarios/question-reproductions/reproductions-2.cy.spec.js
+++ b/e2e/test/scenarios/question-reproductions/reproductions-2.cy.spec.js
@@ -485,14 +485,14 @@ describe("issue 30165", () => {
 
     H.NativeEditor.focus().type(" WHERE TOTAL < 20");
     H.queryBuilderHeader().findByText("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
     cy.wait("@updateQuestion");
 
     H.NativeEditor.focus().type(" LIMIT 10");
     H.queryBuilderHeader().findByText("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
     cy.wait("@updateQuestion");
@@ -665,7 +665,7 @@ describe("issue 43216", () => {
 
 function updateQuestion() {
   H.queryBuilderHeader().findByText("Save").click();
-  cy.findByTestId("save-question-modal").within(modal => {
+  cy.findByTestId("save-question-modal").within((modal) => {
     cy.findByText("Save").click();
   });
 }
diff --git a/e2e/test/scenarios/question-reproductions/reproductions-3.cy.spec.js b/e2e/test/scenarios/question-reproductions/reproductions-3.cy.spec.js
index e85b4e302ad..636860ba48d 100644
--- a/e2e/test/scenarios/question-reproductions/reproductions-3.cy.spec.js
+++ b/e2e/test/scenarios/question-reproductions/reproductions-3.cy.spec.js
@@ -154,7 +154,7 @@ describe("issue 34414", () => {
   });
 
   it("populate field values after re-adding filter on virtual table field (metabase#34414)", () => {
-    H.createQuestion(INVOICE_MODEL_DETAILS).then(response => {
+    H.createQuestion(INVOICE_MODEL_DETAILS).then((response) => {
       const modelId = response.body.id;
 
       H.visitQuestionAdhoc({
@@ -548,7 +548,7 @@ describe(
 
       cy.intercept("POST", "/api/dataset").as("dataset");
       cy.request(`/api/database/${WRITABLE_DB_ID}/schema/`).then(({ body }) => {
-        const tableId = body.find(table => table.name === "orders").id;
+        const tableId = body.find((table) => table.name === "orders").id;
         H.openTable({
           database: WRITABLE_DB_ID,
           table: tableId,
@@ -562,7 +562,7 @@ describe(
       H.tableInteractiveBody()
         .findAllByRole("gridcell")
         .first()
-        .then($cell => {
+        .then(($cell) => {
           // Ids are non-deterministic so we have to obtain the id from the cell, and store its value.
           const id = $cell.text();
 
@@ -700,7 +700,7 @@ describe("issue 42957", () => {
       },
     );
 
-    cy.get("@collectionId").then(collectionId => {
+    cy.get("@collectionId").then((collectionId) => {
       H.createQuestion({
         name: "Question",
         type: "question",
@@ -978,7 +978,7 @@ describe("issue 44415", () => {
   });
 
   it("should be able to edit a table question in the notebook editor before running its query (metabase#44415)", () => {
-    cy.get("@questionId").then(questionId =>
+    cy.get("@questionId").then((questionId) =>
       cy.visit(`/question/${questionId}/notebook`),
     );
 
@@ -993,7 +993,7 @@ describe("issue 44415", () => {
     H.visualize();
 
     cy.findByTestId("qb-filters-panel").should("not.exist");
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       cy.url().should("not.include", `/question/${questionId}`);
       cy.url().should("include", "question#");
     });
@@ -1519,7 +1519,7 @@ describe("issue 44668", () => {
       cy.findByText("Count").should("be.visible"); // y-axis
 
       // x-axis values
-      ["AK", "AL", "AR", "AZ", "CA"].forEach(state => {
+      ["AK", "AL", "AR", "AZ", "CA"].forEach((state) => {
         cy.findByText(state).should("be.visible");
       });
     });
@@ -1553,7 +1553,7 @@ describe("issue 44668", () => {
     H.queryBuilderMain()
       .findByLabelText("Legend")
       .within(() => {
-        ["68", "56", "49", "20", "90"].forEach(value => {
+        ["68", "56", "49", "20", "90"].forEach((value) => {
           cy.findByText(`abc_${value}`).should("exist");
         });
       });
@@ -1755,7 +1755,7 @@ describe("issue 45063", { tags: "@flaky" }, () => {
       cy.log("populate result_metadata");
       cy.request("POST", `/api/card/${model.id}/query`);
       cy.log("map columns to database fields");
-      H.setModelMetadata(model.id, field => {
+      H.setModelMetadata(model.id, (field) => {
         if (field.name === fieldName) {
           return { ...field, id: fieldId, semantic_type: fieldSemanticType };
         }
@@ -1976,8 +1976,8 @@ describe("issue 41464", () => {
         url: "/api/dataset",
         middleware: true,
       },
-      req => {
-        req.on("response", res => {
+      (req) => {
+        req.on("response", (res) => {
           // Throttle the response to 50kbps
           res.setThrottle(50);
         });
@@ -2024,8 +2024,8 @@ describe.skip("issue 45359", () => {
     });
 
     cy.document()
-      .then(document => document.fonts.ready)
-      .then(fonts => {
+      .then((document) => document.fonts.ready)
+      .then((fonts) => {
         cy.wrap(fonts).invoke("check", "16px Lato").should("be.true");
       });
   });
@@ -2041,18 +2041,18 @@ describe("issue 45452", () => {
     H.openOrdersTable();
     H.summarize();
 
-    cy.findByTestId("summarize-aggregation-item-list").then($el => {
+    cy.findByTestId("summarize-aggregation-item-list").then(($el) => {
       const element = $el[0];
       expectNoScrollbarContainer(element);
     });
 
-    cy.findByTestId("summarize-breakout-column-list").then($el => {
+    cy.findByTestId("summarize-breakout-column-list").then(($el) => {
       const element = $el[0];
       expectNoScrollbarContainer(element);
     });
 
     // the sidebar is the only element with a scrollbar
-    cy.findByTestId("sidebar-content").then($el => {
+    cy.findByTestId("sidebar-content").then(($el) => {
       const element = $el[0];
       expect(element.scrollHeight > element.clientHeight).to.be.true;
       expect(element.offsetWidth > element.clientWidth).to.be.true;
@@ -2094,7 +2094,7 @@ describe("issue 41612", () => {
     H.queryBuilderHeader().button("Save").click();
     H.modal().button("Save").click();
 
-    cy.wait("@createQuestion").then(xhr => {
+    cy.wait("@createQuestion").then((xhr) => {
       const card = xhr.request.body;
       expect(card.visualization_settings["graph.metrics"]).to.deep.equal([
         "count",
@@ -2130,7 +2130,7 @@ describe("issue 36027", () => {
     };
 
     H.createQuestion({ query: BASE_QUERY }, { wrapId: true }).then(
-      baseQuestionId => {
+      (baseQuestionId) => {
         H.createQuestion(
           {
             display: "waterfall",
@@ -2180,7 +2180,7 @@ describe("issue 36027", () => {
 
       // x-axis values
       ["January 2023", "January 2024", "January 2025", "January 2026"].forEach(
-        state => {
+        (state) => {
           cy.findByText(state).should("be.visible");
         },
       );
@@ -2195,7 +2195,7 @@ describe("issue 36027", () => {
         "15,000",
         "18,000",
         "21,000",
-      ].forEach(state => {
+      ].forEach((state) => {
         cy.findByText(state).should("be.visible");
       });
     });
@@ -2212,7 +2212,7 @@ describe("issue 12586", () => {
     H.openOrdersTable();
     H.summarize();
 
-    cy.intercept("POST", "/api/dataset", req => req.destroy());
+    cy.intercept("POST", "/api/dataset", (req) => req.destroy());
 
     H.rightSidebar().button("Done").click();
     H.main()
@@ -2360,8 +2360,8 @@ describe("issue 50038", () => {
       idAlias: "otherQuestionId",
     });
 
-    cy.get("@questionId").then(questionId => {
-      cy.get("@otherQuestionId").then(otherQuestionId => {
+    cy.get("@questionId").then((questionId) => {
+      cy.get("@otherQuestionId").then((otherQuestionId) => {
         H.createQuestion(
           {
             name: "Joined question",
@@ -2388,7 +2388,7 @@ describe("issue 50038", () => {
   });
 
   function assertEqualHeight(selector, otherSelector) {
-    selector.invoke("outerHeight").then(height => {
+    selector.invoke("outerHeight").then((height) => {
       otherSelector.invoke("outerHeight").should("eq", height);
     });
   }
diff --git a/e2e/test/scenarios/question-reproductions/reproductions.cy.spec.ts b/e2e/test/scenarios/question-reproductions/reproductions.cy.spec.ts
index fe69445c47e..88195ae2ab4 100644
--- a/e2e/test/scenarios/question-reproductions/reproductions.cy.spec.ts
+++ b/e2e/test/scenarios/question-reproductions/reproductions.cy.spec.ts
@@ -165,13 +165,13 @@ describe("issue 39487", () => {
   }
 
   function measureInitialValues() {
-    measureDatetimeFilterPickerHeight().then(initialPickerHeight => {
+    measureDatetimeFilterPickerHeight().then((initialPickerHeight) => {
       cy.wrap(initialPickerHeight).as("initialPickerHeight");
     });
-    measureNextButtonRect().then(nextButtonRect => {
+    measureNextButtonRect().then((nextButtonRect) => {
       cy.wrap(nextButtonRect).as("nextButtonRect");
     });
-    measurePreviousButtonRect().then(previousButtonRect => {
+    measurePreviousButtonRect().then((previousButtonRect) => {
       cy.wrap(previousButtonRect).as("previousButtonRect");
     });
   }
@@ -183,24 +183,24 @@ describe("issue 39487", () => {
   }
 
   function assertDatetimeFilterPickerHeightDidNotChange() {
-    cy.get("@initialPickerHeight").then(initialPickerHeight => {
-      measureDatetimeFilterPickerHeight().then(height => {
+    cy.get("@initialPickerHeight").then((initialPickerHeight) => {
+      measureDatetimeFilterPickerHeight().then((height) => {
         expect(height).to.eq(initialPickerHeight);
       });
     });
   }
 
   function assertPreviousButtonRectDidNotChange() {
-    cy.get("@previousButtonRect").then(previousButtonRect => {
-      measurePreviousButtonRect().then(rect => {
+    cy.get("@previousButtonRect").then((previousButtonRect) => {
+      measurePreviousButtonRect().then((rect) => {
         expect(rect).to.deep.eq(previousButtonRect);
       });
     });
   }
 
   function assertNextButtonRectDidNotChange() {
-    cy.get("@nextButtonRect").then(nextButtonRect => {
-      measureNextButtonRect().then(rect => {
+    cy.get("@nextButtonRect").then((nextButtonRect) => {
+      measureNextButtonRect().then((rect) => {
         expect(rect).to.deep.eq(nextButtonRect);
       });
     });
@@ -306,7 +306,7 @@ describe("issue 49270", () => {
     H.openOrdersTable();
     cy.icon("sum").click();
 
-    cy.intercept("POST", "/api/dataset", request => {
+    cy.intercept("POST", "/api/dataset", (request) => {
       request.reply({ statusCode: 500, delay: 1000 });
     });
 
@@ -357,7 +357,7 @@ describe("issue 53170", () => {
       cy.findByLabelText("Add column").click();
       H.popover().within(() => {
         cy.findByText("Combine columns").click();
-        cy.button("Done").then($button => {
+        cy.button("Done").then(($button) => {
           const buttonRight = $button[0].getBoundingClientRect().right;
           cy.window().its("innerWidth").should("be.gt", buttonRight);
         });
diff --git a/e2e/test/scenarios/question/column-compare.cy.spec.ts b/e2e/test/scenarios/question/column-compare.cy.spec.ts
index f758311efc4..ba88d5ec6b3 100644
--- a/e2e/test/scenarios/question/column-compare.cy.spec.ts
+++ b/e2e/test/scenarios/question/column-compare.cy.spec.ts
@@ -393,7 +393,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -448,7 +448,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -508,7 +508,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -574,7 +574,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -635,7 +635,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -691,7 +691,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -748,7 +748,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -811,7 +811,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -874,7 +874,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -929,7 +929,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -986,7 +986,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -1043,7 +1043,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED,
@@ -1149,7 +1149,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1211,7 +1211,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1273,7 +1273,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1344,7 +1344,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1401,7 +1401,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1459,7 +1459,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1522,7 +1522,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1586,7 +1586,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1648,7 +1648,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1706,7 +1706,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
@@ -1765,7 +1765,7 @@ describe.skip("scenarios > question", () => {
           toggleColumnPickerItems(["Value difference"]);
           H.popover().button("Done").click();
 
-          cy.get("@questionId").then(questionId => {
+          cy.get("@questionId").then((questionId) => {
             H.expectGoodSnowplowEvent({
               event: "column_compare_via_shortcut",
               custom_expressions_used: CUSTOM_EXPRESSIONS_USED_MOVING_AVERAGE,
diff --git a/e2e/test/scenarios/question/multiple-column-breakouts.cy.spec.ts b/e2e/test/scenarios/question/multiple-column-breakouts.cy.spec.ts
index dd396591650..dd8ab6089e3 100644
--- a/e2e/test/scenarios/question/multiple-column-breakouts.cy.spec.ts
+++ b/e2e/test/scenarios/question/multiple-column-breakouts.cy.spec.ts
@@ -710,7 +710,7 @@ describe("scenarios > question > multiple column breakouts", () => {
         setParametersAndAssertResults("@publicDashcardQuery");
 
         cy.log("set parameters in an embedded dashboard");
-        cy.get<number>("@dashboardId").then(dashboardId =>
+        cy.get<number>("@dashboardId").then((dashboardId) =>
           H.visitEmbeddedPage({
             resource: { dashboard: dashboardId },
             params: {},
diff --git a/e2e/test/scenarios/question/nested.cy.spec.js b/e2e/test/scenarios/question/nested.cy.spec.js
index 2bc589f9a5f..fe3034ded49 100644
--- a/e2e/test/scenarios/question/nested.cy.spec.js
+++ b/e2e/test/scenarios/question/nested.cy.spec.js
@@ -152,7 +152,7 @@ describe("scenarios > question > nested", () => {
       idAlias: "metricId",
     });
 
-    cy.get("@metricId").then(metricId => {
+    cy.get("@metricId").then((metricId) => {
       // "capture" the original query because we will need to re-use it later in a nested question as "source-query"
       const baseQuestionDetails = {
         name: "12507",
@@ -207,7 +207,7 @@ describe("scenarios > question > nested", () => {
       query: ordersJoinProductsQuery,
     };
 
-    ["default", "remapped"].forEach(scenario => {
+    ["default", "remapped"].forEach((scenario) => {
       if (scenario === "remapped") {
         cy.log("Remap Product ID's display value to `title`");
         H.remapDisplayValueToFK({
@@ -223,7 +223,7 @@ describe("scenarios > question > nested", () => {
       cy.contains("37.65");
 
       // should handle multi-level nesting
-      cy.get("@nestedQuestionId").then(id => {
+      cy.get("@nestedQuestionId").then((id) => {
         visitNestedQueryAdHoc(id);
         cy.contains("37.65");
       });
@@ -431,7 +431,7 @@ describe("scenarios > question > nested", () => {
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText(/^Sum of/).click();
       H.popover().findByText("VAL").click();
-      cy.wait("@dataset").then(xhr => {
+      cy.wait("@dataset").then((xhr) => {
         expect(xhr.response.body.error).not.to.exist;
       });
       cy.get("@consoleWarn").should(
diff --git a/e2e/test/scenarios/question/new.cy.spec.js b/e2e/test/scenarios/question/new.cy.spec.js
index fd31fd4d4db..dac0e7bc6a1 100644
--- a/e2e/test/scenarios/question/new.cy.spec.js
+++ b/e2e/test/scenarios/question/new.cy.spec.js
@@ -63,10 +63,10 @@ describe("scenarios > question > new", () => {
 
         const searchResultItems = cy.findAllByTestId("result-item");
 
-        searchResultItems.then($results => {
+        searchResultItems.then(($results) => {
           const types = $results
             .toArray()
-            .map(element => element.getAttribute("data-model-type"));
+            .map((element) => element.getAttribute("data-model-type"));
 
           // Search results include both saved questions and database tables
           expect(types).to.include("card");
@@ -326,7 +326,7 @@ describe("scenarios > question > new", () => {
     logRecent("collection", SECOND_COLLECTION_ID); // report recent interaction for collection w/ write access
     logRecent("collection", THIRD_COLLECTION_ID); // report recent interaction for collection w/o write access
     logRecent("dashboard", ORDERS_DASHBOARD_ID); // report recent interaction for dashboard w/ write access
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       logRecent("dashboard", id); // report recent interaction for dashboard w/o write access
     });
 
@@ -587,7 +587,7 @@ describe("scenarios > question > new", () => {
 
         H.queryBuilderHeader().button("Save").click();
 
-        cy.findByTestId("save-question-modal").within(modal => {
+        cy.findByTestId("save-question-modal").within((modal) => {
           cy.findByLabelText(/Where do you want to save/).click();
         });
 
diff --git a/e2e/test/scenarios/question/notebook-data-source.cy.spec.ts b/e2e/test/scenarios/question/notebook-data-source.cy.spec.ts
index 7b2b4f9fff4..66c724b13ab 100644
--- a/e2e/test/scenarios/question/notebook-data-source.cy.spec.ts
+++ b/e2e/test/scenarios/question/notebook-data-source.cy.spec.ts
@@ -433,7 +433,7 @@ describe("issue 28106", () => {
     cy.get("@schemasList").realMouseWheel({ deltaY: 100 });
     cy.wait(100);
 
-    cy.get("@schemasList").then($element => {
+    cy.get("@schemasList").then(($element) => {
       const list = $element[0];
       const isScrolledAllTheWayDown =
         list.scrollHeight - list.scrollTop === list.clientHeight;
diff --git a/e2e/test/scenarios/question/notebook-link-to-data-source.cy.spec.ts b/e2e/test/scenarios/question/notebook-link-to-data-source.cy.spec.ts
index 7967f520688..1dd30262443 100644
--- a/e2e/test/scenarios/question/notebook-link-to-data-source.cy.spec.ts
+++ b/e2e/test/scenarios/question/notebook-link-to-data-source.cy.spec.ts
@@ -33,9 +33,9 @@ describe("scenarios > notebook > link to data source", () => {
     H.restore();
     cy.signInAsAdmin();
 
-    cy.on("window:before:load", win => {
+    cy.on("window:before:load", (win) => {
       // prevent Cypress opening in a new window/tab and spy on this method
-      cy.stub(win, "open").callsFake(url => {
+      cy.stub(win, "open").callsFake((url) => {
         expect(win.open).to.be.calledOnce;
         // replace the current page with the linked data source upon ctrl/meta click
         win.location.assign(url);
@@ -350,7 +350,7 @@ describe("scenarios > notebook > link to data source", () => {
         .click(clickConfig);
 
       cy.log("Make sure the source model is rendered in a simple mode");
-      cy.get("@nestedModelId").then(id => {
+      cy.get("@nestedModelId").then((id) => {
         cy.location("pathname").should(
           "eq",
           `/model/${id}-nested-model-based-on-a-question`,
@@ -382,7 +382,7 @@ describe("scenarios > notebook > link to data source", () => {
         .click(clickConfig);
 
       cy.log("Make sure the source model is rendered in a simple mode");
-      cy.get("@nestedModelId").then(id => {
+      cy.get("@nestedModelId").then((id) => {
         cy.location("pathname").should(
           "eq",
           `/model/${id}-nested-model-based-on-a-model`,
diff --git a/e2e/test/scenarios/question/notebook-native-preview-sidebar.cy.spec.ts b/e2e/test/scenarios/question/notebook-native-preview-sidebar.cy.spec.ts
index 2c4bee7d1a3..eaf0a2cdfdd 100644
--- a/e2e/test/scenarios/question/notebook-native-preview-sidebar.cy.spec.ts
+++ b/e2e/test/scenarios/question/notebook-native-preview-sidebar.cy.spec.ts
@@ -121,7 +121,7 @@ describe("scenarios > question > notebook > native query preview sidebar", () =>
        *  - https://stackoverflow.com/a/52142935/8815185
        *  - https://github.com/cypress-io/cypress/discussions/21150#discussioncomment-2620947
        */
-      cy.once("fail", err => {
+      cy.once("fail", (err) => {
         expect(err.message).to.include(
           "`cy.click()` failed because this element",
         );
@@ -239,7 +239,7 @@ describe("scenarios > question > notebook > native query preview sidebar", () =>
     H.openNotebook();
     cy.findByTestId("native-query-preview-sidebar")
       .should("be.visible")
-      .then($sidebar => {
+      .then(($sidebar) => {
         const sidebarWidth = $sidebar[0].getBoundingClientRect().width;
         expect(sidebarWidth).to.be.closeTo(maxSidebarWidth, toleranceDelta);
       });
@@ -254,7 +254,7 @@ describe("scenarios > question > notebook > native query preview sidebar", () =>
     cy.findByLabelText("View SQL").click();
     cy.findByTestId("native-query-preview-sidebar")
       .should("be.visible")
-      .then($sidebar => {
+      .then(($sidebar) => {
         const sidebarWidth = $sidebar[0].getBoundingClientRect().width;
         expect(sidebarWidth).to.be.closeTo(minSidebarWidth, toleranceDelta);
       });
@@ -496,7 +496,7 @@ function resizeSidebar(amountX: number, cb: ResizeSidebarCallback) {
     "updateSidebarWidth",
   );
 
-  cy.findByTestId("native-query-preview-sidebar").then($sidebar => {
+  cy.findByTestId("native-query-preview-sidebar").then(($sidebar) => {
     const initialSidebarWidth = $sidebar[0].getBoundingClientRect().width;
 
     const options = {
@@ -519,7 +519,7 @@ function resizeSidebar(amountX: number, cb: ResizeSidebarCallback) {
 
     cy.wait(["@updateSidebarWidth", "@sessionProperties"]);
 
-    cy.findByTestId("native-query-preview-sidebar").then($sidebar => {
+    cy.findByTestId("native-query-preview-sidebar").then(($sidebar) => {
       const sidebarWidth = $sidebar[0].getBoundingClientRect().width;
       cb(initialSidebarWidth, sidebarWidth);
     });
diff --git a/e2e/test/scenarios/question/notebook.cy.spec.js b/e2e/test/scenarios/question/notebook.cy.spec.js
index edf2941711b..5b6e2e2c665 100644
--- a/e2e/test/scenarios/question/notebook.cy.spec.js
+++ b/e2e/test/scenarios/question/notebook.cy.spec.js
@@ -150,8 +150,8 @@ describe("scenarios > question > notebook", { tags: "@slow" }, () => {
         url: "/api/dataset",
         middleware: true,
       },
-      req => {
-        req.on("response", res => {
+      (req) => {
+        req.on("response", (res) => {
           // Throttle the response to 500 Kbps to simulate a mobile 3G connection
           res.setThrottle(500);
         });
@@ -546,7 +546,7 @@ describe("scenarios > question > notebook", { tags: "@slow" }, () => {
 
       cy.request(`/api/database/${WRITABLE_DB_ID}/schema/public`).then(
         ({ body }) => {
-          const tableId = body.find(table => table.name === "products").id;
+          const tableId = body.find((table) => table.name === "products").id;
           H.openTable({
             database: WRITABLE_DB_ID,
             table: tableId,
@@ -796,7 +796,7 @@ describe("scenarios > question > notebook", { tags: "@slow" }, () => {
       },
     );
 
-    cy.get("@metricId").then(metricId => {
+    cy.get("@metricId").then((metricId) => {
       const questionDetails = {
         query: {
           "source-table": ORDERS_ID,
@@ -834,7 +834,7 @@ describe("scenarios > question > notebook", { tags: "@slow" }, () => {
       },
     );
 
-    cy.get("@metricId").then(metricId => {
+    cy.get("@metricId").then((metricId) => {
       const questionDetails = {
         query: {
           "source-table": `card__${metricId}`,
@@ -1000,7 +1000,7 @@ describe("scenarios > question > notebook", { tags: "@slow" }, () => {
 
     cy.findAllByTestId("notebook-cell-item")
       .filter(`:contains(${CUSTOM_COLUMN_LONG_NAME})`)
-      .then(items => {
+      .then((items) => {
         for (let index = 0; index < items.length; ++index) {
           cy.wrap(items[index]).within(() => {
             assertRemoveClauseIconSize();
@@ -1135,7 +1135,7 @@ describe("scenarios > question > notebook", { tags: "@slow" }, () => {
       { visitQuestion: true, wrapId: true },
     );
 
-    cy.get("@questionId").then(PRODUCT_QUESTION_ID => {
+    cy.get("@questionId").then((PRODUCT_QUESTION_ID) => {
       cy.findByRole("button", { name: /Editor/ }).click();
       cy.findByRole("button", { name: /Visualization/ }).click();
 
diff --git a/e2e/test/scenarios/question/offset.cy.spec.ts b/e2e/test/scenarios/question/offset.cy.spec.ts
index df24a6605cb..4488e2e3083 100644
--- a/e2e/test/scenarios/question/offset.cy.spec.ts
+++ b/e2e/test/scenarios/question/offset.cy.spec.ts
@@ -524,7 +524,7 @@ describe("scenarios > question > offset", () => {
       cy.findAllByTestId("notebook-cell-item").findByText(name).click();
       H.CustomExpressionEditor.value().should("equal", formula);
 
-      cy.on("uncaught:exception", error => {
+      cy.on("uncaught:exception", (error) => {
         // this check is intended to catch possible normalization errors if BE or FE code changes
         // does not run by default
         expect(error.message.includes("Error normalizing")).to.be.false;
diff --git a/e2e/test/scenarios/question/query-external.cy.spec.js b/e2e/test/scenarios/question/query-external.cy.spec.js
index 962a44fcccf..880b02c7e5a 100644
--- a/e2e/test/scenarios/question/query-external.cy.spec.js
+++ b/e2e/test/scenarios/question/query-external.cy.spec.js
@@ -31,7 +31,7 @@ supportedDatabases.forEach(({ database, snapshotName, dbName }) => {
       it(`can query ${database} database`, () => {
         cy.get("@schema").then(({ body }) => {
           const tabelId = body.find(
-            table => table.name.toLowerCase() === "orders",
+            (table) => table.name.toLowerCase() === "orders",
           ).id;
           H.openTable({
             database: WRITABLE_DB_ID,
diff --git a/e2e/test/scenarios/question/question-management.cy.spec.js b/e2e/test/scenarios/question/question-management.cy.spec.js
index 10ce70e8862..9c9346895a8 100644
--- a/e2e/test/scenarios/question/question-management.cy.spec.js
+++ b/e2e/test/scenarios/question/question-management.cy.spec.js
@@ -25,7 +25,7 @@ describe(
 
     Object.entries(PERMISSIONS).forEach(([permission, userGroup]) => {
       context(`${permission} access`, () => {
-        userGroup.forEach(user => {
+        userGroup.forEach((user) => {
           onlyOn(permission === "curate", () => {
             describe(`${user} user`, () => {
               beforeEach(() => {
@@ -210,7 +210,7 @@ describe(
                       );
 
                       // Simulate a couple gets, so that the dashboards appears in recents for various users
-                      cy.get("@dashboardId").then(dashboardId => {
+                      cy.get("@dashboardId").then((dashboardId) => {
                         cy.request(`/api/dashboard/${dashboardId}`);
                         cy.request(`/api/dashboard/${ORDERS_DASHBOARD_ID}`);
                       });
@@ -454,7 +454,7 @@ H.describeWithSnowplow("send snowplow question events", () => {
 });
 
 function assertRequestNot403(xhr_alias) {
-  cy.wait("@" + xhr_alias).then(xhr => {
+  cy.wait("@" + xhr_alias).then((xhr) => {
     expect(xhr.status).not.to.eq(403);
   });
 }
@@ -479,13 +479,13 @@ function findPickerItem(name) {
 }
 
 function findActivePickerItem(name) {
-  return findPickerItem(name).then($button => {
+  return findPickerItem(name).then(($button) => {
     expect($button).to.have.attr("data-active", "true");
   });
 }
 
 function findInactivePickerItem(name) {
-  return findPickerItem(name).then($button => {
+  return findPickerItem(name).then(($button) => {
     expect($button).not.to.have.attr("data-active", "true");
   });
 }
diff --git a/e2e/test/scenarios/question/saved.cy.spec.js b/e2e/test/scenarios/question/saved.cy.spec.js
index 37a19920d08..16d461c6bd1 100644
--- a/e2e/test/scenarios/question/saved.cy.spec.js
+++ b/e2e/test/scenarios/question/saved.cy.spec.js
@@ -46,7 +46,7 @@ describe("scenarios > question > saved", () => {
 
     // Save the question
     H.queryBuilderHeader().button("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
     cy.wait("@cardCreate");
@@ -66,7 +66,7 @@ describe("scenarios > question > saved", () => {
 
     H.queryBuilderHeader().button("Save").click();
 
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save question").should("be.visible");
       cy.findByTestId("save-question-button").should("be.enabled");
 
@@ -105,7 +105,7 @@ describe("scenarios > question > saved", () => {
     // check that save will give option to replace
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText('Replace original question, "Orders"');
       cy.findByText("Save as new question");
       cy.findByText("Cancel").click();
@@ -283,7 +283,7 @@ describe("scenarios > question > saved", () => {
     H.openQuestionActions();
     H.popover().findByText("Duplicate").click();
 
-    H.modal().should($el => {
+    H.modal().should(($el) => {
       const $modal = $el[0];
       expect($modal.clientWidth).to.be.equal($modal.scrollWidth);
     });
@@ -382,7 +382,7 @@ describe("scenarios > question > saved", () => {
     cy.findAllByTestId("header-cell")
       .filter(":contains(Tax)")
       .as("headerCell")
-      .then($cell => {
+      .then(($cell) => {
         const originalWidth = $cell[0].getBoundingClientRect().width;
         cy.wrap(originalWidth).as("originalWidth");
       });
@@ -409,8 +409,8 @@ describe("scenarios > question > saved", () => {
     // Wait until column width gets updated
     cy.wait(10);
 
-    cy.get("@originalWidth").then(originalWidth => {
-      cy.get("@headerCell").should($newCell => {
+    cy.get("@originalWidth").then((originalWidth) => {
+      cy.get("@headerCell").should(($newCell) => {
         const newWidth = $newCell[0].getBoundingClientRect().width;
         expect(newWidth).to.be.gte(originalWidth + stepX * 2);
       });
@@ -426,7 +426,7 @@ describe("scenarios > question > saved", () => {
     );
     savedQuestionTitle.blur();
 
-    savedQuestionTitle.should("be.visible").should($el => {
+    savedQuestionTitle.should("be.visible").should(($el) => {
       // clientHeight: height of the textarea
       // scrollHeight: height of the text content, including content not visible on the screen
       const heightDifference = $el[0].clientHeight - $el[0].scrollHeight;
@@ -478,7 +478,7 @@ describe("scenarios > question > saved", () => {
       }
     }
 
-    HIDDEN_TYPES.forEach(visibilityType => {
+    HIDDEN_TYPES.forEach((visibilityType) => {
       it(`should show a View-only tag when the source table is marked as ${visibilityType}`, () => {
         hideTable("Orders", visibilityType);
 
diff --git a/e2e/test/scenarios/question/settings.cy.spec.js b/e2e/test/scenarios/question/settings.cy.spec.js
index d1cc2e29d0b..a110990d302 100644
--- a/e2e/test/scenarios/question/settings.cy.spec.js
+++ b/e2e/test/scenarios/question/settings.cy.spec.js
@@ -483,13 +483,13 @@ describe("scenarios > question > settings", () => {
       ];
 
       H.tableInteractive().within(() => {
-        columnNames.forEach(text => cy.findByText(text).should("be.visible"));
+        columnNames.forEach((text) => cy.findByText(text).should("be.visible"));
       });
 
       H.openVizSettingsSidebar();
 
       cy.findByTestId("chartsettings-sidebar").within(() => {
-        columnNames.forEach(text => cy.findByText(text).should("be.visible"));
+        columnNames.forEach((text) => cy.findByText(text).should("be.visible"));
         cy.findByText("More Columns").should("not.exist");
 
         cy.icon("eye_outline").first().click();
diff --git a/e2e/test/scenarios/search/search-filters.cy.spec.js b/e2e/test/scenarios/search/search-filters.cy.spec.js
index 7849d128724..4b3a3ee1fcd 100644
--- a/e2e/test/scenarios/search/search-filters.cy.spec.js
+++ b/e2e/test/scenarios/search/search-filters.cy.spec.js
@@ -133,7 +133,7 @@ describe("scenarios > search", () => {
           { wrapId: true, idAlias: "modelId" },
         );
 
-        cy.get("@modelId").then(modelId => {
+        cy.get("@modelId").then((modelId) => {
           createModelIndex({
             modelId,
             pkName: "ID",
@@ -152,7 +152,7 @@ describe("scenarios > search", () => {
           });
 
           const regex = new RegExp(`${type}$`);
-          cy.findAllByTestId("search-result-item").each(result => {
+          cy.findAllByTestId("search-result-item").each((result) => {
             cy.wrap(result)
               .should("have.attr", "aria-label")
               .and("match", regex);
@@ -177,7 +177,7 @@ describe("scenarios > search", () => {
           });
 
           const regex = new RegExp(`${type}$`);
-          cy.findAllByTestId("search-result-item").each(result => {
+          cy.findAllByTestId("search-result-item").each((result) => {
             cy.wrap(result)
               .should("have.attr", "aria-label")
               .and("match", regex);
@@ -199,9 +199,9 @@ describe("scenarios > search", () => {
 
         cy.url().should("not.contain", "type");
 
-        cy.findAllByTestId("search-result-item").then($results => {
+        cy.findAllByTestId("search-result-item").then(($results) => {
           const uniqueResults = new Set(
-            $results.toArray().map(el => {
+            $results.toArray().map((el) => {
               const label = el.getAttribute("aria-label");
               return label.split(" ").slice(-1)[0];
             }),
@@ -387,7 +387,7 @@ describe("scenarios > search", () => {
         });
       });
 
-      ["normal", "sandboxed"].forEach(userType => {
+      ["normal", "sandboxed"].forEach((userType) => {
         it(`should allow ${userType} (non-admin) user to see users and filter by created_by`, () => {
           cy.signIn(userType);
           cy.visit("/");
@@ -440,7 +440,7 @@ describe("scenarios > search", () => {
             cy.findByTestId("qb-header-action-panel")
               .findByText("Save")
               .click();
-            cy.findByTestId("save-question-modal").within(modal => {
+            cy.findByTestId("save-question-modal").within((modal) => {
               cy.findByText("Save").click();
             });
           },
@@ -456,7 +456,7 @@ describe("scenarios > search", () => {
             cy.findByTestId("qb-header-action-panel")
               .findByText("Save")
               .click();
-            cy.findByTestId("save-question-modal").within(modal => {
+            cy.findByTestId("save-question-modal").within((modal) => {
               cy.findByText("Save").click();
             });
           },
@@ -634,7 +634,7 @@ describe("scenarios > search", () => {
         });
       });
 
-      ["normal", "sandboxed"].forEach(userType => {
+      ["normal", "sandboxed"].forEach((userType) => {
         it(`should allow ${userType} (non-admin) user to see users and filter by last_edited_by`, () => {
           cy.signIn(userType);
           cy.visit("/");
@@ -772,7 +772,7 @@ describe("scenarios > search", () => {
             cy.findByTestId("qb-header-action-panel")
               .findByText("Save")
               .click();
-            cy.findByTestId("save-question-modal").within(modal => {
+            cy.findByTestId("save-question-modal").within((modal) => {
               cy.findByText("Save").click();
             });
             cy.signOut();
@@ -876,7 +876,7 @@ describe("scenarios > search", () => {
           cy.findByText('Results for "orders"').should("exist");
         });
 
-        cy.findAllByTestId("search-result-item").each(result => {
+        cy.findAllByTestId("search-result-item").each((result) => {
           cy.wrap(result).within(() => {
             cy.findByLabelText("verified_filled icon").should("exist");
           });
@@ -895,7 +895,7 @@ describe("scenarios > search", () => {
 
         cy.wait("@search");
 
-        cy.findAllByTestId("search-result-item").each(result => {
+        cy.findAllByTestId("search-result-item").each((result) => {
           cy.wrap(result).within(() => {
             cy.findByLabelText("verified_filled icon").should("exist");
           });
@@ -915,7 +915,7 @@ describe("scenarios > search", () => {
         let verifiedElementCount = 0;
         let unverifiedElementCount = 0;
         cy.findAllByTestId("search-result-item")
-          .each($el => {
+          .each(($el) => {
             if (!$el.find('[aria-label="verified_filled icon"]').length) {
               unverifiedElementCount++;
             } else {
@@ -1075,10 +1075,10 @@ function expectSearchResultItemNameContent(
   { itemNames },
   { strict } = { strict: true },
 ) {
-  cy.findAllByTestId("search-result-item-name").then($searchResultLabel => {
+  cy.findAllByTestId("search-result-item-name").then(($searchResultLabel) => {
     const searchResultLabelList = $searchResultLabel
       .toArray()
-      .map(el => el.textContent);
+      .map((el) => el.textContent);
 
     if (strict) {
       expect(searchResultLabelList).to.have.length(itemNames.length);
diff --git a/e2e/test/scenarios/search/search-pagination.cy.spec.js b/e2e/test/scenarios/search/search-pagination.cy.spec.js
index 16d8956c8cb..86207ba5e71 100644
--- a/e2e/test/scenarios/search/search-pagination.cy.spec.js
+++ b/e2e/test/scenarios/search/search-pagination.cy.spec.js
@@ -15,7 +15,7 @@ describe("scenarios > search", () => {
   });
 
   it("should not search on an empty string", () => {
-    cy.intercept("/api/search", req => {
+    cy.intercept("/api/search", (req) => {
       expect("Unexpected call to /api/search").to.be.false;
     });
     H.visitFullAppEmbeddingUrl({
@@ -57,8 +57,8 @@ describe("scenarios > search", () => {
   });
 });
 
-const generateQuestions = count => {
-  _.range(count).map(i =>
+const generateQuestions = (count) => {
+  _.range(count).map((i) =>
     H.createQuestion({
       name: `generated_question ${i}`,
       query: {
diff --git a/e2e/test/scenarios/search/search-snowplow.cy.spec.js b/e2e/test/scenarios/search/search-snowplow.cy.spec.js
index f473c143c14..ed00ff8ed9e 100644
--- a/e2e/test/scenarios/search/search-snowplow.cy.spec.js
+++ b/e2e/test/scenarios/search/search-snowplow.cy.spec.js
@@ -24,7 +24,7 @@ H.describeWithSnowplow("scenarios > search > snowplow", () => {
       H.commandPaletteSearch("Orders", false);
 
       //Passing a function to ensure that runtime_milliseconds is populated as a number
-      H.expectGoodSnowplowEvent(data => {
+      H.expectGoodSnowplowEvent((data) => {
         if (!data) {
           return false;
         }
@@ -51,7 +51,7 @@ H.describeWithSnowplow("scenarios > search > snowplow", () => {
       H.commandPaletteSearch("Orders", false);
 
       //Passing a function to ensure that runtime_milliseconds is populated as a number
-      H.expectGoodSnowplowEvent(data => {
+      H.expectGoodSnowplowEvent((data) => {
         if (!data) {
           return false;
         }
@@ -178,7 +178,7 @@ H.describeWithSnowplow("scenarios > search > snowplow", () => {
 
         cy.findByTestId("type-search-filter").click();
         H.popover().within(() => {
-          cy.findAllByTestId("type-filter-checkbox").each($el => {
+          cy.findAllByTestId("type-filter-checkbox").each(($el) => {
             cy.wrap($el).click();
           });
           cy.findByText("Apply").click();
diff --git a/e2e/test/scenarios/search/search-typeahead.cy.spec.js b/e2e/test/scenarios/search/search-typeahead.cy.spec.js
index eb28ce2ab04..50f7ac5be5c 100644
--- a/e2e/test/scenarios/search/search-typeahead.cy.spec.js
+++ b/e2e/test/scenarios/search/search-typeahead.cy.spec.js
@@ -1,7 +1,7 @@
 const { H } = cy;
 import { USERS } from "e2e/support/cypress_data";
 
-["admin", "normal"].forEach(user => {
+["admin", "normal"].forEach((user) => {
   describe(`search > ${user} user`, () => {
     beforeEach(() => {
       H.restore();
diff --git a/e2e/test/scenarios/search/search.cy.spec.js b/e2e/test/scenarios/search/search.cy.spec.js
index 2c599890737..a4046039d3a 100644
--- a/e2e/test/scenarios/search/search.cy.spec.js
+++ b/e2e/test/scenarios/search/search.cy.spec.js
@@ -140,7 +140,7 @@ describe("scenarios > search", () => {
       //Enseure that text is ellipsified
       cy.findByTestId("result-description")
         .findByText(/Lorem ipsum dolor sit amet./)
-        .then(el => H.assertIsEllipsified(el[0]));
+        .then((el) => H.assertIsEllipsified(el[0]));
 
       //Ensure that images are not being rendered in the descriptions
       cy.findByTestId("result-description")
@@ -165,7 +165,7 @@ describe("scenarios > search", () => {
         "search-results-floating-container",
       );
 
-      parentContainer.invoke("outerWidth").then(parentWidth => {
+      parentContainer.invoke("outerWidth").then((parentWidth) => {
         resultDescription
           .invoke("outerWidth")
           .should(
@@ -198,8 +198,8 @@ describe("scenarios > search", () => {
           method: "GET",
           middleware: true,
         },
-        req => {
-          req.continue(res => {
+        (req) => {
+          req.continue((res) => {
             res.delay = 1000;
             res.send();
           });
@@ -243,7 +243,7 @@ describe("scenarios > search", () => {
         cy.findByText('Results for "orders"').should("exist");
       });
 
-      cy.location().should(loc => {
+      cy.location().should((loc) => {
         expect(loc.pathname).to.eq("/search");
         expect(loc.search).to.eq("?q=orders");
       });
@@ -308,7 +308,7 @@ describe("issue 28788", () => {
     cy.wait("@search");
     cy.icon("hourglass").should("not.exist");
 
-    cy.findByTestId("search-bar-results-container").then($container => {
+    cy.findByTestId("search-bar-results-container").then(($container) => {
       expect(H.isScrollableHorizontally($container[0])).to.be.false;
     });
   });
diff --git a/e2e/test/scenarios/sharing/alert/alert-permissions.cy.spec.js b/e2e/test/scenarios/sharing/alert/alert-permissions.cy.spec.js
index 3f48cdc160c..b42ab6c5941 100644
--- a/e2e/test/scenarios/sharing/alert/alert-permissions.cy.spec.js
+++ b/e2e/test/scenarios/sharing/alert/alert-permissions.cy.spec.js
@@ -35,9 +35,9 @@ describe("scenarios > alert > alert permissions", { tags: "@external" }, () => {
     beforeEach(cy.signInAsAdmin);
 
     it("should let you see all created alerts", () => {
-      cy.request("/api/notification").then(response => {
+      cy.request("/api/notification").then((response) => {
         const questionAlerts = response.body.filter(
-          notification => notification.payload_type === "notification/card",
+          (notification) => notification.payload_type === "notification/card",
         );
         expect(questionAlerts).to.have.length(3);
       });
diff --git a/e2e/test/scenarios/sharing/alert/email-alert.cy.spec.js b/e2e/test/scenarios/sharing/alert/email-alert.cy.spec.js
index 75808d6fbde..ae2476f1484 100644
--- a/e2e/test/scenarios/sharing/alert/email-alert.cy.spec.js
+++ b/e2e/test/scenarios/sharing/alert/email-alert.cy.spec.js
@@ -21,7 +21,7 @@ describe("scenarios > alert > email_alert", { tags: "@external" }, () => {
 
     cy.request("/api/notification").then(({ body }) => {
       const questionAlerts = body.filter(
-        notification => notification.payload_type === "notification/card",
+        (notification) => notification.payload_type === "notification/card",
       );
       expect(questionAlerts).to.have.length(0);
     });
diff --git a/e2e/test/scenarios/sharing/downloads/downloads.cy.spec.js b/e2e/test/scenarios/sharing/downloads/downloads.cy.spec.js
index 8f264eb0c65..86d91f8153c 100644
--- a/e2e/test/scenarios/sharing/downloads/downloads.cy.spec.js
+++ b/e2e/test/scenarios/sharing/downloads/downloads.cy.spec.js
@@ -49,7 +49,7 @@ describe("scenarios > question > download", () => {
       H.expectNoBadSnowplowEvents();
     });
 
-    testCases.forEach(fileType => {
+    testCases.forEach((fileType) => {
       it(`downloads ${fileType} file`, () => {
         H.startNewQuestion();
         H.entityPickerModal().within(() => {
@@ -61,7 +61,7 @@ describe("scenarios > question > download", () => {
         // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
         cy.contains("18,760");
 
-        H.downloadAndAssert({ fileType }, sheet => {
+        H.downloadAndAssert({ fileType }, (sheet) => {
           expect(sheet["A1"].v).to.eq("Count");
           expect(sheet["A2"].v).to.eq(18760);
         });
@@ -76,7 +76,7 @@ describe("scenarios > question > download", () => {
     });
   });
 
-  testCases.forEach(fileType => {
+  testCases.forEach((fileType) => {
     it(`should allow downloading unformatted ${fileType} data`, () => {
       const fieldRef = ["field", ORDERS.TOTAL, null];
       const columnKey = `["ref",${JSON.stringify(fieldRef)}]`;
@@ -103,7 +103,7 @@ describe("scenarios > question > download", () => {
 
       H.queryBuilderMain().findByText("USD 39.72").should("exist");
 
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         const opts = { questionId, fileType };
 
         H.downloadAndAssert(
@@ -111,7 +111,7 @@ describe("scenarios > question > download", () => {
             ...opts,
             enableFormatting: true,
           },
-          sheet => {
+          (sheet) => {
             expect(sheet["A1"].v).to.eq("Total");
             expect(sheet["A2"].w).to.eq("USD 39.72");
           },
@@ -122,7 +122,7 @@ describe("scenarios > question > download", () => {
             ...opts,
             enableFormatting: false,
           },
-          sheet => {
+          (sheet) => {
             expect(sheet["A1"].v).to.eq("Total");
             expect(sheet["A2"].v).to.eq(39.718145389078366);
           },
@@ -153,7 +153,7 @@ describe("scenarios > question > download", () => {
         enableFormatting: true,
         fileType: "csv",
       },
-      sheet => {
+      (sheet) => {
         expect(sheet["B1"].v).to.eq("Doohickey");
         expect(sheet["B2"].w).to.eq("13");
       },
@@ -165,7 +165,7 @@ describe("scenarios > question > download", () => {
         pivoting: "non-pivoted",
         fileType: "csv",
       },
-      sheet => {
+      (sheet) => {
         expect(sheet["B1"].v).to.eq("Category");
         expect(sheet["B2"].w).to.eq("Doohickey");
       },
@@ -241,8 +241,8 @@ describe("scenarios > question > download", () => {
     H.queryBuilderMain().findByText("Left Total").should("exist");
     H.queryBuilderMain().findByText("Right Total").should("exist");
 
-    cy.get("@questionId").then(questionId => {
-      testCases.forEach(fileType => {
+    cy.get("@questionId").then((questionId) => {
+      testCases.forEach((fileType) => {
         const opts = { questionId, fileType };
 
         H.downloadAndAssert(
@@ -250,7 +250,7 @@ describe("scenarios > question > download", () => {
             ...opts,
             enableFormatting: true,
           },
-          sheet => {
+          (sheet) => {
             expect(sheet["A1"].v).to.eq("Left Total");
             expect(sheet["A2"].v).to.closeTo(159.35, 0.01);
             expect(sheet["B1"].v).to.eq("Right Total");
@@ -362,7 +362,7 @@ describe("scenarios > question > download", () => {
                 dashboardId,
                 dashcardId: id,
               },
-              sheet => {
+              (sheet) => {
                 expect(sheet["A1"].v).to.eq("ID");
                 expect(sheet["A2"].v).to.eq(1);
 
@@ -508,7 +508,7 @@ function assertOrdersExport(length) {
       dashboardId: ORDERS_DASHBOARD_ID,
       isDashboard: true,
     },
-    sheet => {
+    (sheet) => {
       expect(sheet["A1"].v).to.eq("ID");
       expect(sheet["A2"].v).to.eq(1);
       expect(sheet["B1"].v).to.eq("User ID");
diff --git a/e2e/test/scenarios/sharing/downloads/sharing-download-reproductions.cy.spec.js b/e2e/test/scenarios/sharing/downloads/sharing-download-reproductions.cy.spec.js
index ddd918a4915..db5347fdced 100644
--- a/e2e/test/scenarios/sharing/downloads/sharing-download-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/sharing/downloads/sharing-download-reproductions.cy.spec.js
@@ -26,9 +26,9 @@ describe("issue 10803", () => {
     );
   });
 
-  testCases.forEach(fileType => {
+  testCases.forEach((fileType) => {
     it(`should format the date properly for ${fileType} in saved questions (metabase#10803)`, () => {
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         H.downloadAndAssert(
           { fileType, questionId, logResults: true, raw: true },
           testWorkbookDatetimes,
@@ -82,7 +82,7 @@ describe.skip("issue 18219", () => {
     cy.signInAsAdmin();
   });
 
-  testCases.forEach(fileType => {
+  testCases.forEach((fileType) => {
     it("should format temporal units on export (metabase#18219)", () => {
       H.createQuestion(questionDetails).then(({ body: { id: questionId } }) => {
         H.visitQuestion(questionId);
@@ -209,7 +209,7 @@ describe("issue 18382", () => {
     H.visitQuestionAdhoc(questionDetails);
   });
 
-  testCases.forEach(fileType => {
+  testCases.forEach((fileType) => {
     it(`should handle the old syntax in downloads for ${fileType} (metabase#18382)`, () => {
       // TODO: Please remove this line when issue gets fixed
       cy.skipOn(fileType === "csv");
@@ -251,7 +251,7 @@ describe("issue 18440", () => {
     });
   });
 
-  testCases.forEach(fileType => {
+  testCases.forEach((fileType) => {
     it(`export should include a column with remapped values for ${fileType} (metabase#18440-1)`, () => {
       H.visitQuestionAdhoc(questionDetails);
 
@@ -358,7 +358,7 @@ describe("issue 18729", () => {
     cy.signInAsAdmin();
   });
 
-  ["csv", "xlsx"].forEach(fileType => {
+  ["csv", "xlsx"].forEach((fileType) => {
     it(`should properly format the 'X of Y'dates in ${fileType} exports (metabase#18729)`, () => {
       H.visitQuestionAdhoc(questionDetails);
 
@@ -379,7 +379,7 @@ describe("issue 19889", () => {
 
   function saveAndOverwrite() {
     cy.findByText("Save").click();
-    cy.findByTestId("save-question-modal").within(modal => {
+    cy.findByTestId("save-question-modal").within((modal) => {
       cy.findByText("Save").click();
     });
   }
@@ -414,9 +414,9 @@ describe("issue 19889", () => {
     cy.findByText("Started from").click(); // Give DOM some time to update
   });
 
-  testCases.forEach(fileType => {
+  testCases.forEach((fileType) => {
     it("should order columns correctly in unsaved native query exports", () => {
-      H.downloadAndAssert({ fileType, raw: true }, sheet => {
+      H.downloadAndAssert({ fileType, raw: true }, (sheet) => {
         expect(sheet["A1"].v).to.equal("column b");
         expect(sheet["B1"].v).to.equal("column a");
         expect(sheet["C1"].v).to.equal("column c");
@@ -426,8 +426,8 @@ describe("issue 19889", () => {
     it("should order columns correctly in saved native query exports", () => {
       saveAndOverwrite();
 
-      cy.get("@questionId").then(questionId => {
-        H.downloadAndAssert({ fileType, questionId, raw: true }, sheet => {
+      cy.get("@questionId").then((questionId) => {
+        H.downloadAndAssert({ fileType, questionId, raw: true }, (sheet) => {
           expect(sheet["A1"].v).to.equal("column b");
           expect(sheet["B1"].v).to.equal("column a");
           expect(sheet["C1"].v).to.equal("column c");
@@ -444,10 +444,10 @@ describe("issue 19889", () => {
 
       saveAndOverwrite();
 
-      cy.get("@questionId").then(questionId => {
+      cy.get("@questionId").then((questionId) => {
         H.visitQuestion(questionId);
 
-        H.downloadAndAssert({ fileType, questionId, raw: true }, sheet => {
+        H.downloadAndAssert({ fileType, questionId, raw: true }, (sheet) => {
           expect(sheet["A1"].v).to.equal("column x");
           expect(sheet["B1"].v).to.equal("column y");
           expect(sheet["C1"].v).to.equal("column c");
@@ -486,7 +486,7 @@ describe("metabase#28834", () => {
 
   it("should be able to export unsaved native query results as CSV even after the query has changed", () => {
     const fileType = "csv";
-    H.downloadAndAssert({ fileType, raw: true }, sheet => {
+    H.downloadAndAssert({ fileType, raw: true }, (sheet) => {
       expect(sheet["A1"].v).to.equal("column a");
       expect(sheet["A2"].v).to.equal("1");
       expect(sheet["A3"]).to.be.undefined;
@@ -495,7 +495,7 @@ describe("metabase#28834", () => {
 
   it("should be able to export unsaved native query results as XLSX even after the query has changed", () => {
     const fileType = "xlsx";
-    H.downloadAndAssert({ fileType, raw: true }, sheet => {
+    H.downloadAndAssert({ fileType, raw: true }, (sheet) => {
       expect(sheet["A1"].v).to.equal("column a");
       expect(sheet["A2"].v).to.equal(1);
       expect(sheet["A3"]).to.be.undefined;
diff --git a/e2e/test/scenarios/sharing/public-dashboard.cy.spec.js b/e2e/test/scenarios/sharing/public-dashboard.cy.spec.js
index 5620fbce56c..f1be3a91031 100644
--- a/e2e/test/scenarios/sharing/public-dashboard.cy.spec.js
+++ b/e2e/test/scenarios/sharing/public-dashboard.cy.spec.js
@@ -127,14 +127,14 @@ describe("scenarios > public > dashboard", () => {
         "placeholder",
         "Loading…",
       );
-      cy.findByTestId("public-link-input").should($input => {
+      cy.findByTestId("public-link-input").should(($input) => {
         expect($input.val()).to.match(PUBLIC_DASHBOARD_REGEX);
       });
     });
   });
 
   it("should only allow non-admin users to see a public link if one has already been created", () => {
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       H.createPublicDashboardLink(id);
       cy.signOut();
     });
@@ -150,7 +150,7 @@ describe("scenarios > public > dashboard", () => {
           "placeholder",
           "Loading…",
         );
-        cy.findByTestId("public-link-input").should($input => {
+        cy.findByTestId("public-link-input").should(($input) => {
           expect($input.val()).to.match(PUBLIC_DASHBOARD_REGEX);
         });
         cy.findByText("Remove public URL").should("not.exist");
@@ -161,7 +161,7 @@ describe("scenarios > public > dashboard", () => {
   Object.entries(USERS).map(([userType, setUser]) =>
     describe(`${userType}`, () => {
       it("should be able to view public dashboards", () => {
-        cy.get("@dashboardId").then(id => {
+        cy.get("@dashboardId").then((id) => {
           cy.request("POST", `/api/dashboard/${id}/public_link`).then(
             ({ body: { uuid } }) => {
               setUser();
@@ -184,7 +184,7 @@ describe("scenarios > public > dashboard", () => {
   );
 
   it("should respect 'disable auto-apply filters' in a public dashboard", () => {
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       cy.request("PUT", `/api/dashboard/${id}`, {
         auto_apply_filters: false,
       });
@@ -209,7 +209,7 @@ describe("scenarios > public > dashboard", () => {
   });
 
   it("should only display filters mapped to cards on the selected tab", () => {
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       H.visitPublicDashboard(id);
     });
 
@@ -228,7 +228,7 @@ describe("scenarios > public > dashboard", () => {
   });
 
   it("should respect dashboard width setting in a public dashboard", () => {
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       H.visitPublicDashboard(id);
     });
 
@@ -236,7 +236,7 @@ describe("scenarios > public > dashboard", () => {
     H.assertDashboardFixedWidth();
 
     // toggle full-width
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       cy.signInAsAdmin();
       cy.request("PUT", `/api/dashboard/${id}`, {
         width: "full",
@@ -248,7 +248,7 @@ describe("scenarios > public > dashboard", () => {
   });
 
   it("should render when a filter passed with value starting from '0' (metabase#41483)", () => {
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       H.visitPublicDashboard(id, {
         params: { text: "002" },
       });
@@ -292,13 +292,13 @@ describe("scenarios > public > dashboard", () => {
 
     // This is a hacky way to intercept the link click we create an a element
     // with href on fly and remove it afterwards in lib/dom.js
-    cy.window().then(win => {
+    cy.window().then((win) => {
       cy.spy(win.document.body, "appendChild").as("appendChild");
     });
 
     H.getDashboardCard().findByText("39.72").click();
 
-    cy.get("@appendChild").then(appendChild => {
+    cy.get("@appendChild").then((appendChild) => {
       // last call is a link
       const element = appendChild.lastCall.args[0];
 
@@ -321,7 +321,7 @@ describe("scenarios [EE] > public > dashboard", () => {
   it("should set the window title to `{dashboard name} · {application name}`", () => {
     H.updateSetting("application-name", "Custom Application Name");
 
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       H.visitPublicDashboard(id);
 
       cy.title().should("eq", "Test Dashboard · Custom Application Name");
@@ -333,7 +333,7 @@ describe("scenarios [EE] > public > dashboard", () => {
     // We don't have a de-CH.json file, so it should fallback to de.json, see metabase#51039 for more details
     cy.intercept("/app/locales/de.json").as("deLocale");
 
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       H.visitPublicDashboard(id, {
         hash: { locale: "de-CH" },
       });
diff --git a/e2e/test/scenarios/sharing/public-question.cy.spec.js b/e2e/test/scenarios/sharing/public-question.cy.spec.js
index 5dee03d5ded..f72e21365c1 100644
--- a/e2e/test/scenarios/sharing/public-question.cy.spec.js
+++ b/e2e/test/scenarios/sharing/public-question.cy.spec.js
@@ -76,7 +76,7 @@ describe("scenarios > public > question", () => {
       cy.wait("@publicQuery");
 
       // Make sure we can download the public question (metabase#21993)
-      cy.get("@uuid").then(publicUuid => {
+      cy.get("@uuid").then((publicUuid) => {
         H.downloadAndAssert(
           { fileType: "xlsx", questionId: id, publicUuid },
           H.assertSheetRowsCount(5),
@@ -96,7 +96,7 @@ describe("scenarios > public > question", () => {
 
         cy.findByTestId("public-link-popover-content").within(() => {
           cy.findByText("Public link").should("be.visible");
-          cy.findByTestId("public-link-input").should($input => {
+          cy.findByTestId("public-link-input").should(($input) => {
             expect($input.val()).to.match(PUBLIC_QUESTION_REGEX);
           });
           cy.findByText("Remove public URL").should("not.exist");
@@ -153,7 +153,7 @@ describe("scenarios > public > question", () => {
       },
     );
 
-    cy.get("@questionId").then(id => {
+    cy.get("@questionId").then((id) => {
       H.createPublicQuestionLink(id).then(({ body: { uuid } }) => {
         cy.signOut();
         cy.signInAsNormalUser().then(() => {
@@ -183,7 +183,7 @@ describe("scenarios > public > question", () => {
           path: ["Our analytics"],
         },
       );
-      cy.get("@questionId").then(id => {
+      cy.get("@questionId").then((id) => {
         H.createPublicQuestionLink(id).then(({ body: { uuid } }) => {
           cy.signOut();
           cy.signInAsNormalUser().then(() => {
@@ -217,14 +217,14 @@ describe("scenarios > question > public link with extension", () => {
   });
 
   it("should download a json file when a public link with .json is shared", () => {
-    downloadPublicFileURL("json", response => {
+    downloadPublicFileURL("json", (response) => {
       expect(response.body[0]).to.deep.eq({ ID: 1 });
     });
   });
 
-  ["csv", "xlsx"].forEach(fileType =>
+  ["csv", "xlsx"].forEach((fileType) =>
     it(`should download a ${fileType} file when a public link with .${fileType} is shared`, () => {
-      downloadPublicFileURL(fileType, response => {
+      downloadPublicFileURL(fileType, (response) => {
         const { SheetNames, Sheets } = xlsx.read(response.body, {
           type: "binary",
         });
@@ -273,7 +273,7 @@ describe("scenarios [EE] > public > question", () => {
     // We don't have a de-CH.json file, so it should fallback to de.json, see metabase#51039 for more details
     cy.intercept("/app/locales/de.json").as("deLocale");
 
-    cy.get("@questionId").then(id => {
+    cy.get("@questionId").then((id) => {
       H.visitPublicQuestion(id, {
         params: {
           some_parameter: "some_value",
@@ -293,13 +293,13 @@ describe("scenarios [EE] > public > question", () => {
 });
 
 const visitPublicURL = () => {
-  cy.findByTestId("public-link-input").should($input => {
+  cy.findByTestId("public-link-input").should(($input) => {
     // Copied URL has no get params
     expect($input.val()).to.match(PUBLIC_QUESTION_REGEX);
   });
   cy.findByTestId("public-link-input")
     .invoke("val")
-    .then(publicURL => {
+    .then((publicURL) => {
       cy.signOut();
       cy.visit(publicURL);
     });
@@ -317,13 +317,13 @@ const downloadPublicFileURL = (fileType, validationCallback) => {
     new RegExp(`\\/public\\/question\\/.*\\.${fileType}`),
   );
 
-  cy.get("@publicUrl").then(url => {
+  cy.get("@publicUrl").then((url) => {
     cy.request({
       method: "GET",
       url: url,
       followRedirect: true,
       encoding: "binary",
-    }).then(response => {
+    }).then((response) => {
       validationCallback(response);
     });
   });
diff --git a/e2e/test/scenarios/sharing/public-resource-downloads.cy.spec.ts b/e2e/test/scenarios/sharing/public-resource-downloads.cy.spec.ts
index e08d3b733fa..4a9cf02bf6e 100644
--- a/e2e/test/scenarios/sharing/public-resource-downloads.cy.spec.ts
+++ b/e2e/test/scenarios/sharing/public-resource-downloads.cy.spec.ts
@@ -33,7 +33,7 @@ H.describeWithSnowplowEE(
           .findByTestId("public-link-input")
           .should("contain.value", "/public/")
           .invoke("val")
-          .then(url => {
+          .then((url) => {
             publicLink = url as string;
           });
 
@@ -114,7 +114,7 @@ H.describeWithSnowplowEE(
           .findByTestId("public-link-input")
           .should("contain.value", "/public/")
           .invoke("val")
-          .then(url => {
+          .then((url) => {
             publicLink = url as string;
           });
 
diff --git a/e2e/test/scenarios/sharing/public-sharing-embed-button-behavior.cy.spec.js b/e2e/test/scenarios/sharing/public-sharing-embed-button-behavior.cy.spec.js
index c088bcb0f43..3cecee5accf 100644
--- a/e2e/test/scenarios/sharing/public-sharing-embed-button-behavior.cy.spec.js
+++ b/e2e/test/scenarios/sharing/public-sharing-embed-button-behavior.cy.spec.js
@@ -1,6 +1,6 @@
 const { H } = cy;
 
-["dashboard", "question"].forEach(resource => {
+["dashboard", "question"].forEach((resource) => {
   describe(`embed modal behavior for ${resource}s`, () => {
     beforeEach(() => {
       H.restore();
@@ -18,7 +18,7 @@ const { H } = cy;
 
       describe("when user is admin", () => {
         it(`should always show the embed button for ${resource}`, () => {
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             visitResource(resource, id);
           });
 
@@ -39,7 +39,7 @@ const { H } = cy;
         it(`should not show embed button for ${resource}`, () => {
           cy.signInAsNormalUser();
 
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             visitResource(resource, id);
           });
 
@@ -58,7 +58,7 @@ const { H } = cy;
 
         describe("when user is admin", () => {
           it(`should show the embed menu for ${resource}`, () => {
-            cy.get("@resourceId").then(id => {
+            cy.get("@resourceId").then((id) => {
               visitResource(resource, id);
             });
 
@@ -67,7 +67,7 @@ const { H } = cy;
           });
 
           it(`should let the user create a public link for ${resource}`, () => {
-            cy.get("@resourceId").then(id => {
+            cy.get("@resourceId").then((id) => {
               createPublicResourceLink(resource, id);
               visitResource(resource, id);
             });
@@ -82,7 +82,7 @@ const { H } = cy;
           it(`should show a disabled public link button if the ${resource} doesn't have a public link`, () => {
             cy.signInAsNormalUser();
 
-            cy.get("@resourceId").then(id => {
+            cy.get("@resourceId").then((id) => {
               visitResource(resource, id);
             });
 
@@ -93,7 +93,7 @@ const { H } = cy;
           });
 
           it(`should show the public link button if the ${resource} has a public link`, () => {
-            cy.get("@resourceId").then(id => {
+            cy.get("@resourceId").then((id) => {
               createPublicResourceLink(resource, id);
               visitResource(resource, id);
             });
@@ -104,7 +104,7 @@ const { H } = cy;
 
             cy.signInAsNormalUser();
 
-            cy.get("@resourceId").then(id => {
+            cy.get("@resourceId").then((id) => {
               visitResource(resource, id);
             });
 
@@ -126,7 +126,7 @@ const { H } = cy;
 
         describe("when user is admin", () => {
           it(`should show a disabled menu item for public links for ${resource} and allow the user to access the embed modal`, () => {
-            cy.get("@resourceId").then(id => {
+            cy.get("@resourceId").then((id) => {
               visitResource(resource, id);
             });
 
@@ -153,7 +153,7 @@ const { H } = cy;
           it(`should show a disabled button for ${resource}`, () => {
             cy.signInAsNormalUser();
 
-            cy.get("@resourceId").then(id => {
+            cy.get("@resourceId").then((id) => {
               visitResource(resource, id);
             });
 
@@ -261,7 +261,7 @@ describe("#39152 sharing an unsaved question", () => {
   });
 });
 
-["dashboard", "question"].forEach(resource => {
+["dashboard", "question"].forEach((resource) => {
   H.describeWithSnowplow(`public ${resource} sharing snowplow events`, () => {
     beforeEach(() => {
       H.restore();
@@ -282,7 +282,7 @@ describe("#39152 sharing an unsaved question", () => {
     describe(`when embedding ${resource}`, () => {
       describe("when interacting with public link popover", () => {
         it("should send `public_link_copied` event when copying public link", () => {
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             visitResource(resource, id);
           });
 
@@ -330,7 +330,7 @@ describe("#39152 sharing an unsaved question", () => {
         });
 
         it("should send `public_link_removed` when removing the public link", () => {
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             visitResource(resource, id);
           });
 
@@ -346,7 +346,7 @@ describe("#39152 sharing an unsaved question", () => {
 
       describe("when interacting with public embedding", () => {
         it("should send `public_embed_code_copied` event when copying the public embed iframe", () => {
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             visitResource(resource, id);
           });
 
@@ -355,7 +355,7 @@ describe("#39152 sharing an unsaved question", () => {
           H.modal().findByText("Get embedding code").click();
 
           // mock clipboardData so that copy-to-clipboard doesn't use window.prompt, pausing the tests
-          cy.window().then(win => {
+          cy.window().then((win) => {
             win.clipboardData = {
               setData: (...args) =>
                 // eslint-disable-next-line no-console
@@ -373,7 +373,7 @@ describe("#39152 sharing an unsaved question", () => {
         });
 
         it("should send `public_link_removed` event when removing the public embed", () => {
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             visitResource(resource, id);
           });
 
@@ -392,7 +392,7 @@ describe("#39152 sharing an unsaved question", () => {
 
       describe("when interacting with static embedding", () => {
         it("should send `static_embed_code_copied` when copying the static embed code", () => {
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             visitResource(resource, id);
           });
           H.openStaticEmbeddingModal();
@@ -533,7 +533,7 @@ describe("#39152 sharing an unsaved question", () => {
           });
 
           it("should send `static_embed_code_copied` when copying the static embed code", () => {
-            cy.get("@resourceId").then(id => {
+            cy.get("@resourceId").then((id) => {
               visitResource(resource, id);
             });
             H.openStaticEmbeddingModal({ acceptTerms: false });
@@ -656,7 +656,7 @@ describe("#39152 sharing an unsaved question", () => {
         });
 
         it("should send `static_embed_discarded` when discarding changes in the static embed modal", () => {
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             enableEmbeddingForResource({ resource, id });
             visitResource(resource, id);
           });
@@ -680,7 +680,7 @@ describe("#39152 sharing an unsaved question", () => {
           cy.then(function () {
             this.timeAfterResourceCreation = Date.now();
           });
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             visitResource(resource, id);
           });
           H.openStaticEmbeddingModal();
@@ -744,7 +744,7 @@ describe("#39152 sharing an unsaved question", () => {
         });
 
         it("should send `static_embed_unpublished` when unpublishing changes in the static embed modal", () => {
-          cy.get("@resourceId").then(id => {
+          cy.get("@resourceId").then((id) => {
             enableEmbeddingForResource({ resource, id });
             visitResource(resource, id);
           });
@@ -875,7 +875,7 @@ function assertValidPublicLink({ resource, shouldHaveRemoveLink }) {
     cy.findByTestId("public-link-input")
       .should("be.visible")
       .invoke("val")
-      .should(value => {
+      .should((value) => {
         expect(value).to.match(regex);
       });
 
@@ -886,7 +886,7 @@ function assertValidPublicLink({ resource, shouldHaveRemoveLink }) {
 }
 
 function closeTo(value, offset) {
-  return comparedValue => {
+  return (comparedValue) => {
     return Math.abs(comparedValue - value) <= offset;
   };
 }
diff --git a/e2e/test/scenarios/sharing/public-sharing.cy.spec.js b/e2e/test/scenarios/sharing/public-sharing.cy.spec.js
index 5d0edc974b6..a34dee54722 100644
--- a/e2e/test/scenarios/sharing/public-sharing.cy.spec.js
+++ b/e2e/test/scenarios/sharing/public-sharing.cy.spec.js
@@ -86,11 +86,11 @@ describe("scenarios > admin > settings > public sharing", () => {
         cy.wrap(dashboardId).as("dashboardId");
         cy.request("POST", `/api/dashboard/${dashboardId}/public_link`, {});
       })
-      .then(response => {
+      .then((response) => {
         cy.wrap(response.body.uuid).as("dashboardUuid");
       });
 
-    cy.get("@dashboardId").then(dashboardId =>
+    cy.get("@dashboardId").then((dashboardId) =>
       H.visitDashboardAndCreateTab({ dashboardId }),
     );
 
@@ -100,7 +100,7 @@ describe("scenarios > admin > settings > public sharing", () => {
     cy.findByText("Shared Dashboards").should("be.visible");
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText(expectedDashboardName).should("be.visible");
-    cy.get("@dashboardUuid").then(dashboardUuid => {
+    cy.get("@dashboardUuid").then((dashboardUuid) => {
       cy.findByText(
         `${location.origin}/public/dashboard/${dashboardUuid}`,
       ).click();
@@ -111,7 +111,7 @@ describe("scenarios > admin > settings > public sharing", () => {
       cy.visit("/admin/settings/public-sharing");
     });
 
-    cy.get("@dashboardId").then(dashboardId => {
+    cy.get("@dashboardId").then((dashboardId) => {
       cy.findByText(expectedDashboardName).click();
       cy.log(
         "Sometimes the URL will be updated with the tab ID, so we need to account for that",
@@ -150,7 +150,7 @@ describe("scenarios > admin > settings > public sharing", () => {
         cy.wrap(questionId).as("questionId");
         cy.request("POST", `/api/card/${questionId}/public_link`, {});
       })
-      .then(response => {
+      .then((response) => {
         cy.wrap(response.body.uuid).as("questionUuid");
       });
 
@@ -160,7 +160,7 @@ describe("scenarios > admin > settings > public sharing", () => {
     cy.findByText("Shared Questions").should("be.visible");
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText(expectedQuestionName).should("be.visible");
-    cy.get("@questionUuid").then(questionUuid => {
+    cy.get("@questionUuid").then((questionUuid) => {
       cy.findByText(
         `${location.origin}/public/question/${questionUuid}`,
       ).click();
@@ -170,7 +170,7 @@ describe("scenarios > admin > settings > public sharing", () => {
       cy.visit("/admin/settings/public-sharing");
     });
 
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       cy.findByText(expectedQuestionName).click();
       cy.url().should(
         "eq",
@@ -205,7 +205,7 @@ describe("scenarios > admin > settings > public sharing", () => {
       cy.wrap(modelId).as("modelId");
     });
 
-    cy.get("@modelId").then(modelId => {
+    cy.get("@modelId").then((modelId) => {
       H.createAction({
         ...DEFAULT_ACTION_DETAILS,
         name: expectedActionName,
@@ -217,7 +217,7 @@ describe("scenarios > admin > settings > public sharing", () => {
     });
 
     cy.get("@actionId")
-      .then(actionId => {
+      .then((actionId) => {
         cy.request("POST", `/api/action/${actionId}/public_link`, {});
       })
       .then(({ body }) => {
@@ -230,7 +230,7 @@ describe("scenarios > admin > settings > public sharing", () => {
     cy.findByText("Shared Action Forms").should("be.visible");
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText(expectedActionName).should("be.visible");
-    cy.get("@actionUuid").then(actionUuid => {
+    cy.get("@actionUuid").then((actionUuid) => {
       cy.findByText(`${location.origin}/public/action/${actionUuid}`).click();
       cy.findByRole("heading", { name: expectedActionName }).should(
         "be.visible",
diff --git a/e2e/test/scenarios/sharing/sharing-reproductions.cy.spec.js b/e2e/test/scenarios/sharing/sharing-reproductions.cy.spec.js
index 1089ab63ee0..e8f85ad7f99 100644
--- a/e2e/test/scenarios/sharing/sharing-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/sharing/sharing-reproductions.cy.spec.js
@@ -46,7 +46,7 @@ describe("issue 18009", { tags: "@external" }, () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("To:").click();
 
-    H.sendEmailAndAssert(email => {
+    H.sendEmailAndAssert((email) => {
       expect(email.html).not.to.include(
         "An error occurred while displaying this card.",
       );
@@ -100,7 +100,7 @@ describe("issue 18344", { tags: "@external" }, () => {
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
     cy.findByText("To:").click();
 
-    H.sendEmailAndAssert(email => {
+    H.sendEmailAndAssert((email) => {
       expect(email.html).to.include("OrdersFoo");
     });
   });
@@ -180,7 +180,7 @@ describe("issue 18669", { tags: "@external" }, () => {
     parameters: [filterDetails],
   };
 
-  const getFilterMapping = card => ({
+  const getFilterMapping = (card) => ({
     parameter_mappings: [
       {
         parameter_id: filterDetails.id,
@@ -350,7 +350,7 @@ describe("issue 21559", { tags: "@external" }, () => {
       `${admin.first_name} ${admin.last_name}`,
     ]);
 
-    H.sendEmailAndAssert(email => {
+    H.sendEmailAndAssert((email) => {
       expect(email.html).to.include("img"); // Bar chart is sent as img (inline attachment)
       expect(email.html).not.to.include("80.52"); // Scalar displays its value in HTML
     });
@@ -447,7 +447,7 @@ describe("issue 24223", () => {
 
   const dashboardDetails = { parameters };
 
-  const mapFiltersToCard = card_id => ({
+  const mapFiltersToCard = (card_id) => ({
     parameter_mappings: [
       {
         parameter_id: dropdownFilter.id,
@@ -608,7 +608,7 @@ describe("issue 25473", () => {
   });
 
   it("public sharing: dashboard text filter on a custom column should accept text input (metabase#25473-1)", () => {
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       H.visitPublicDashboard(id);
     });
 
@@ -616,7 +616,7 @@ describe("issue 25473", () => {
   });
 
   it("signed embedding: dashboard text filter on a custom column should accept text input (metabase#25473-2)", () => {
-    cy.get("@dashboardId").then(id => {
+    cy.get("@dashboardId").then((id) => {
       cy.request("PUT", `/api/dashboard/${id}`, {
         embedding_params: {
           [dashboardFilter.slug]: "enabled",
@@ -800,7 +800,7 @@ describe("issue 17658", { tags: "@external" }, () => {
     cy.request("GET", "/api/collection/tree?tree=true").then(
       ({ body: collections }) => {
         const { id } = collections.find(
-          collection => collection.name === collectionName,
+          (collection) => collection.name === collectionName,
         );
 
         // Move dashboard
@@ -1021,10 +1021,10 @@ describe("issue 49525", { tags: "@external" }, () => {
       cy.findByText("Questions to attach").click();
     });
 
-    H.sendEmailAndAssert(email => {
+    H.sendEmailAndAssert((email) => {
       // Get the CSV attachment data
       const csvAttachment = email.attachments.find(
-        attachment => attachment.contentType === "text/csv",
+        (attachment) => attachment.contentType === "text/csv",
       );
 
       expect(csvAttachment).to.exist;
@@ -1034,7 +1034,7 @@ describe("issue 49525", { tags: "@external" }, () => {
         method: "GET",
         url: `http://localhost:${WEB_PORT}/email/${email.id}/attachment/${csvAttachment.fileName}`,
         encoding: "utf8",
-      }).then(response => {
+      }).then((response) => {
         const csvContent = response.body;
         const rows = csvContent.split("\n");
         const headers = rows[0];
diff --git a/e2e/test/scenarios/sharing/subscriptions.cy.spec.js b/e2e/test/scenarios/sharing/subscriptions.cy.spec.js
index 15897a5bede..fff154de45a 100644
--- a/e2e/test/scenarios/sharing/subscriptions.cy.spec.js
+++ b/e2e/test/scenarios/sharing/subscriptions.cy.spec.js
@@ -384,7 +384,7 @@ describe("scenarios > dashboard > subscriptions", () => {
       // Click anywhere outside to close the popover
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText("15705D").click();
-      H.sendEmailAndAssert(email => {
+      H.sendEmailAndAssert((email) => {
         expect(email.html).not.to.include(
           "An error occurred while displaying this card.",
         );
@@ -404,7 +404,7 @@ describe("scenarios > dashboard > subscriptions", () => {
       // Click outside popover to close it and at the same time check that the text card content is shown as expected
       // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
       cy.findByText(TEXT_CARD).click();
-      H.sendEmailAndAssert(email => {
+      H.sendEmailAndAssert((email) => {
         expect(email.html).to.include(TEXT_CARD);
       });
     });
@@ -435,7 +435,7 @@ describe("scenarios > dashboard > subscriptions", () => {
         },
       );
 
-      H.sendEmailAndAssert(email => {
+      H.sendEmailAndAssert((email) => {
         expect(email.html).to.include(dashboardDetails.name);
         expect(email.html).to.include(questionDetails.name);
       });
@@ -753,7 +753,7 @@ function assignRecipients({
   cy.findByText("Email it").click();
 
   const userInput = users
-    .map(user => `${user.first_name} ${user.last_name}{enter}`)
+    .map((user) => `${user.first_name} ${user.last_name}{enter}`)
     .join("");
 
   cy.findByPlaceholderText("Enter user names or email addresses")
diff --git a/e2e/test/scenarios/visualizations-charts/bar_chart.cy.spec.js b/e2e/test/scenarios/visualizations-charts/bar_chart.cy.spec.js
index 6bed0bbb6b0..9cfc44e87f7 100644
--- a/e2e/test/scenarios/visualizations-charts/bar_chart.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/bar_chart.cy.spec.js
@@ -493,7 +493,7 @@ describe("scenarios > visualizations > bar chart", () => {
       questions: [multiMetric],
     }).then(({ dashboard }) => {
       H.createQuestion(sumTotalByMonth, { wrapId: true }).then(() => {
-        cy.get("@questionId").then(questionId => {
+        cy.get("@questionId").then((questionId) => {
           H.cypressWaitAll([
             H.createQuestionAndAddToDashboard(avgTotalByMonth, dashboard.id, {
               series: [
@@ -583,9 +583,9 @@ describe("scenarios > visualizations > bar chart", () => {
       "#88BF4D",
       "#98D9D9",
     ]);
-    firstMetric.then($metricOne => {
+    firstMetric.then(($metricOne) => {
       const { height: heightMetricOne } = $metricOne[0].getBoundingClientRect();
-      secondMetric.then($metricTwo => {
+      secondMetric.then(($metricTwo) => {
         const { height: heightMetricTwo } =
           $metricTwo[0].getBoundingClientRect();
 
diff --git a/e2e/test/scenarios/visualizations-charts/funnel.cy.spec.js b/e2e/test/scenarios/visualizations-charts/funnel.cy.spec.js
index e4085390b7e..b79b9689ebe 100644
--- a/e2e/test/scenarios/visualizations-charts/funnel.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/funnel.cy.spec.js
@@ -32,7 +32,7 @@ describe("scenarios > visualizations > funnel chart", () => {
     H.getDraggableElements()
       .first()
       .invoke("text")
-      .then(name => {
+      .then((name) => {
         cy.log(`mode row ${name} down 2`);
         cy.findAllByTestId("funnel-chart-header")
           .first()
diff --git a/e2e/test/scenarios/visualizations-charts/line-bar-tooltips.cy.spec.js b/e2e/test/scenarios/visualizations-charts/line-bar-tooltips.cy.spec.js
index ff10466506c..59b8cd05c81 100644
--- a/e2e/test/scenarios/visualizations-charts/line-bar-tooltips.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/line-bar-tooltips.cy.spec.js
@@ -354,7 +354,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     beforeEach(() => {
       setup({
         question: SUM_OF_TOTAL,
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
     });
@@ -392,7 +392,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
       setup({
         question: SUM_OF_TOTAL,
         addedSeriesQuestion: AVG_OF_TOTAL,
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
     });
@@ -465,7 +465,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     beforeEach(() => {
       setup({
         question: AVG_OF_TOTAL_CUM_SUM_QUANTITY,
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
     });
@@ -532,7 +532,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
         x: 4,
         y: 4,
       },
-    }).then(dashboardId => {
+    }).then((dashboardId) => {
       H.visitDashboard(dashboardId);
     });
     H.cartesianChartCircleWithColor("#A989C5")
@@ -544,10 +544,10 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     H.assertEChartsTooltip({ header: "2022" });
 
     // Ensuring the circle is not covered by the tooltip element
-    cy.get("@firstCircle").then($circle => {
+    cy.get("@firstCircle").then(($circle) => {
       const circleRect = $circle[0].getBoundingClientRect();
 
-      H.echartsTooltip().then($tooltip => {
+      H.echartsTooltip().then(($tooltip) => {
         const tooltipRect = $tooltip[0].getBoundingClientRect();
         const isCovered =
           circleRect.top < tooltipRect.bottom &&
@@ -563,7 +563,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
   it("tooltips should be hidden when click popover is visible", () => {
     setup({
       question: AVG_OF_TOTAL_CUM_SUM_QUANTITY,
-    }).then(dashboardId => {
+    }).then((dashboardId) => {
       H.visitDashboard(dashboardId);
     });
 
@@ -585,7 +585,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
       setup({
         question: AVG_OF_TOTAL_CUM_SUM_QUANTITY,
         addedSeriesQuestion: AVG_DISCOUNT_SUM_DISCOUNT,
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
     });
@@ -605,7 +605,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
       const updatedAddedAvgSeriesName = "Q2 Custom 1";
       const updatedAddedSumSeriesName = "Q2 Custom 2";
 
-      [...originalSeriesColors, ...addedSeriesColors].forEach(color => {
+      [...originalSeriesColors, ...addedSeriesColors].forEach((color) => {
         showTooltipForCircleInSeries(color, circleIndex);
         H.assertEChartsTooltip({
           header: "2023",
@@ -647,7 +647,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
 
       saveDashCardVisualizationOptions();
 
-      [...originalSeriesColors, ...addedSeriesColors].forEach(color => {
+      [...originalSeriesColors, ...addedSeriesColors].forEach((color) => {
         showTooltipForCircleInSeries(color, circleIndex);
         H.assertEChartsTooltip({
           header: "2023",
@@ -689,7 +689,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     beforeEach(() => {
       setup({
         question: { ...SUM_OF_TOTAL, display: "bar" },
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
     });
@@ -739,7 +739,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
       setup({
         question: { ...SUM_OF_TOTAL, display: "bar" },
         addedSeriesQuestion: { ...AVG_OF_TOTAL, display: "bar" },
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
     });
@@ -818,7 +818,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     it("should show percent change in tooltip for timeseries axis", () => {
       setup({
         question: SUM_OF_TOTAL_MONTH,
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -852,7 +852,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     it("should not show percent change when previous month is missing from result data", () => {
       setup({
         question: SUM_OF_TOTAL_MONTH_EXCLUDE_MAY_AUG,
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -911,7 +911,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     it("should not show if x-axis is not timeseries", () => {
       setup({
         question: SUM_OF_TOTAL_MONTH_ORDINAL,
-      }).then(dashboardId => {
+      }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -1000,7 +1000,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     const DST_DAY_CHANGES = [null, "+27.5%", "-26.16%"];
 
     it("should not omit percent change on April", () => {
-      setup({ question: SUM_OF_TOTAL_APRIL }).then(dashboardId => {
+      setup({ question: SUM_OF_TOTAL_APRIL }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -1023,7 +1023,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     });
 
     it("should not omit percent change the week after DST begins", () => {
-      setup({ question: SUM_OF_TOTAL_DST_WEEK }).then(dashboardId => {
+      setup({ question: SUM_OF_TOTAL_DST_WEEK }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
@@ -1047,7 +1047,7 @@ describe("scenarios > visualizations > line/bar chart > tooltips", () => {
     });
 
     it("should not omit percent change the day after DST begins", () => {
-      setup({ question: SUM_OF_TOTAL_DST_DAY }).then(dashboardId => {
+      setup({ question: SUM_OF_TOTAL_DST_DAY }).then((dashboardId) => {
         H.visitDashboard(dashboardId);
       });
 
diff --git a/e2e/test/scenarios/visualizations-charts/line_chart.cy.spec.js b/e2e/test/scenarios/visualizations-charts/line_chart.cy.spec.js
index cdc8b90a3f5..5ae39ab2602 100644
--- a/e2e/test/scenarios/visualizations-charts/line_chart.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/line_chart.cy.spec.js
@@ -32,7 +32,7 @@ describe("scenarios > visualizations > line chart", () => {
 
     H.echartsContainer()
       .findByText("Count")
-      .then(label => {
+      .then((label) => {
         const { x, y } = H.getXYTransform(label);
         cy.wrap({ x, y }).as("leftAxisLabelPosition");
       });
@@ -41,7 +41,7 @@ describe("scenarios > visualizations > line chart", () => {
     cy.findByText("Right").click();
     H.echartsContainer()
       .findByText("Count")
-      .then(label => {
+      .then((label) => {
         const { x: xRight, y: yRight } = H.getXYTransform(label);
         cy.get("@leftAxisLabelPosition").then(({ x: xLeft, y: yLeft }) => {
           expect(yRight).to.be.eq(yLeft);
@@ -541,7 +541,7 @@ describe("scenarios > visualizations > line chart", () => {
 
       // making sure the grabber icon is there
       cy.findAllByTestId("chart-setting-select")
-        .then($elements => {
+        .then(($elements) => {
           for (const element of $elements) {
             if (element.value === "Sum of Total") {
               return cy.wrap(element);
@@ -552,10 +552,10 @@ describe("scenarios > visualizations > line chart", () => {
         .icon("grabber");
 
       cy.log("Drag and drop the first y-axis field to the last position");
-      cy.findAllByTestId("chart-setting-select").then(initial => {
+      cy.findAllByTestId("chart-setting-select").then((initial) => {
         H.dragField(0, 1);
 
-        cy.findAllByTestId("chart-setting-select").should(content => {
+        cy.findAllByTestId("chart-setting-select").should((content) => {
           expect(content[0].value).to.eq(initial[0].value); // Created At: Month
           expect(content[1].value).to.eq(initial[2].value); // Sum of Total
           expect(content[2].value).to.eq(initial[1].value); // Count
@@ -751,7 +751,7 @@ describe("scenarios > visualizations > line chart", () => {
       cy.icon("pencil").click();
       cy.findByTestId("dashcard").realHover();
       cy.icon("palette").click();
-      series.forEach(serie => {
+      series.forEach((serie) => {
         const [old_name, new_name] = serie;
 
         cy.findByDisplayValue(old_name).clear().type(new_name).blur();
diff --git a/e2e/test/scenarios/visualizations-charts/maps.cy.spec.js b/e2e/test/scenarios/visualizations-charts/maps.cy.spec.js
index e374e987fa7..963e3c164bf 100644
--- a/e2e/test/scenarios/visualizations-charts/maps.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/maps.cy.spec.js
@@ -34,7 +34,7 @@ describe("scenarios > visualizations > maps", () => {
     // open. That makes it difficult to select each in Cypress, so we click
     // inside both of them before reopening them one-by-one. :(
     // Please see: https://github.com/metabase/metabase/issues/18063#issuecomment-927836691
-    ["Latitude field", "Longitude field"].map(field =>
+    ["Latitude field", "Longitude field"].map((field) =>
       H.leftSidebar().within(() => {
         toggleFieldSelectElement(field);
       }),
@@ -123,7 +123,7 @@ describe("scenarios > visualizations > maps", () => {
     cy.findByText(/See these People/i).click();
 
     cy.log("Reported as a regression since v0.37.0");
-    cy.wait("@dataset").then(xhr => {
+    cy.wait("@dataset").then((xhr) => {
       expect(xhr.request.body.query.filter).not.to.contain("Texas");
     });
     // eslint-disable-next-line no-unscoped-text-selectors -- deprecated usage
diff --git a/e2e/test/scenarios/visualizations-charts/pie_chart.cy.spec.js b/e2e/test/scenarios/visualizations-charts/pie_chart.cy.spec.js
index c772de4262c..fa2223e3834 100644
--- a/e2e/test/scenarios/visualizations-charts/pie_chart.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/pie_chart.cy.spec.js
@@ -131,7 +131,7 @@ describe("scenarios > visualizations > pie chart", () => {
       ["Gadget", "false"],
       ["Gizmo", "false"],
       ["Widget", "false"],
-    ].map(args => checkLegendItemAriaCurrent(args[0], args[1]));
+    ].map((args) => checkLegendItemAriaCurrent(args[0], args[1]));
   });
 
   it("should not truncate legend titles when enabling percentages (metabase#48207)", () => {
diff --git a/e2e/test/scenarios/visualizations-charts/rows.cy.spec.js b/e2e/test/scenarios/visualizations-charts/rows.cy.spec.js
index 4cfe6c5004e..5b3c94f0f4e 100644
--- a/e2e/test/scenarios/visualizations-charts/rows.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/rows.cy.spec.js
@@ -8,7 +8,7 @@ describe("scenarios > visualizations > rows", () => {
 
   // Until we enable multi-browser support, this repro will be skipped by Cypress in CI
   // Issue was specific to Firefox only - it is still possible to test it locally
-  ["0", "null"].forEach(testValue => {
+  ["0", "null"].forEach((testValue) => {
     it(
       `should not collapse rows when last value is ${testValue} (metabase#14285)`,
       { browser: "firefox" },
@@ -36,7 +36,7 @@ describe("scenarios > visualizations > rows", () => {
         );
 
         cy.findByTestId("query-visualization-root").within(() => {
-          ["a", "b", "c", "d", "e", "f"].forEach(letter => {
+          ["a", "b", "c", "d", "e", "f"].forEach((letter) => {
             cy.findByText(letter);
           });
         });
@@ -71,10 +71,10 @@ describe("scenarios > visualizations > rows", () => {
     );
 
     cy.findByTestId("query-visualization-root").within(() => {
-      ["a", "b", "c", "d", "e", "f"].forEach(letter => {
+      ["a", "b", "c", "d", "e", "f"].forEach((letter) => {
         cy.findByText(letter);
       });
-      [51, 41, 31, 21, 11, 4].forEach(value => {
+      [51, 41, 31, 21, 11, 4].forEach((value) => {
         cy.findByText(value);
       });
       cy.findByText("COLUMN_TWO");
@@ -84,11 +84,11 @@ describe("scenarios > visualizations > rows", () => {
     cy.findAllByRole("graphics-symbol").eq(0).as("firstBar");
     cy.get("@firstBar")
       .invoke("width")
-      .then(prevWidth => {
+      .then((prevWidth) => {
         cy.get("@firstBar")
           .realHover()
           .invoke("width")
-          .then(newWidth => {
+          .then((newWidth) => {
             // eslint-disable-next-line no-unsafe-element-filtering
             expect(prevWidth).eq(newWidth);
           });
diff --git a/e2e/test/scenarios/visualizations-charts/scatter.cy.spec.js b/e2e/test/scenarios/visualizations-charts/scatter.cy.spec.js
index 2259024525e..cea689079a3 100644
--- a/e2e/test/scenarios/visualizations-charts/scatter.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/scatter.cy.spec.js
@@ -167,8 +167,8 @@ select 10 as size, 2 as x, 5 as y`,
       cy.wrap(width).as("radius" + index);
     });
 
-    cy.get("@radius0").then(r0 => {
-      cy.get("@radius1").then(r1 => {
+    cy.get("@radius0").then((r0) => {
+      cy.get("@radius1").then((r1) => {
         assert.notEqual(r0, r1);
       });
     });
@@ -209,12 +209,12 @@ select 10 as size, 2 as x, 5 as y`,
     // Resizing animation due to the sidebar
     cy.wait(200);
 
-    const columnsToRemove = allTooltipRows.slice(2).map(row => row.name);
+    const columnsToRemove = allTooltipRows.slice(2).map((row) => row.name);
 
     H.leftSidebar().within(() => {
       cy.findByText("Display").click();
 
-      columnsToRemove.map(columnName => {
+      columnsToRemove.map((columnName) => {
         cy.findByRole("textbox", { name: "Enter column names" })
           .parent()
           .findByText(columnName)
diff --git a/e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.js b/e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.js
index 851af7d4dfd..6f91df84ccd 100644
--- a/e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.js
@@ -84,7 +84,7 @@ describe("issue 16170", { tags: "@mongo" }, () => {
     });
   });
 
-  ["Zero", "Nothing"].forEach(replacementValue => {
+  ["Zero", "Nothing"].forEach((replacementValue) => {
     it(`replace missing values with "${replacementValue}" should work on Mongo (metabase#16170)`, () => {
       H.openVizSettingsSidebar();
 
@@ -289,7 +289,7 @@ describe("issue 18061", () => {
       cy.wait("@getCard");
       cy.wait("@cardQuery");
 
-      cy.window().then(w => (w.beforeReload = true));
+      cy.window().then((w) => (w.beforeReload = true));
 
       H.queryBuilderHeader().findByTestId("filters-visibility-control").click();
       cy.findByTestId("qb-filters-panel")
@@ -384,7 +384,7 @@ describe("issue 18063", () => {
 
     // Click on the popovers to close both popovers that open automatically.
     // Please see: https://github.com/metabase/metabase/issues/18063#issuecomment-927836691
-    ["Latitude field", "Longitude field"].forEach(field =>
+    ["Latitude field", "Longitude field"].forEach((field) =>
       H.leftSidebar().within(() => {
         toggleFieldSelectElement(field);
       }),
@@ -650,7 +650,7 @@ describe("issue 21665", () => {
   });
 
   it("multi-series cards shouldnt cause frontend to reload (metabase#21665)", () => {
-    cy.get("@questionId").then(questionId => {
+    cy.get("@questionId").then((questionId) => {
       editQ2NativeQuery("select order by --", questionId);
     });
 
@@ -837,7 +837,7 @@ describe("issue 27279", () => {
     // need to add a single space on either side of the text as it is used as padding
     // in ECharts
     const xAxisTicks = ["F2021", "V2021", "S2022", "F2022"].map(
-      str => ` ${str} `,
+      (str) => ` ${str} `,
     );
     compareValuesInOrder(
       H.echartsContainer()
@@ -927,7 +927,7 @@ describe("issue 27427", () => {
         method: "GET",
         url: `/api/pulse/preview_card/${id}`,
         failOnStatusCode: false,
-      }).then(response => {
+      }).then((response) => {
         callback(response);
       });
     });
diff --git a/e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.ts b/e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.ts
index 94c7aba372c..e1dd5eb1f40 100644
--- a/e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.ts
+++ b/e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.ts
@@ -27,7 +27,7 @@ describe("issue 43075", () => {
     H.popover().findByText("Break out by…").click();
     H.popover().findByText("Category").click();
 
-    cy.window().then(win => {
+    cy.window().then((win) => {
       expect(win.document.documentElement.scrollHeight).to.be.lte(
         win.document.documentElement.offsetHeight,
       );
diff --git a/e2e/test/scenarios/visualizations-charts/waterfall.cy.spec.js b/e2e/test/scenarios/visualizations-charts/waterfall.cy.spec.js
index f2ff29d3334..4ed639c81c1 100644
--- a/e2e/test/scenarios/visualizations-charts/waterfall.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-charts/waterfall.cy.spec.js
@@ -146,12 +146,12 @@ describe("scenarios > visualizations > waterfall", () => {
         cy.findByText("Sum of Total").should("not.exist");
 
         // x-axis labels (some)
-        ["2022", "2023", "2026", "Total"].forEach(label => {
+        ["2022", "2023", "2026", "Total"].forEach((label) => {
           cy.findByText(label).should("exist");
         });
 
         // y-axis labels (some)
-        ["0", "3,000", "6,000", "18,000", "21,000"].forEach(label => {
+        ["0", "3,000", "6,000", "18,000", "21,000"].forEach((label) => {
           cy.findByText(label).should("exist");
         });
       });
@@ -175,12 +175,12 @@ describe("scenarios > visualizations > waterfall", () => {
         cy.findByText("Count").should("not.exist");
 
         // x-axis labels (some)
-        ["2022", "2023", "2026", "Total"].forEach(label => {
+        ["2022", "2023", "2026", "Total"].forEach((label) => {
           cy.findByText(label).should("exist");
         });
 
         // y-axis labels (some)
-        ["0", "300,000", "900,000", "1,800,000"].forEach(label => {
+        ["0", "300,000", "900,000", "1,800,000"].forEach((label) => {
           cy.findByText(label).should("exist");
         });
       });
diff --git a/e2e/test/scenarios/visualizations-tabular/drillthroughs/chart_drill.cy.spec.js b/e2e/test/scenarios/visualizations-tabular/drillthroughs/chart_drill.cy.spec.js
index c7472ad1351..8ee05a133e5 100644
--- a/e2e/test/scenarios/visualizations-tabular/drillthroughs/chart_drill.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-tabular/drillthroughs/chart_drill.cy.spec.js
@@ -64,7 +64,7 @@ describe("scenarios > visualizations > drillthroughs > chart drill", () => {
     });
   });
 
-  ["month", "month-of-year"].forEach(granularity => {
+  ["month", "month-of-year"].forEach((granularity) => {
     it(`brush filter should work post-aggregation for ${granularity} granularity (metabase#18011)`, () => {
       cy.intercept("POST", "/api/dataset").as("dataset");
 
@@ -503,7 +503,7 @@ describe("scenarios > visualizations > drillthroughs > chart drill", () => {
         cy.findByText("See these People").click();
 
         // We should see the resulting dataset of that drill-through
-        cy.wait("@dataset").then(xhr => {
+        cy.wait("@dataset").then((xhr) => {
           expect(xhr.response.body.error).not.to.exist;
         });
         cy.findByText("Macy Olson");
diff --git a/e2e/test/scenarios/visualizations-tabular/drillthroughs/column_extract_drill.cy.spec.js b/e2e/test/scenarios/visualizations-tabular/drillthroughs/column_extract_drill.cy.spec.js
index cfc88d21553..e066584d5d0 100644
--- a/e2e/test/scenarios/visualizations-tabular/drillthroughs/column_extract_drill.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-tabular/drillthroughs/column_extract_drill.cy.spec.js
@@ -329,7 +329,7 @@ H.describeWithSnowplow("extract action", () => {
 
       H.createQuestion(questionDetails).then(({ body: { id: modelId } }) => {
         // set semantic type to URL
-        H.setModelMetadata(modelId, field => {
+        H.setModelMetadata(modelId, (field) => {
           if (field.name === CC_NAME) {
             return { ...field, semantic_type: "type/URL" };
           }
@@ -344,7 +344,7 @@ H.describeWithSnowplow("extract action", () => {
 
       cy.findByTestId("table-scroll-container").scrollTo("right");
 
-      const urlCase = URL_CASES.find(c => c.option === "Path");
+      const urlCase = URL_CASES.find((c) => c.option === "Path");
       extractColumnAndCheck({
         column: CC_NAME,
         option: urlCase.option,
diff --git a/e2e/test/scenarios/visualizations-tabular/drillthroughs/table_drills.cy.spec.js b/e2e/test/scenarios/visualizations-tabular/drillthroughs/table_drills.cy.spec.js
index c43749b1229..720f7120b36 100644
--- a/e2e/test/scenarios/visualizations-tabular/drillthroughs/table_drills.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-tabular/drillthroughs/table_drills.cy.spec.js
@@ -237,7 +237,7 @@ describe("scenarios > visualizations > drillthroughs > table_drills", () => {
       cy.get("[data-testid=cell-data]").contains(drillCellText).first().click();
       H.popover().within(() => {
         cy.findByText("Break out by…").click();
-        menuItems.forEach(item => {
+        menuItems.forEach((item) => {
           cy.findByText(item).click();
         });
       });
diff --git a/e2e/test/scenarios/visualizations-tabular/object_detail.cy.spec.js b/e2e/test/scenarios/visualizations-tabular/object_detail.cy.spec.js
index fb417d7891c..6a319d50227 100644
--- a/e2e/test/scenarios/visualizations-tabular/object_detail.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-tabular/object_detail.cy.spec.js
@@ -479,7 +479,7 @@ function changeSorting(columnName, direction) {
   cy.wait("@dataset");
 }
 
-["postgres", "mysql"].forEach(dialect => {
+["postgres", "mysql"].forEach((dialect) => {
   describe(
     `Object Detail > composite keys (${dialect})`,
     { tags: ["@external"] },
@@ -494,7 +494,7 @@ function changeSorting(columnName, direction) {
       });
 
       it("can show object detail modal for items with composite keys", () => {
-        H.getTableId({ name: TEST_TABLE }).then(tableId => {
+        H.getTableId({ name: TEST_TABLE }).then((tableId) => {
           cy.visit(`/question#?db=${WRITABLE_DB_ID}&table=${tableId}`);
         });
 
@@ -511,7 +511,7 @@ function changeSorting(columnName, direction) {
         // this bug only manifests on tables without single integer primary keys
         // it is also reproducible on tables with string keys
 
-        H.getTableId({ name: TEST_TABLE }).then(tableId => {
+        H.getTableId({ name: TEST_TABLE }).then((tableId) => {
           cy.visit(`/question#?db=${WRITABLE_DB_ID}&table=${tableId}`);
         });
 
@@ -545,7 +545,7 @@ function changeSorting(columnName, direction) {
       });
 
       it("can show object detail modal for items with no primary key", () => {
-        H.getTableId({ name: TEST_TABLE }).then(tableId => {
+        H.getTableId({ name: TEST_TABLE }).then((tableId) => {
           cy.visit(`/question#?db=${WRITABLE_DB_ID}&table=${tableId}`);
         });
 
diff --git a/e2e/test/scenarios/visualizations-tabular/pivot_tables.cy.spec.js b/e2e/test/scenarios/visualizations-tabular/pivot_tables.cy.spec.js
index b71010bb55e..d38b0a838f1 100644
--- a/e2e/test/scenarios/visualizations-tabular/pivot_tables.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-tabular/pivot_tables.cy.spec.js
@@ -650,7 +650,7 @@ describe("scenarios > visualizations > pivot tables", { tags: "@slow" }, () => {
       });
     });
 
-    TEST_CASES.forEach(test => {
+    TEST_CASES.forEach((test) => {
       describe(test.case, () => {
         beforeEach(() => {
           cy.visit("collection/root");
@@ -670,7 +670,7 @@ describe("scenarios > visualizations > pivot tables", { tags: "@slow" }, () => {
           cy.findByTestId("public-link-popover-content")
             .findByTestId("public-link-input")
             .invoke("val")
-            .then($value => {
+            .then(($value) => {
               cy.visit($value);
             });
           cy.findByTestId("embed-frame-header").contains(test.subject);
@@ -1049,7 +1049,7 @@ describe("scenarios > visualizations > pivot tables", { tags: "@slow" }, () => {
       cy.findByText("Row totals").should("be.visible");
     });
 
-    cy.get("@questionId").then(id => H.visitQuestion(id));
+    cy.get("@questionId").then((id) => H.visitQuestion(id));
 
     H.queryBuilderMain().within(() => {
       cy.findByLabelText(PIVOT_TABLE_BODY_LABEL).scrollTo(10000, 0);
@@ -1058,7 +1058,7 @@ describe("scenarios > visualizations > pivot tables", { tags: "@slow" }, () => {
   });
 
   describe("column resizing", () => {
-    const getCellWidth = textEl =>
+    const getCellWidth = (textEl) =>
       textEl.closest("[data-testid=pivot-table-cell]").width();
 
     it("should persist column sizes in visualization settings", () => {
@@ -1075,10 +1075,10 @@ describe("scenarios > visualizations > pivot tables", { tags: "@slow" }, () => {
       dragColumnHeader(totalHeaderColHandle, 100);
 
       cy.findByTestId("pivot-table").within(() => {
-        cy.findByText("User → Source").should($headerTextEl => {
+        cy.findByText("User → Source").should(($headerTextEl) => {
           expect(getCellWidth($headerTextEl)).equal(80); // min width is 80
         });
-        cy.findByText("Row totals").should($headerTextEl => {
+        cy.findByText("Row totals").should(($headerTextEl) => {
           expect(getCellWidth($headerTextEl)).equal(200);
         });
       });
@@ -1091,10 +1091,10 @@ describe("scenarios > visualizations > pivot tables", { tags: "@slow" }, () => {
       cy.reload(); // reload to make sure the settings are persisted
 
       cy.findByTestId("pivot-table").within(() => {
-        cy.findByText("User → Source").then($headerTextEl => {
+        cy.findByText("User → Source").then(($headerTextEl) => {
           expect(getCellWidth($headerTextEl)).equal(80);
         });
-        cy.findByText("Row totals").then($headerTextEl => {
+        cy.findByText("Row totals").then(($headerTextEl) => {
           expect(getCellWidth($headerTextEl)).equal(200);
         });
       });
@@ -1102,8 +1102,8 @@ describe("scenarios > visualizations > pivot tables", { tags: "@slow" }, () => {
   });
 
   it("should not have to wait for data to show fields in summarisation (metabase#26467)", () => {
-    cy.intercept("POST", "api/card/pivot/*/query", req => {
-      req.on("response", res => {
+    cy.intercept("POST", "api/card/pivot/*/query", (req) => {
+      req.on("response", (res) => {
         res.setDelay(20_000);
       });
     });
@@ -1512,7 +1512,7 @@ function assertOnPivotFields() {
 
 function dragColumnHeader(el, xDistance = 50) {
   const HANDLE_WIDTH = xDistance > 0 ? 2 : -2;
-  el.then($el => {
+  el.then(($el) => {
     const currentXPos = $el[0].getBoundingClientRect().x;
     el.trigger("mousedown", { which: 1 })
       .trigger("mousemove", {
@@ -1544,7 +1544,7 @@ function sortColumnResults(column, direction) {
   // Click anywhere to dismiss the popover from UI
   cy.get("body").click("topLeft");
 
-  cy.location("hash").then(hash => {
+  cy.location("hash").then((hash) => {
     // Get rid of the leading `#`
     const base64EncodedQuery = hash.slice(1);
     const decodedQuery = atob(base64EncodedQuery);
diff --git a/e2e/test/scenarios/visualizations-tabular/table-column-settings.cy.spec.js b/e2e/test/scenarios/visualizations-tabular/table-column-settings.cy.spec.js
index ffddb303027..6e3b3bad49c 100644
--- a/e2e/test/scenarios/visualizations-tabular/table-column-settings.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-tabular/table-column-settings.cy.spec.js
@@ -33,7 +33,7 @@ const tableQuestionWithJoin = {
   },
 };
 
-const tableQuestionWithJoinOnQuestion = card => ({
+const tableQuestionWithJoinOnQuestion = (card) => ({
   display: "table",
   query: {
     "source-table": ORDERS_ID,
@@ -165,7 +165,7 @@ const nativeQuestion = {
   limit: 5,
 };
 
-const nestedQuestion = card => ({
+const nestedQuestion = (card) => ({
   display: "table",
   query: {
     "source-table": `card__${card.id}`,
@@ -173,7 +173,7 @@ const nestedQuestion = card => ({
   limit: 5,
 });
 
-const nestedQuestionWithJoinOnTable = card => ({
+const nestedQuestionWithJoinOnTable = (card) => ({
   display: "table",
   query: {
     "source-table": `card__${card.id}`,
@@ -193,7 +193,7 @@ const nestedQuestionWithJoinOnTable = card => ({
   },
 });
 
-const nestedQuestionWithJoinOnQuestion = card => ({
+const nestedQuestionWithJoinOnQuestion = (card) => ({
   display: "table",
   query: {
     "source-table": `card__${card.id}`,
@@ -823,11 +823,11 @@ describe("scenarios > visualizations > table column settings", () => {
   });
 });
 
-const showColumn = column => {
+const showColumn = (column) => {
   cy.findByTestId(`${column}-show-button`).click();
 };
 
-const hideColumn = column => {
+const hideColumn = (column) => {
   cy.findByTestId(`${column}-hide-button`).click();
 };
 
@@ -849,14 +849,14 @@ const visibleColumns = () => {
   return cy.findByTestId("visible-columns");
 };
 
-const getColumn = columnName => {
+const getColumn = (columnName) => {
   return visibleColumns().contains("[role=listitem]", columnName);
 };
 
-const assertColumnEnabled = column => {
+const assertColumnEnabled = (column) => {
   column.should("have.attr", "data-enabled", "true");
 };
 
-const assertColumnHidden = column => {
+const assertColumnHidden = (column) => {
   column.should("have.attr", "data-enabled", "false");
 };
diff --git a/e2e/test/scenarios/visualizations-tabular/table.cy.spec.js b/e2e/test/scenarios/visualizations-tabular/table.cy.spec.js
index 6cff21738ea..aa79bcc9ce2 100644
--- a/e2e/test/scenarios/visualizations-tabular/table.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-tabular/table.cy.spec.js
@@ -103,13 +103,13 @@ describe("scenarios > visualizations > table", () => {
     });
 
     const assertUnchangedWidths = () => {
-      cy.get("@firstWidth").then(firstWidth => {
+      cy.get("@firstWidth").then((firstWidth) => {
         H.tableHeaderColumn("first_column")
           .invoke("outerWidth")
           .should("eq", firstWidth);
       });
 
-      cy.get("@secondWidth").then(secondWidth => {
+      cy.get("@secondWidth").then((secondWidth) => {
         H.tableHeaderColumn("second_column")
           .invoke("outerWidth")
           .should("eq", secondWidth);
@@ -371,7 +371,7 @@ describe("scenarios > visualizations > table", () => {
       cy.findByPlaceholderText("Search by Password").blur();
     });
 
-    H.popover().then($popover => {
+    H.popover().then(($popover) => {
       expect(H.isScrollableHorizontally($popover[0])).to.be.false;
     });
   });
@@ -379,8 +379,8 @@ describe("scenarios > visualizations > table", () => {
   it("should show the slow loading text when the query is taking too long", () => {
     H.openOrdersTable({ mode: "notebook" });
 
-    cy.intercept("POST", "/api/dataset", req => {
-      req.on("response", res => {
+    cy.intercept("POST", "/api/dataset", (req) => {
+      req.on("response", (res) => {
         res.setDelay(10000);
       });
     });
@@ -413,7 +413,7 @@ describe("scenarios > visualizations > table > dashboards context", () => {
     cy.findByTestId("public-link-input")
       .invoke("val")
       .should("not.be.empty")
-      .then(publicLink => {
+      .then((publicLink) => {
         cy.signOut();
         cy.visit(publicLink);
       });
@@ -541,7 +541,7 @@ describe("scenarios > visualizations > table > dashboards context", () => {
     cy.findAllByTestId("header-cell")
       .filter(":contains(ID)")
       .as("headerCell")
-      .then($cell => {
+      .then(($cell) => {
         const originalWidth = $cell[0].getBoundingClientRect().width;
         cy.wrap(originalWidth).as("originalWidth");
       });
@@ -561,8 +561,8 @@ describe("scenarios > visualizations > table > dashboards context", () => {
 
     H.saveDashboard();
 
-    cy.get("@originalWidth").then(originalWidth => {
-      cy.get("@headerCell").should($newCell => {
+    cy.get("@originalWidth").then((originalWidth) => {
+      cy.get("@headerCell").should(($newCell) => {
         const newWidth = $newCell[0].getBoundingClientRect().width;
         expect(newWidth).to.be.gte(originalWidth + resizeByWidth);
       });
@@ -571,8 +571,8 @@ describe("scenarios > visualizations > table > dashboards context", () => {
     // Ensure it persists after page reload
     cy.reload();
 
-    cy.get("@originalWidth").then(originalWidth => {
-      cy.get("@headerCell").should($newCell => {
+    cy.get("@originalWidth").then((originalWidth) => {
+      cy.get("@headerCell").should(($newCell) => {
         const newWidth = $newCell[0].getBoundingClientRect().width;
         expect(newWidth).to.be.gte(originalWidth + resizeByWidth);
       });
@@ -688,9 +688,9 @@ describe("scenarios > visualizations > table > conditional formatting", () => {
 
       H.getTable({ name: "many_data_types" }).then(
         ({ id: tableId, fields }) => {
-          const booleanField = fields.find(field => field.name === "boolean");
-          const stringField = fields.find(field => field.name === "string");
-          const idField = fields.find(field => field.name === "id");
+          const booleanField = fields.find((field) => field.name === "boolean");
+          const stringField = fields.find((field) => field.name === "string");
+          const idField = fields.find((field) => field.name === "id");
 
           H.visitQuestionAdhoc({
             dataset_query: {
diff --git a/e2e/test/scenarios/visualizations-tabular/visualizations-tabular-reproductions.cy.spec.js b/e2e/test/scenarios/visualizations-tabular/visualizations-tabular-reproductions.cy.spec.js
index 6d840e7a0ec..59365a8ff98 100644
--- a/e2e/test/scenarios/visualizations-tabular/visualizations-tabular-reproductions.cy.spec.js
+++ b/e2e/test/scenarios/visualizations-tabular/visualizations-tabular-reproductions.cy.spec.js
@@ -20,7 +20,7 @@ describe("issue 6010", () => {
     });
   };
 
-  const createQuestion = metric_id => {
+  const createQuestion = (metric_id) => {
     return H.createQuestion({
       name: "Question",
       display: "line",
@@ -643,8 +643,8 @@ describe.skip("issue 42049", () => {
   });
 
   it("should not mess up columns order (metabase#42049)", () => {
-    cy.intercept("POST", "/api/card/*/query", req => {
-      req.on("response", res => {
+    cy.intercept("POST", "/api/card/*/query", (req) => {
+      req.on("response", (res) => {
         const createdAt = res.body.data.cols[1];
 
         createdAt.field_ref[1] = "created_at"; // simulate named field ref
@@ -808,7 +808,7 @@ describe("issue 14148", { tags: "@external" }, () => {
           },
         },
         {
-          callback: xhr =>
+          callback: (xhr) =>
             expect(xhr.response.body.cause || "").not.to.contain("ERROR"),
         },
       ),
@@ -886,7 +886,7 @@ describe("issue 7884", () => {
     },
   };
 
-  const getNestedQuestionDetails = sourceQuestionId => ({
+  const getNestedQuestionDetails = (sourceQuestionId) => ({
     query: {
       "source-table": `card__${sourceQuestionId}`,
     },
diff --git a/e2e/validate-e2e-test-files.js b/e2e/validate-e2e-test-files.js
index df1344f363c..464ab71b881 100644
--- a/e2e/validate-e2e-test-files.js
+++ b/e2e/validate-e2e-test-files.js
@@ -15,7 +15,7 @@ function validateE2EFileNames(files) {
     return;
   }
 
-  const invalidFileNames = files.filter(fullPath => {
+  const invalidFileNames = files.filter((fullPath) => {
     return !path.basename(fullPath).match(E2E_FILE_EXTENSION);
   });
 
diff --git a/enterprise/frontend/src/embedding-sdk/bin/generate-cli-snippets-for-testing.ts b/enterprise/frontend/src/embedding-sdk/bin/generate-cli-snippets-for-testing.ts
index 50f21163a71..0148f6e94ae 100644
--- a/enterprise/frontend/src/embedding-sdk/bin/generate-cli-snippets-for-testing.ts
+++ b/enterprise/frontend/src/embedding-sdk/bin/generate-cli-snippets-for-testing.ts
@@ -39,17 +39,17 @@ const generateComponentSnippets = ({
     isNextJs: false,
   });
   const nextJsAnalyticsPageSnippetContent = getNextJsAnalyticsPageSnippet({
-    resolveImport: path => `./${path}`,
+    resolveImport: (path) => `./${path}`,
   });
   const nextJsPagesWrapperSnippetContent =
     getNextJsPagesWrapperOrAppWrapperSnippet({
       router: "pages",
-      resolveImport: path => `./${path}`,
+      resolveImport: (path) => `./${path}`,
     });
   const nextJsAppWrapperSnippetContent =
     getNextJsPagesWrapperOrAppWrapperSnippet({
       router: "app",
-      resolveImport: path => `./${path}`,
+      resolveImport: (path) => `./${path}`,
     });
 
   for (const { fileName, content } of snippets) {
@@ -80,17 +80,17 @@ const generateComponentSnippets = ({
 
 const generateNextJsSnippets = ({ folderName }: { folderName: string }) => {
   const nextJsAnalyticsPageSnippetContent = getNextJsAnalyticsPageSnippet({
-    resolveImport: path => `./${path}`,
+    resolveImport: (path) => `./${path}`,
   });
   const nextJsPagesWrapperSnippetContent =
     getNextJsPagesWrapperOrAppWrapperSnippet({
       router: "pages",
-      resolveImport: path => `./${path}`,
+      resolveImport: (path) => `./${path}`,
     });
   const nextJsAppWrapperSnippetContent =
     getNextJsPagesWrapperOrAppWrapperSnippet({
       router: "app",
-      resolveImport: path => `./${path}`,
+      resolveImport: (path) => `./${path}`,
     });
 
   generateComponentSnippets({
diff --git a/enterprise/frontend/src/embedding-sdk/bin/generate-nextjs-compat.ts b/enterprise/frontend/src/embedding-sdk/bin/generate-nextjs-compat.ts
index d5ef4ba3917..9b9c251bb88 100644
--- a/enterprise/frontend/src/embedding-sdk/bin/generate-nextjs-compat.ts
+++ b/enterprise/frontend/src/embedding-sdk/bin/generate-nextjs-compat.ts
@@ -19,7 +19,7 @@ export type ComponentDefinition = {
 // { mainComponent: "MetabaseProvider", subComponents: [] },
 const COMPONENTS_TO_EXPORT: ComponentDefinition[] =
   getPublicComponents().filter(
-    component => component.mainComponent !== "MetabaseProvider",
+    (component) => component.mainComponent !== "MetabaseProvider",
   );
 
 // END OF CONFIGURATION
@@ -91,7 +91,7 @@ const ${mainComponent} = dynamic(
 
 ${subComponents
   .map(
-    subComponent => `${mainComponent}.${subComponent} = dynamic(
+    (subComponent) => `${mainComponent}.${subComponent} = dynamic(
 () =>
   import("./main.bundle.js").then((m) => {
     return { default: m.${mainComponent}.${subComponent} };
@@ -109,7 +109,7 @@ ${match(type)
 };
 
 const generateAllComponents = (type: "cjs" | "js") => {
-  return COMPONENTS_TO_EXPORT.map(component =>
+  return COMPONENTS_TO_EXPORT.map((component) =>
     generateCodeFor({ component, type }),
   ).join("\n");
 };
diff --git a/enterprise/frontend/src/embedding-sdk/bin/get-public-components.ts b/enterprise/frontend/src/embedding-sdk/bin/get-public-components.ts
index 6292d03af3a..9547bdce7f2 100644
--- a/enterprise/frontend/src/embedding-sdk/bin/get-public-components.ts
+++ b/enterprise/frontend/src/embedding-sdk/bin/get-public-components.ts
@@ -21,7 +21,7 @@ export function getPublicComponents() {
 
   const componentForNextJsCompatList: ComponentDefinition[] = [];
 
-  sdkPublicIndexSourceFile.forEachDescendant(node => {
+  sdkPublicIndexSourceFile.forEachDescendant((node) => {
     switch (node.getKind()) {
       case SyntaxKind.ExportSpecifier: {
         if (!isType(node as ExportSpecifier) && isReactComponent(node)) {
@@ -49,7 +49,7 @@ function findSubComponents(node: ExportSpecifier) {
   ).findReferencesAsNodes();
 
   return sdkComponentReferences
-    .map(reference => {
+    .map((reference) => {
       if (
         // Find all `InteractiveQuestion.Xxx` references.
         reference.getParent()?.getKind() ===
diff --git a/enterprise/frontend/src/embedding-sdk/cli/run.ts b/enterprise/frontend/src/embedding-sdk/cli/run.ts
index e64570d07b3..2f48e3a0021 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/run.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/run.ts
@@ -55,14 +55,14 @@ export const CLI_STEPS: CliStepConfig[] = [
   {
     id: "askForTenancyColumns",
     executeStep: askForTenancyColumns,
-    runIf: state => !state.useSampleDatabase && hasValidLicense(state),
+    runIf: (state) => !state.useSampleDatabase && hasValidLicense(state),
   },
   {
     id: "setupPermissions",
     executeStep: setupPermissions,
 
     // We need at least one table with a tenancy column to set up sandboxing.
-    runIf: state =>
+    runIf: (state) =>
       !state.useSampleDatabase &&
       hasValidLicense(state) &&
       Object.keys(state.tenancyColumnNames ?? {}).length > 0,
diff --git a/enterprise/frontend/src/embedding-sdk/cli/snippets/user-switcher-snippet.ts b/enterprise/frontend/src/embedding-sdk/cli/snippets/user-switcher-snippet.ts
index c0fb9f3adb2..98635f04e37 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/snippets/user-switcher-snippet.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/snippets/user-switcher-snippet.ts
@@ -1,7 +1,7 @@
 import { HARDCODED_USERS } from "../constants/hardcoded-users";
 
 export const getUserSwitcherSnippet = () => {
-  const users = HARDCODED_USERS.map(user => ({
+  const users = HARDCODED_USERS.map((user) => ({
     email: user.email,
     firstName: user.firstName,
   }));
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/add-database-connection.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/add-database-connection.ts
index 1a0f84ce9b7..1736c832fdf 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/add-database-connection.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/add-database-connection.ts
@@ -9,7 +9,7 @@ import { addDatabaseConnection } from "../utils/add-database-connection";
 import { askForDatabaseConnectionInfo } from "../utils/ask-for-db-connection-info";
 import { fetchInstanceSettings } from "../utils/fetch-instance-settings";
 
-export const addDatabaseConnectionStep: CliStepMethod = async state => {
+export const addDatabaseConnectionStep: CliStepMethod = async (state) => {
   const settings = await fetchInstanceSettings({
     instanceUrl: state.instanceUrl ?? "",
   });
@@ -31,7 +31,7 @@ export const addDatabaseConnectionStep: CliStepMethod = async state => {
       message: "What database are you connecting to?",
       source(term) {
         return term
-          ? engineChoices.filter(choice =>
+          ? engineChoices.filter((choice) =>
               choice.name.toLowerCase().includes(term.toLowerCase()),
             )
           : engineChoices;
@@ -74,4 +74,4 @@ export const addDatabaseConnectionStep: CliStepMethod = async state => {
 const getEngineChoices = (settings: Settings) =>
   Object.entries(settings.engines)
     .map(([key, engine]) => ({ name: engine["driver-name"], value: key }))
-    .filter(engine => CLI_SHOWN_DB_ENGINES.includes(engine.value));
+    .filter((engine) => CLI_SHOWN_DB_ENGINES.includes(engine.value));
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/ask-if-has-database.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/ask-if-has-database.ts
index b1f68d550b7..e1f617810dd 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/ask-if-has-database.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/ask-if-has-database.ts
@@ -6,7 +6,7 @@ import { printHelperText } from "embedding-sdk/cli/utils/print";
 /**
  * Asks the user first if they have a database to connect to.
  */
-export const askIfHasDatabase: CliStepMethod = async state => {
+export const askIfHasDatabase: CliStepMethod = async (state) => {
   const hasDatabase = await toggle({
     message:
       "Do you have a database to connect to? This will be used to embed your data.",
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/ask-tenancy-columns.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/ask-tenancy-columns.ts
index 44f76f2b8be..46f670da121 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/ask-tenancy-columns.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/ask-tenancy-columns.ts
@@ -4,7 +4,7 @@ import toggle from "inquirer-toggle";
 import type { CliStepMethod } from "../types/cli";
 import { printHelperText } from "../utils/print";
 
-export const askForTenancyColumns: CliStepMethod = async state => {
+export const askForTenancyColumns: CliStepMethod = async (state) => {
   // The sample database does not have tenancy columns.
   if (state.useSampleDatabase) {
     return [{ type: "success" }, state];
@@ -50,12 +50,12 @@ export const askForTenancyColumns: CliStepMethod = async state => {
       // We only select the fields that have a foreign key.
       // We exclude the last tenant id field.
       ...(table.fields
-        ?.filter(field => field.name !== lastTenancyColumnName)
-        ?.map(f => ({ name: f.name, value: f.name })) ?? []),
+        ?.filter((field) => field.name !== lastTenancyColumnName)
+        ?.map((f) => ({ name: f.name, value: f.name })) ?? []),
     ];
 
     const lastTenantField = table.fields?.find(
-      field => field.name === lastTenancyColumnName,
+      (field) => field.name === lastTenancyColumnName,
     );
 
     // if we found the same column name in the previous table,
@@ -72,7 +72,7 @@ export const askForTenancyColumns: CliStepMethod = async state => {
       message: `What is the multi-tenancy column for ${table.name}?`,
       source(term) {
         return term
-          ? fieldChoices.filter(choice => choice.name.includes(term))
+          ? fieldChoices.filter((choice) => choice.name.includes(term))
           : fieldChoices;
       },
     });
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/check-docker-container-exist.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/check-docker-container-exist.ts
index 3b9b1c957fa..c156b8a114e 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/check-docker-container-exist.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/check-docker-container-exist.ts
@@ -13,7 +13,7 @@ const execAsync = promisify(exec);
 /**
  * Check if the Docker daemon is running.
  */
-export const checkIfDockerContainerExists: CliStepMethod = async state => {
+export const checkIfDockerContainerExists: CliStepMethod = async (state) => {
   const doesContainerExist = await doesDockerContainerExist(CONTAINER_NAME);
 
   if (doesContainerExist) {
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/check-docker-running.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/check-docker-running.ts
index c471a2723cb..c24d419fdf4 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/check-docker-running.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/check-docker-running.ts
@@ -9,7 +9,7 @@ const exec = promisify(execCallback);
 /**
  * Check if the Docker daemon is running.
  */
-export const checkIsDockerRunning: CliStepMethod = async state => {
+export const checkIsDockerRunning: CliStepMethod = async (state) => {
   const spinner = ora("Checking if Docker is running…").start();
 
   const errorResponse: CliError = {
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/check-if-react-project.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/check-if-react-project.ts
index b2b31d460f6..c714e7d20f5 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/check-if-react-project.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/check-if-react-project.ts
@@ -16,7 +16,7 @@ import {
 const isReactVersionSupported = (version: string) =>
   semver.satisfies(semver.coerce(version)!, "18.x || 19.x");
 
-export const checkIfReactProject: CliStepMethod = async state => {
+export const checkIfReactProject: CliStepMethod = async (state) => {
   const spinner = ora("Checking if this is a React project…").start();
 
   if (!(await hasPackageJson())) {
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/check-sdk-available.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/check-sdk-available.ts
index 90ac5ebd051..7f9dab9dbc5 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/check-sdk-available.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/check-sdk-available.ts
@@ -5,7 +5,7 @@ import { installSdk } from "../steps/install-sdk";
 import type { CliStepMethod } from "../types/cli";
 import { getPackageVersions } from "../utils/get-package-version";
 
-export const checkSdkAvailable: CliStepMethod = async state => {
+export const checkSdkAvailable: CliStepMethod = async (state) => {
   const spinner = ora("Checking if SDK is installed…").start();
 
   const projectDependencies = await getPackageVersions(SDK_PACKAGE_NAME);
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/create-api-key.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/create-api-key.ts
index 4036f0b81d9..0ddd87ecabd 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/create-api-key.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/create-api-key.ts
@@ -2,7 +2,7 @@ import ora from "ora";
 
 import type { CliStepMethod } from "embedding-sdk/cli/types/cli";
 
-export const createApiKey: CliStepMethod = async state => {
+export const createApiKey: CliStepMethod = async (state) => {
   if (!state.instanceUrl || !state.cookie) {
     return [
       {
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/create-models-and-xrays.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/create-models-and-xrays.ts
index b6940036e68..3f357cb85cb 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/create-models-and-xrays.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/create-models-and-xrays.ts
@@ -7,7 +7,7 @@ import type { DashboardInfo } from "../types/dashboard";
 import { createModelFromTable } from "../utils/create-model-from-table";
 import { createXrayDashboardFromModel } from "../utils/xray-models";
 
-export const createModelsAndXrays: CliStepMethod = async state => {
+export const createModelsAndXrays: CliStepMethod = async (state) => {
   const {
     instanceUrl = "",
     databaseId,
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/generate-component-files.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/generate-component-files.ts
index cff6778fa25..cc67e96b4cf 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/generate-component-files.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/generate-component-files.ts
@@ -16,7 +16,7 @@ import {
 import { printError, printSuccess } from "../utils/print";
 import { getGeneratedComponentsDefaultPath } from "../utils/snippets-helpers";
 
-export const generateReactComponentFiles: CliStepMethod = async state => {
+export const generateReactComponentFiles: CliStepMethod = async (state) => {
   const { instanceUrl, apiKey, dashboards = [], token } = state;
 
   if (!instanceUrl || !apiKey) {
@@ -85,7 +85,7 @@ export const generateReactComponentFiles: CliStepMethod = async state => {
 
   // Generate index.js file with all the component exports.
   const exportIndexContent = sampleComponents
-    .map(file => `export * from "./${file.fileName}"`)
+    .map((file) => `export * from "./${file.fileName}"`)
     .join("\n")
     .trim();
 
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/generate-credentials-file.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/generate-credentials-file.ts
index d8e5d6af2fc..b7e7c8fcb27 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/generate-credentials-file.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/generate-credentials-file.ts
@@ -4,7 +4,7 @@ import { SAMPLE_CREDENTIALS_FILE_NAME } from "../constants/config";
 import type { CliStepMethod } from "../types/cli";
 import { addFileToGitIgnore } from "../utils/add-file-to-git-ignore";
 
-export const generateCredentialsFile: CliStepMethod = async state => {
+export const generateCredentialsFile: CliStepMethod = async (state) => {
   await addFileToGitIgnore(SAMPLE_CREDENTIALS_FILE_NAME);
 
   const credentials = {
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/generate-credentials.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/generate-credentials.ts
index 5f674a42c69..bfcac87d629 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/generate-credentials.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/generate-credentials.ts
@@ -10,13 +10,13 @@ import {
   printWithPadding,
 } from "../utils/print";
 
-export const generateCredentials: CliStepMethod = async state => {
+export const generateCredentials: CliStepMethod = async (state) => {
   printEmptyLines();
   printWithPadding("Setting up a local Metabase instance via Docker.");
 
   const email = await input({
     message: "What is the email address you want to use for the admin user?",
-    validate: email =>
+    validate: (email) =>
       isEmail(email) ||
       OUTPUT_STYLES.error("Please enter a valid email address."),
   });
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/generate-express-server-file.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/generate-express-server-file.ts
index 021041c1f75..fa760c11dc7 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/generate-express-server-file.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/generate-express-server-file.ts
@@ -9,7 +9,7 @@ import { getExpressServerSnippet } from "../snippets";
 import type { CliStepMethod } from "../types/cli";
 import { printError } from "../utils/print";
 
-export const generateExpressServerFile: CliStepMethod = async state => {
+export const generateExpressServerFile: CliStepMethod = async (state) => {
   const { instanceUrl } = state;
 
   if (!instanceUrl) {
@@ -25,7 +25,7 @@ export const generateExpressServerFile: CliStepMethod = async state => {
     mockServerDir = await input({
       message: "Where should we save the example Express mock server folder?",
       default: "mock-server",
-      validate: value => {
+      validate: (value) => {
         if (!value) {
           return "The path cannot be empty.";
         }
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/install-sdk.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/install-sdk.ts
index c215d91fb4b..e483edbd13d 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/install-sdk.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/install-sdk.ts
@@ -60,7 +60,7 @@ const installPackage = async (packageName: string) => {
   }
 };
 
-export const installSdk: CliStepMethod = async state => {
+export const installSdk: CliStepMethod = async (state) => {
   const shouldStart = await toggle({
     message: "Would you like to install the SDK now?",
     default: true,
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/pick-database-tables.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/pick-database-tables.ts
index 0f58ef3f706..2f0eb867516 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/pick-database-tables.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/pick-database-tables.ts
@@ -11,7 +11,7 @@ import {
 } from "../utils/propagate-error-response";
 import { retry } from "../utils/retry";
 
-export const pickDatabaseTables: CliStepMethod = async state => {
+export const pickDatabaseTables: CliStepMethod = async (state) => {
   const { instanceUrl, databaseId, cookie = "" } = state;
 
   const spinner = ora("Fetching database schemas and tables…").start();
@@ -78,7 +78,7 @@ export const pickDatabaseTables: CliStepMethod = async state => {
 
   if (!state.useSampleDatabase) {
     chosenTableIds = await checkbox({
-      validate: choices => {
+      validate: (choices) => {
         if (choices.length === 0) {
           return "Pick 1 - 3 tables to embed.";
         }
@@ -90,7 +90,7 @@ export const pickDatabaseTables: CliStepMethod = async state => {
         return true;
       },
       message: "Pick 1 - 3 tables to embed:",
-      choices: tablesWithoutMetadata.map(table => ({
+      choices: tablesWithoutMetadata.map((table) => ({
         name: table.name,
         value: table.id,
       })),
@@ -99,8 +99,8 @@ export const pickDatabaseTables: CliStepMethod = async state => {
     // The user does not know about the sample database's structure,
     // so we pick a couple tables for them.
     chosenTableIds = tablesWithoutMetadata
-      .filter(item => SAMPLE_DATABASE_SELECTED_TABLES.includes(item.name))
-      .map(table => table.id);
+      .filter((item) => SAMPLE_DATABASE_SELECTED_TABLES.includes(item.name))
+      .map((table) => table.id);
   }
 
   spinner.start("Fetching table metadata...");
@@ -128,7 +128,7 @@ export const pickDatabaseTables: CliStepMethod = async state => {
           await propagateErrorResponse(res);
 
           const metadataResult = (await res.json()) as { tables: Table[] };
-          const table = metadataResult.tables.find(t => t.id === tableId);
+          const table = metadataResult.tables.find((t) => t.id === tableId);
 
           if (!table) {
             throw new Error(`Table "${tableId}" not found.`);
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/poll-metabase-instance.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/poll-metabase-instance.ts
index 0f8594d4481..cedef86b388 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/poll-metabase-instance.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/poll-metabase-instance.ts
@@ -3,12 +3,12 @@ import ora from "ora";
 import type { CliStepMethod } from "embedding-sdk/cli/types/cli";
 
 const delay = (duration: number) =>
-  new Promise(resolve => setTimeout(resolve, duration));
+  new Promise((resolve) => setTimeout(resolve, duration));
 
 const HEALTH_CHECK_MAX_ATTEMPTS = 60 * 5;
 const HEALTH_CHECK_WAIT = 1000;
 
-export const pollMetabaseInstance: CliStepMethod = async state => {
+export const pollMetabaseInstance: CliStepMethod = async (state) => {
   let attempts = 0;
 
   const spinner = ora(
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/setup-embedding-settings.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/setup-embedding-settings.ts
index dbaa049b1e9..511a64c38bf 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/setup-embedding-settings.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/setup-embedding-settings.ts
@@ -9,7 +9,7 @@ import { propagateErrorResponse } from "../utils/propagate-error-response";
  * This step must be after the license setup step, otherwise the JWT
  * configuration will not be applied.
  */
-export const setupEmbeddingSettings: CliStepMethod = async state => {
+export const setupEmbeddingSettings: CliStepMethod = async (state) => {
   const { cookie = "" } = state;
 
   const spinner = ora("Enabling embedding features...").start();
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/setup-license.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/setup-license.ts
index c4f9a843e45..b0792cb489c 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/setup-license.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/setup-license.ts
@@ -20,7 +20,7 @@ const VISIT_STORE_MESSAGE = `Please visit ${chalk.blue(
   trialUrl,
 )} to get a license key.`;
 
-export const setupLicense: CliStepMethod = async state => {
+export const setupLicense: CliStepMethod = async (state) => {
   const setupMessage = state.useSampleDatabase
     ? SETUP_PRO_LICENSE_MESSAGE_WITH_SAMPLE_DATABASE
     : SETUP_PRO_LICENSE_MESSAGE;
@@ -73,7 +73,7 @@ export const setupLicense: CliStepMethod = async state => {
       const token = await input({
         message: "Enter your Metabase Pro license key:",
         required: true,
-        validate: value => {
+        validate: (value) => {
           if (value.length !== 64 || !/^[0-9A-Fa-f]+$/.test(value)) {
             return "License key must be a 64-character hexadecimal string.";
           }
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/setup-metabase-instance.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/setup-metabase-instance.ts
index cbb886b05e7..7c70298ea87 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/setup-metabase-instance.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/setup-metabase-instance.ts
@@ -6,7 +6,7 @@ import { INSTANCE_CONFIGURED_MESSAGE } from "../constants/messages";
 import type { CliOutput, CliStepMethod } from "../types/cli";
 import { retry } from "../utils/retry";
 
-export const setupMetabaseInstance: CliStepMethod = async state => {
+export const setupMetabaseInstance: CliStepMethod = async (state) => {
   const spinner = ora();
 
   // If the user tries to setup the instance manually
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/setup-permission.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/setup-permission.ts
index 5fb52b34abb..69969af7bfa 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/setup-permission.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/setup-permission.ts
@@ -11,7 +11,7 @@ import {
 } from "../utils/propagate-error-response";
 import { sampleTenantIdsFromTables } from "../utils/sample-tenancy-column-values";
 
-export const setupPermissions: CliStepMethod = async state => {
+export const setupPermissions: CliStepMethod = async (state) => {
   const {
     cookie = "",
     instanceUrl = "",
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/show-metabase-cli-title.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/show-metabase-cli-title.ts
index 0d7bd9891f7..86922da0012 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/show-metabase-cli-title.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/show-metabase-cli-title.ts
@@ -4,7 +4,7 @@ import { SHOW_ON_STARTUP_MESSAGE } from "../constants/messages";
 import type { CliStepMethod } from "../types/cli";
 import { printEmptyLines, printTitle, printWithPadding } from "../utils/print";
 
-export const showMetabaseCliTitle: CliStepMethod = state => {
+export const showMetabaseCliTitle: CliStepMethod = (state) => {
   printTitle(`Welcome to the Metabase Embedding SDK CLI`);
   printTitle(`View docs at ${SDK_DOCS_LINK}`);
   printEmptyLines();
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/show-post-setup-steps.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/show-post-setup-steps.ts
index 0c2f29f3260..2f269f8e4ae 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/show-post-setup-steps.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/show-post-setup-steps.ts
@@ -11,7 +11,7 @@ import { getNextJsSetupMessages } from "../utils/get-nextjs-setup-message";
 import { checkIsInNextJsProject } from "../utils/nextjs-helpers";
 import { printEmptyLines, printWithPadding } from "../utils/print";
 
-export const showPostSetupSteps: CliStepMethod = async state => {
+export const showPostSetupSteps: CliStepMethod = async (state) => {
   const isNextJs = await checkIsInNextJsProject();
 
   const START_SERVER_STEP = `
diff --git a/enterprise/frontend/src/embedding-sdk/cli/steps/start-local-metabase-container.ts b/enterprise/frontend/src/embedding-sdk/cli/steps/start-local-metabase-container.ts
index 6419d187acb..e1d0f0d5234 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/steps/start-local-metabase-container.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/steps/start-local-metabase-container.ts
@@ -30,7 +30,7 @@ const randInt = (min: number, max: number) =>
 
 const exec = promisify(execCallback);
 
-export const startLocalMetabaseContainer: CliStepMethod = async state => {
+export const startLocalMetabaseContainer: CliStepMethod = async (state) => {
   let port = DEFAULT_PORT;
 
   const container = await getLocalMetabaseContainer();
diff --git a/enterprise/frontend/src/embedding-sdk/cli/utils/get-nextjs-setup-message.ts b/enterprise/frontend/src/embedding-sdk/cli/utils/get-nextjs-setup-message.ts
index 18b097a5580..b55a50285bb 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/utils/get-nextjs-setup-message.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/utils/get-nextjs-setup-message.ts
@@ -37,7 +37,7 @@ export const getNextJsSetupMessages = async ({
   if (hasNextJsCustomAppOrRootLayout) {
     const layoutSnippet = getNextJsPagesWrapperOrAppWrapperSnippet({
       router,
-      resolveImport: pathName =>
+      resolveImport: (pathName) =>
         getImportPathForRootLayout(componentPath, pathName),
     });
 
@@ -65,5 +65,5 @@ ${green(layoutSnippet)}`;
 
   snippets.push(afterSetupMessage);
 
-  return snippets.map(snippet => snippet.trim());
+  return snippets.map((snippet) => snippet.trim());
 };
diff --git a/enterprise/frontend/src/embedding-sdk/cli/utils/get-tenancy-isolation-sandboxes.ts b/enterprise/frontend/src/embedding-sdk/cli/utils/get-tenancy-isolation-sandboxes.ts
index 228d1ce4094..a0ff305c238 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/utils/get-tenancy-isolation-sandboxes.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/utils/get-tenancy-isolation-sandboxes.ts
@@ -25,7 +25,7 @@ export function getTenancyIsolationSandboxes(options: Options): Sandbox[] {
 
   // Define column-based tenant isolation for each chosen tables
   for (const tableId in tenancyColumnNames) {
-    const table = chosenTables.find(t => Number(t.id) === Number(tableId));
+    const table = chosenTables.find((t) => Number(t.id) === Number(tableId));
 
     const tenancyColumnName = tenancyColumnNames[tableId];
 
@@ -35,7 +35,7 @@ export function getTenancyIsolationSandboxes(options: Options): Sandbox[] {
 
     for (const groupId of groupIds) {
       const tenancyField = table.fields?.find(
-        f => f.name === tenancyColumnName,
+        (f) => f.name === tenancyColumnName,
       );
 
       if (!tenancyField) {
diff --git a/enterprise/frontend/src/embedding-sdk/cli/utils/nextjs-helpers.ts b/enterprise/frontend/src/embedding-sdk/cli/utils/nextjs-helpers.ts
index ff4c52d6a64..f6e3eb4b9bb 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/utils/nextjs-helpers.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/utils/nextjs-helpers.ts
@@ -116,7 +116,7 @@ async function generateNextJsCustomAppOrRootLayoutFile(componentPath: string) {
 
   const snippet = getNextJsPagesWrapperOrAppWrapperSnippet({
     router,
-    resolveImport: pathName =>
+    resolveImport: (pathName) =>
       getImportPathForRootLayout(componentPath, pathName),
   });
 
diff --git a/enterprise/frontend/src/embedding-sdk/cli/utils/retry.ts b/enterprise/frontend/src/embedding-sdk/cli/utils/retry.ts
index 6d721b2c85c..fc8a19cd396 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/utils/retry.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/utils/retry.ts
@@ -1,5 +1,5 @@
 const waitFor = (delayMs: number) =>
-  new Promise(resolve => setTimeout(resolve, delayMs));
+  new Promise((resolve) => setTimeout(resolve, delayMs));
 
 export async function retry<T>(
   task: () => Promise<T>,
diff --git a/enterprise/frontend/src/embedding-sdk/cli/utils/sample-tenancy-column-values.ts b/enterprise/frontend/src/embedding-sdk/cli/utils/sample-tenancy-column-values.ts
index 06598fac830..ce30a1ed5d6 100644
--- a/enterprise/frontend/src/embedding-sdk/cli/utils/sample-tenancy-column-values.ts
+++ b/enterprise/frontend/src/embedding-sdk/cli/utils/sample-tenancy-column-values.ts
@@ -71,7 +71,7 @@ export async function sampleTenantIds(
 ): Promise<TenantId[] | null> {
   const { limit, table, columnName, databaseId, instanceUrl, cookie } = options;
 
-  const field = table.fields?.find(f => f.name === columnName);
+  const field = table.fields?.find((f) => f.name === columnName);
 
   if (!table || !field) {
     return null;
@@ -105,5 +105,7 @@ export async function sampleTenantIds(
 
   const dataset = (await res.json()) as Dataset;
 
-  return dataset.data.rows.flat().filter(value => value !== null) as TenantId[];
+  return dataset.data.rows
+    .flat()
+    .filter((value) => value !== null) as TenantId[];
 }
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/Breakout.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/Breakout.tsx
index 8cd0ec54fc7..a33c1a72ccf 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/Breakout.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/Breakout.tsx
@@ -33,7 +33,7 @@ export const BreakoutInner = ({
 
   return (
     <Group>
-      {breakoutItems.map(item => (
+      {breakoutItems.map((item) => (
         <Popover key={item.longDisplayName}>
           <Popover.Target>
             <BadgeListItem
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/BreakoutBadgeList.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/BreakoutBadgeList.tsx
index fb2fc596bd7..52e8b8b4f6c 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/BreakoutBadgeList.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/BreakoutBadgeList.tsx
@@ -24,7 +24,10 @@ export const BreakoutBadgeListInner = ({
 
   return (
     <BadgeList
-      items={breakoutItems.map(item => ({ item, name: item.longDisplayName }))}
+      items={breakoutItems.map((item) => ({
+        item,
+        name: item.longDisplayName,
+      }))}
       addButtonLabel={t`Add another grouping`}
       onSelectItem={onSelectItem}
       onAddItem={onAddItem}
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/BreakoutDropdown/BreakoutDropdown.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/BreakoutDropdown/BreakoutDropdown.tsx
index 0824c9265b9..7a833299b6f 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/BreakoutDropdown/BreakoutDropdown.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/BreakoutDropdown/BreakoutDropdown.tsx
@@ -35,7 +35,7 @@ export const BreakoutDropdownInner = ({
     .with(0, () => t`Group`)
     .with(1, () => t`1 grouping`)
     .otherwise(
-      value =>
+      (value) =>
         c(
           "{0} refers to a number greater than 1 (i.e. 2 groupings, 10 groupings)",
         ).t`${value} groupings`,
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/use-breakout-data.ts b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/use-breakout-data.ts
index 65282ad03cc..9a5a316696a 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/use-breakout-data.ts
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Breakout/use-breakout-data.ts
@@ -32,7 +32,7 @@ export const useBreakoutData = ({
   const breakouts = query ? Lib.breakouts(query, stageIndex) : [];
 
   const items: BreakoutListItem[] = query
-    ? breakouts.map(breakout =>
+    ? breakouts.map((breakout) =>
         getBreakoutListItem(query, stageIndex, breakout),
       )
     : [];
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Editor.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Editor.tsx
index ea3b222069a..cf9653ddead 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Editor.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Editor.tsx
@@ -34,7 +34,7 @@ export const Editor = ({ onApply = () => {} }: EditorProps) => {
     return isQuestionRunnable(question, isDirty);
   }, [question, isDirty]);
 
-  const reportTimezone = useSelector(state =>
+  const reportTimezone = useSelector((state) =>
     getSetting(state, "report-timezone-long"),
   );
 
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterBadgeList.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterBadgeList.tsx
index 46aabfbc0c2..32e9d96db48 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterBadgeList.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterBadgeList.tsx
@@ -20,7 +20,7 @@ export const FilterBadgeList = ({
   return (
     <BadgeList
       addButtonLabel={t`Add another filter`}
-      items={filterItems.map(item => ({ item, name: item.displayName }))}
+      items={filterItems.map((item) => ({ item, name: item.displayName }))}
       onAddItem={onAddItem}
       onSelectItem={onSelectItem}
       onRemoveItem={onRemoveItem}
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterDropdown/FilterDropdown.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterDropdown/FilterDropdown.tsx
index f50c0e88790..c7e14266c4c 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterDropdown/FilterDropdown.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterDropdown/FilterDropdown.tsx
@@ -43,7 +43,7 @@ const FilterDropdownInner = ({
     .with(0, () => t`Filter`)
     .with(1, () => t`1 filter`)
     .otherwise(
-      value =>
+      (value) =>
         c("{0} refers to a number greater than 1 (i.e. 2 filters, 10 filters)")
           .t`${value} filters`,
     );
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterPicker/FilterPicker.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterPicker/FilterPicker.tsx
index 83f77e59249..161e9558e89 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterPicker/FilterPicker.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/FilterPicker/FilterPicker.tsx
@@ -38,7 +38,7 @@ const FilterPickerInner = ({
         stageIndex={stageIndex}
         onClose={onClose}
         onBack={onBack}
-        onSelect={filter =>
+        onSelect={(filter) =>
           filterItem ? filterItem?.onUpdateFilter(filter) : onAddFilter(filter)
         }
         filter={filterItem?.filter}
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/hooks/use-filter-data.ts b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/hooks/use-filter-data.ts
index ad8f4c85814..7c4bf9371e3 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/hooks/use-filter-data.ts
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Filter/hooks/use-filter-data.ts
@@ -41,7 +41,7 @@ export const useFilterData = (): SDKFilterItem[] => {
   const filters = useMemo(
     () =>
       query
-        ? getFilterItems(query).map(filterItem => ({
+        ? getFilterItems(query).map((filterItem) => ({
             ...filterItem,
             ...Lib.displayInfo(query, filterItem.stageIndex, filterItem.filter),
           }))
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/QuestionSettings/QuestionSettings.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/QuestionSettings/QuestionSettings.tsx
index 836b2b49b4b..ddd4c3700da 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/QuestionSettings/QuestionSettings.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/QuestionSettings/QuestionSettings.tsx
@@ -48,7 +48,7 @@ const QuestionSettingsContent = ({
         transformedSeries,
         handleChangeSettings,
         false,
-      ).filter(w => !!w.widget);
+      ).filter((w) => !!w.widget);
     } catch (e) {
       return [];
     }
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizeBadgeList.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizeBadgeList.tsx
index b4981d06c5b..775b834c318 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizeBadgeList.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizeBadgeList.tsx
@@ -19,7 +19,7 @@ export const SummarizeBadgeList = ({
 
   return (
     <BadgeList
-      items={aggregationItems.map(item => ({ item, name: item.displayName }))}
+      items={aggregationItems.map((item) => ({ item, name: item.displayName }))}
       addButtonLabel={t`Add another summary`}
       onSelectItem={onSelectItem}
       onAddItem={onAddItem}
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizeDropdown/SummarizeDropdown.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizeDropdown/SummarizeDropdown.tsx
index 9761b459898..729b02a41fe 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizeDropdown/SummarizeDropdown.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizeDropdown/SummarizeDropdown.tsx
@@ -24,7 +24,7 @@ export const SummarizeDropdown = (
   const label = match(aggregationItems.length)
     .with(0, () => t`Summarize`)
     .with(1, () => t`1 summary`)
-    .otherwise(value => jt`${value} summaries`);
+    .otherwise((value) => jt`${value} summaries`);
 
   const [selectedAggregationItem, setSelectedAggregationItem] =
     useState<SDKAggregationItem>();
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizePicker/SummarizePicker.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizePicker/SummarizePicker.tsx
index 816d46a320b..6943dfd8b38 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizePicker/SummarizePicker.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/SummarizePicker/SummarizePicker.tsx
@@ -60,7 +60,7 @@ export const SummarizeBadgeList = ({
 
   return (
     <BadgeList
-      items={aggregationItems.map(item => ({ item, name: item.displayName }))}
+      items={aggregationItems.map((item) => ({ item, name: item.displayName }))}
       addButtonLabel="Add grouping"
       onSelectItem={onSelectItem}
       onAddItem={onAddItem}
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/use-summarize-data.ts b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/use-summarize-data.ts
index 86b4f76bd24..4c57bcc79aa 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/use-summarize-data.ts
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Summarize/use-summarize-data.ts
@@ -31,7 +31,7 @@ export const useSummarizeData = () => {
   const aggregationItems: SDKAggregationItem[] = useMemo(
     () =>
       query
-        ? getAggregationItems({ query, stageIndex }).map(aggregationItem => {
+        ? getAggregationItems({ query, stageIndex }).map((aggregationItem) => {
             const onRemoveAggregation = () => {
               if (query) {
                 const nextQuery = Lib.removeClause(
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/util/BadgeList/BadgeList.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/util/BadgeList/BadgeList.stories.tsx
index effba8ec542..90f1092fc58 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/util/BadgeList/BadgeList.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/util/BadgeList/BadgeList.stories.tsx
@@ -15,7 +15,7 @@ export default {
 export const DefaultLayoutBadgeList = {
   render() {
     const [items, setItems] = useState(
-      Array.from(Array(5).keys()).map(i => ({
+      Array.from(Array(5).keys()).map((i) => ({
         name: `item ${i}`,
         item: i,
       })),
@@ -35,14 +35,14 @@ export const DefaultLayoutBadgeList = {
     };
 
     const onAddItem = () =>
-      setItems(nextItems => [
+      setItems((nextItems) => [
         ...nextItems,
         { name: `item ${nextItems.length}`, item: nextItems.length },
       ]);
 
     const onRemoveItem = (_item?: number, index?: number) => {
       if (typeof index === "number") {
-        setItems(nextItems => [
+        setItems((nextItems) => [
           ...nextItems.slice(0, index),
           ...nextItems.slice(index + 1),
         ]);
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/util/BadgeList/BadgeListItem/BadgeListItem.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/util/BadgeList/BadgeListItem/BadgeListItem.tsx
index 71721ff8f3a..1661732d8d5 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/util/BadgeList/BadgeListItem/BadgeListItem.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/util/BadgeList/BadgeListItem/BadgeListItem.tsx
@@ -32,7 +32,7 @@ const _BadgeListItem = (
         radius="xl"
         size="sm"
         ml={0}
-        onClick={e => {
+        onClick={(e) => {
           e.stopPropagation();
           onRemoveItem?.();
         }}
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/context/InteractiveQuestionProvider.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/context/InteractiveQuestionProvider.tsx
index b21777729de..93e21b3702a 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/context/InteractiveQuestionProvider.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/context/InteractiveQuestionProvider.tsx
@@ -41,7 +41,7 @@ const FILTER_MODEL_MAP: Record<EntityTypeFilterKeys, DataPickerValue["model"]> =
 const mapEntityTypeFilterToDataPickerModels = (
   entityTypeFilter: InteractiveQuestionProviderProps["entityTypeFilter"],
 ): InteractiveQuestionContextType["modelsFilterList"] => {
-  return entityTypeFilter?.map(entityType => FILTER_MODEL_MAP[entityType]);
+  return entityTypeFilter?.map((entityType) => FILTER_MODEL_MAP[entityType]);
 };
 
 export const InteractiveQuestionProvider = ({
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestionDefaultView/InteractiveQuestionDefaultView.tsx b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestionDefaultView/InteractiveQuestionDefaultView.tsx
index 6e3062f8e1f..0e9ffee09bf 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestionDefaultView/InteractiveQuestionDefaultView.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestionDefaultView/InteractiveQuestionDefaultView.tsx
@@ -211,7 +211,7 @@ const DefaultViewSaveModal = ({
       closeOnSuccess
       onClose={close}
       onCreate={onCreate}
-      onSave={async question => {
+      onSave={async (question) => {
         await onSave(question);
         close();
       }}
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/PublicComponentWrapper/withPublicComponentWrapper.tsx b/enterprise/frontend/src/embedding-sdk/components/private/PublicComponentWrapper/withPublicComponentWrapper.tsx
index 962499f4396..4668885fb39 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/PublicComponentWrapper/withPublicComponentWrapper.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/PublicComponentWrapper/withPublicComponentWrapper.tsx
@@ -5,7 +5,7 @@ import { PublicComponentWrapper } from "./PublicComponentWrapper";
 export function withPublicComponentWrapper<P extends object>(
   WrappedComponent: React.ComponentType<P>,
 ): React.FC<P> {
-  const WithPublicComponentWrapper: React.FC<P> = props => {
+  const WithPublicComponentWrapper: React.FC<P> = (props) => {
     return (
       <PublicComponentWrapper>
         <WrappedComponent {...props} />
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/SdkGlobalFontsStyles.tsx b/enterprise/frontend/src/embedding-sdk/components/private/SdkGlobalFontsStyles.tsx
index 68e8d145c77..74549308d0c 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/SdkGlobalFontsStyles.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/SdkGlobalFontsStyles.tsx
@@ -18,7 +18,7 @@ export const SdkFontsGlobalStyles = ({ baseUrl }: { baseUrl: string }) => {
 
       // custom fonts
       ${fontFiles?.map(
-        file => css`
+        (file) => css`
           @font-face {
             font-family: "Custom";
             src: url(${encodeURI(file.src)}) format("${file.fontFormat}");
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/SdkThemeProvider.tsx b/enterprise/frontend/src/embedding-sdk/components/private/SdkThemeProvider.tsx
index 05e5cf5b12b..a99aab3ee05 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/SdkThemeProvider.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/SdkThemeProvider.tsx
@@ -19,7 +19,7 @@ interface Props {
 
 export const SdkThemeProvider = ({ theme, children }: Props) => {
   const font = useSelector(getFont);
-  const appColors = useSelector(state =>
+  const appColors = useSelector((state) =>
     getApplicationColors(getSettings(state)),
   );
 
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/SdkUsageProblem/SdkUsageProblemBanner.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/private/SdkUsageProblem/SdkUsageProblemBanner.stories.tsx
index 1762490a724..409f6b4e39f 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/SdkUsageProblem/SdkUsageProblemBanner.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/SdkUsageProblem/SdkUsageProblemBanner.stories.tsx
@@ -14,7 +14,7 @@ export default {
   decorators: [CommonSdkStoryWrapper],
 };
 
-const Template: StoryFn<SdkUsageProblemBannerProps> = args => {
+const Template: StoryFn<SdkUsageProblemBannerProps> = (args) => {
   return (
     <Box pos="absolute" bottom="15px" left="15px">
       <SdkUsageProblemBanner {...args} />
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPicker.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPicker.stories.tsx
index b1bb7536013..ecb8ccb8d37 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPicker.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPicker.stories.tsx
@@ -73,7 +73,7 @@ const meta: Meta<typeof SimpleDataPickerView> = {
     onClick: action("on-click"),
     options: SHORT_OPTIONS,
   },
-  render: args => {
+  render: (args) => {
     return (
       <Popover opened trapFocus>
         <Popover.Dropdown>
@@ -90,7 +90,7 @@ export default meta;
 type Story = StoryObj<typeof SimpleDataPickerView>;
 
 export const WithoutPopover: Story = {
-  render: args => <SimpleDataPickerView {...args} />,
+  render: (args) => <SimpleDataPickerView {...args} />,
 };
 
 export const NoOptions: Story = {
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPicker.tsx b/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPicker.tsx
index 8182ad47137..8aa4f486a31 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPicker.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPicker.tsx
@@ -33,7 +33,7 @@ export function SimpleDataPicker({
     }
 
     return sortEntities(
-      data.data.map(entity => {
+      data.data.map((entity) => {
         return {
           ...entity,
           id:
@@ -50,7 +50,7 @@ export function SimpleDataPicker({
     <Popover
       opened={isDataPickerOpened}
       position="bottom-start"
-      onChange={isOpen => {
+      onChange={(isOpen) => {
         if (!isOpen) {
           close();
         }
@@ -64,7 +64,7 @@ export function SimpleDataPicker({
         <DelayedLoadingAndErrorWrapper loading={isLoading} error={error}>
           <SimpleDataPickerView
             selectedEntity={selectedEntity}
-            onClick={tableId => {
+            onClick={(tableId) => {
               close();
               setSourceTableFn(tableId);
             }}
diff --git a/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPickerView.tsx b/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPickerView.tsx
index 7395f416252..fc458289551 100644
--- a/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPickerView.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/private/SimpleDataPicker/SimpleDataPickerView.tsx
@@ -55,7 +55,7 @@ export function SimpleDataPickerView({
           leftSection={<Icon name="search" size={16} aria-hidden />}
           mb="sm"
           placeholder={t`Search…`}
-          onChange={e => setSearchText(e.target.value ?? "")}
+          onChange={(e) => setSearchText(e.target.value ?? "")}
         />
       ) : (
         /**
@@ -69,7 +69,7 @@ export function SimpleDataPickerView({
       <Flex direction="column" justify="center" style={{ flex: 1 }}>
         {displayOptions.length >= 1 ? (
           <ScrollArea.Autosize mah={TEN_OPTIONS_HEIGHT} type="auto" mb="auto">
-            {displayOptions.map(option => {
+            {displayOptions.map((option) => {
               const isSelected = selectedEntity === option.id;
               const iconColor = isSelected
                 ? "--mb-color-text-white"
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.stories.tsx
index 837970ab591..0b76ab35d7a 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.stories.tsx
@@ -14,7 +14,7 @@ export default {
   decorators: [CommonSdkStoryWrapper],
 };
 
-const Template: StoryFn<ComponentProps<typeof CollectionBrowser>> = args => {
+const Template: StoryFn<ComponentProps<typeof CollectionBrowser>> = (args) => {
   return <CollectionBrowser {...args} />;
 };
 
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.tsx b/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.tsx
index 59af7b9213f..a22cadf7889 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.tsx
@@ -80,7 +80,7 @@ export const CollectionBrowserInner = ({
 }: Omit<CollectionBrowserProps, "collectionId"> & {
   collectionId: CollectionId;
 }) => {
-  const baseCollectionId = useSdkSelector(state =>
+  const baseCollectionId = useSdkSelector((state) =>
     getCollectionIdSlugFromReference(state, collectionId),
   );
 
@@ -106,7 +106,7 @@ export const CollectionBrowserInner = ({
   };
 
   const collectionTypes = visibleEntityTypes
-    .map(entityType => ENTITY_NAME_MAP[entityType])
+    .map((entityType) => ENTITY_NAME_MAP[entityType])
     .filter(isNotNull);
 
   return (
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.unit.spec.tsx b/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.unit.spec.tsx
index 210cc6995d3..355e400c1f4 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.unit.spec.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/CollectionBrowser/CollectionBrowser.unit.spec.tsx
@@ -63,7 +63,7 @@ describe("CollectionBrowser", () => {
 
     within(screen.getByTestId("items-table-head"))
       .getAllByRole("button")
-      .forEach(el => {
+      .forEach((el) => {
         columnNames.push(el.textContent);
       });
 
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/CreateDashboardModal/CreateDashboardModal.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/public/CreateDashboardModal/CreateDashboardModal.stories.tsx
index e8d857515e2..3f442fb681a 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/CreateDashboardModal/CreateDashboardModal.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/CreateDashboardModal/CreateDashboardModal.stories.tsx
@@ -23,9 +23,9 @@ export default {
   decorators: [CommonSdkStoryWrapper],
 };
 
-const Template: StoryFn<ComponentProps<typeof CreateDashboardModal>> = args => (
-  <CreateDashboardModal {...args} />
-);
+const Template: StoryFn<ComponentProps<typeof CreateDashboardModal>> = (
+  args,
+) => <CreateDashboardModal {...args} />;
 
 export const Default = {
   render: Template,
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/CreateQuestion/CreateQuestion.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/public/CreateQuestion/CreateQuestion.stories.tsx
index 44b944f8427..7ff480c6954 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/CreateQuestion/CreateQuestion.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/CreateQuestion/CreateQuestion.stories.tsx
@@ -17,7 +17,7 @@ export default {
   decorators: [CommonSdkStoryWrapper],
 };
 
-const Template: StoryFn<CreateQuestionComponentProps> = args => {
+const Template: StoryFn<CreateQuestionComponentProps> = (args) => {
   return (
     <Flex p="xl">
       <CreateQuestion {...args} />
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.unit.spec.tsx b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.unit.spec.tsx
index 9e77917c656..4535c7e5772 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.unit.spec.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.unit.spec.tsx
@@ -123,7 +123,7 @@ const setup = async ({
       dashboards: {
         [dashboard.id]: {
           ...dashboard,
-          dashcards: dashcards.map(dc => dc.id),
+          dashcards: dashcards.map((dc) => dc.id),
         },
       },
       dashcards: indexBy(dashcards, "id"),
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/InteractiveDashboard.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/InteractiveDashboard.stories.tsx
index 1f717982d08..ce117a29d9f 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/InteractiveDashboard.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/InteractiveDashboard.stories.tsx
@@ -27,7 +27,7 @@ export default {
   },
 };
 
-const Template: StoryFn<InteractiveDashboardProps> = args => {
+const Template: StoryFn<InteractiveDashboardProps> = (args) => {
   return <InteractiveDashboard {...args} />;
 };
 
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/InteractiveDashboard.unit.spec.tsx b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/InteractiveDashboard.unit.spec.tsx
index e3235386776..bf8f1a8b620 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/InteractiveDashboard.unit.spec.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/InteractiveDashboard.unit.spec.tsx
@@ -112,7 +112,7 @@ const setup = async ({
       dashboards: {
         [dashboard.id]: {
           ...dashboard,
-          dashcards: dashcards.map(dc => dc.id),
+          dashcards: dashcards.map((dc) => dc.id),
         },
       },
       dashcards: indexBy(dashcards, "id"),
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveQuestion/InteractiveQuestion-multiple-questions.unit.spec.tsx b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveQuestion/InteractiveQuestion-multiple-questions.unit.spec.tsx
index 594c53e3e96..094604dbce8 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveQuestion/InteractiveQuestion-multiple-questions.unit.spec.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveQuestion/InteractiveQuestion-multiple-questions.unit.spec.tsx
@@ -78,7 +78,7 @@ const setup = ({
 
   const children = (
     <div>
-      {mocks.map(mock => (
+      {mocks.map((mock) => (
         <InteractiveQuestion key={mock.card.id} questionId={mock.card.id} />
       ))}
     </div>
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveQuestion/InteractiveQuestion.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveQuestion/InteractiveQuestion.stories.tsx
index 482cbf594d6..049710de047 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveQuestion/InteractiveQuestion.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveQuestion/InteractiveQuestion.stories.tsx
@@ -38,7 +38,7 @@ export default {
   },
 };
 
-const Template: StoryFn<InteractiveQuestionComponentProps> = args => {
+const Template: StoryFn<InteractiveQuestionComponentProps> = (args) => {
   return (
     <Box bg="var(--mb-color-background)" mih="100vh">
       <InteractiveQuestion {...args} />
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/CypressStaticDashboardWithCors.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/CypressStaticDashboardWithCors.stories.tsx
index 05a4b6fd0b1..330866ee735 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/CypressStaticDashboardWithCors.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/CypressStaticDashboardWithCors.stories.tsx
@@ -14,7 +14,7 @@ export default {
   decorators: [CommonSdkStoryCorsWrapper],
 };
 
-const Template: StoryFn<typeof StaticDashboard> = args => {
+const Template: StoryFn<typeof StaticDashboard> = (args) => {
   return <StaticDashboard {...args} />;
 };
 
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/StaticDashboard.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/StaticDashboard.stories.tsx
index 23dfaa06c25..3693bd1ad3a 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/StaticDashboard.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/StaticDashboard.stories.tsx
@@ -23,7 +23,7 @@ export default {
   },
 };
 
-const Template: StoryFn<StaticDashboardProps> = args => {
+const Template: StoryFn<StaticDashboardProps> = (args) => {
   return <StaticDashboard {...args} />;
 };
 
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/StaticDashboard.unit.spec.tsx b/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/StaticDashboard.unit.spec.tsx
index ec4c894d897..569ddac4614 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/StaticDashboard.unit.spec.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/StaticDashboard/StaticDashboard.unit.spec.tsx
@@ -85,7 +85,7 @@ const setup = async (options: SetupOptions = {}) => {
       dashboards: {
         [dashboard.id]: {
           ...dashboard,
-          dashcards: dashcards.map(dc => dc.id),
+          dashcards: dashcards.map((dc) => dc.id),
         },
       },
       dashcards: indexBy(dashcards, "id"),
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/StaticQuestion/StaticQuestion.stories.tsx b/enterprise/frontend/src/embedding-sdk/components/public/StaticQuestion/StaticQuestion.stories.tsx
index 8fde72b7a7e..1e3d2d85401 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/StaticQuestion/StaticQuestion.stories.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/StaticQuestion/StaticQuestion.stories.tsx
@@ -25,7 +25,7 @@ export default {
   },
 };
 
-const Template: StoryFn<StaticQuestionComponentProps> = args => {
+const Template: StoryFn<StaticQuestionComponentProps> = (args) => {
   return <StaticQuestion {...args} />;
 };
 
diff --git a/enterprise/frontend/src/embedding-sdk/hooks/private/use-load-question.ts b/enterprise/frontend/src/embedding-sdk/hooks/private/use-load-question.ts
index 6fec1034f72..6eba9e5f455 100644
--- a/enterprise/frontend/src/embedding-sdk/hooks/private/use-load-question.ts
+++ b/enterprise/frontend/src/embedding-sdk/hooks/private/use-load-question.ts
@@ -140,7 +140,7 @@ export function useLoadQuestion({
           previousQuestion: question,
           originalQuestion,
           cancelDeferred: deferred(),
-          optimisticUpdateQuestion: question =>
+          optimisticUpdateQuestion: (question) =>
             mergeQuestionState({ question }),
           shouldRunQueryOnQuestionChange: run,
         }),
@@ -158,7 +158,7 @@ export function useLoadQuestion({
           ...params,
           originalQuestion,
           cancelDeferred: deferred(),
-          onQuestionChange: question => mergeQuestionState({ question }),
+          onQuestionChange: (question) => mergeQuestionState({ question }),
           onClearQueryResults: () =>
             mergeQuestionState({ queryResults: [null] }),
         }),
diff --git a/enterprise/frontend/src/embedding-sdk/hooks/private/use-sdk-usage-problem.ts b/enterprise/frontend/src/embedding-sdk/hooks/private/use-sdk-usage-problem.ts
index 5fd71bb5713..5e73cce087f 100644
--- a/enterprise/frontend/src/embedding-sdk/hooks/private/use-sdk-usage-problem.ts
+++ b/enterprise/frontend/src/embedding-sdk/hooks/private/use-sdk-usage-problem.ts
@@ -24,7 +24,7 @@ export function useSdkUsageProblem({
   // their customer would see an alarming error message on production.
   const isEnabled = useSetting("enable-embedding-sdk") ?? true;
 
-  const hasTokenFeature = useSdkSelector(state => {
+  const hasTokenFeature = useSdkSelector((state) => {
     // We also assume that the feature is enabled if the token-features are missing.
     // Same reason as above.
     if (!state.settings.values?.["token-features"]) {
diff --git a/enterprise/frontend/src/embedding-sdk/hooks/public/use-available-fonts.ts b/enterprise/frontend/src/embedding-sdk/hooks/public/use-available-fonts.ts
index fd54ad0d77b..88323a56204 100644
--- a/enterprise/frontend/src/embedding-sdk/hooks/public/use-available-fonts.ts
+++ b/enterprise/frontend/src/embedding-sdk/hooks/public/use-available-fonts.ts
@@ -3,6 +3,8 @@ import { getSetting } from "metabase/selectors/settings";
 
 export const useAvailableFonts = () => {
   return {
-    availableFonts: useSelector(state => getSetting(state, "available-fonts")),
+    availableFonts: useSelector((state) =>
+      getSetting(state, "available-fonts"),
+    ),
   };
 };
diff --git a/enterprise/frontend/src/embedding-sdk/lib/load-static-question.ts b/enterprise/frontend/src/embedding-sdk/lib/load-static-question.ts
index 22051c5a63c..3f1de5124f3 100644
--- a/enterprise/frontend/src/embedding-sdk/lib/load-static-question.ts
+++ b/enterprise/frontend/src/embedding-sdk/lib/load-static-question.ts
@@ -27,8 +27,8 @@ export async function loadStaticQuestion(options: Options) {
 
   if (sqlParameters && card?.parameters) {
     const parameters: ParameterQueryInput[] = card.parameters
-      .filter(parameter => parameter.target)
-      .map(parameter => ({
+      .filter((parameter) => parameter.target)
+      .map((parameter) => ({
         id: parameter.id,
         type: parameter.type,
         target: parameter.target!,
diff --git a/enterprise/frontend/src/embedding-sdk/lib/theme/get-embedding-theme.ts b/enterprise/frontend/src/embedding-sdk/lib/theme/get-embedding-theme.ts
index 78a6696d296..311ac694ab1 100644
--- a/enterprise/frontend/src/embedding-sdk/lib/theme/get-embedding-theme.ts
+++ b/enterprise/frontend/src/embedding-sdk/lib/theme/get-embedding-theme.ts
@@ -23,7 +23,7 @@ const SDK_BASE_FONT_SIZE = `${DEFAULT_SDK_FONT_SIZE}px`;
 // Strip any key that has the value of "undefined"
 const stripUndefinedKeys = <T>(x: T): unknown =>
   _.isObject(x)
-    ? _.pick(_.mapObject(x, stripUndefinedKeys), v => !_.isUndefined(v))
+    ? _.pick(_.mapObject(x, stripUndefinedKeys), (v) => !_.isUndefined(v))
     : x;
 
 /**
diff --git a/enterprise/frontend/src/embedding-sdk/store/auth.ts b/enterprise/frontend/src/embedding-sdk/store/auth.ts
index e84d13f485d..de335dc9e20 100644
--- a/enterprise/frontend/src/embedding-sdk/store/auth.ts
+++ b/enterprise/frontend/src/embedding-sdk/store/auth.ts
@@ -156,27 +156,28 @@ const safeStringify = (value: unknown) => {
  * The default implementation of the function to get the refresh token.
  * Only supports sessions by default.
  */
-export const defaultGetRefreshTokenFn: MetabaseFetchRequestTokenFn =
-  async url => {
-    const response = await fetch(url, {
-      method: "GET",
-      credentials: "include",
-    });
+export const defaultGetRefreshTokenFn: MetabaseFetchRequestTokenFn = async (
+  url,
+) => {
+  const response = await fetch(url, {
+    method: "GET",
+    credentials: "include",
+  });
 
-    if (!response.ok) {
-      throw new Error(
-        `Failed to fetch the session, HTTP status: ${response.status}`,
-      );
-    }
+  if (!response.ok) {
+    throw new Error(
+      `Failed to fetch the session, HTTP status: ${response.status}`,
+    );
+  }
 
-    const asText = await response.text();
+  const asText = await response.text();
 
-    try {
-      return JSON.parse(asText);
-    } catch (ex) {
-      return asText;
-    }
-  };
+  try {
+    return JSON.parse(asText);
+  } catch (ex) {
+    return asText;
+  }
+};
 
 const sessionSchema = Yup.object({
   id: Yup.string().required(),
diff --git a/enterprise/frontend/src/embedding-sdk/store/reducer.ts b/enterprise/frontend/src/embedding-sdk/store/reducer.ts
index d7eb8e40017..9d0c1d6f842 100644
--- a/enterprise/frontend/src/embedding-sdk/store/reducer.ts
+++ b/enterprise/frontend/src/embedding-sdk/store/reducer.ts
@@ -80,8 +80,8 @@ const initialState: SdkState = {
   fetchRefreshTokenFn: null,
 };
 
-export const sdk = createReducer(initialState, builder => {
-  builder.addCase(refreshTokenAsync.pending, state => {
+export const sdk = createReducer(initialState, (builder) => {
+  builder.addCase(refreshTokenAsync.pending, (state) => {
     state.token = { ...state.token, loading: true };
   });
 
@@ -98,11 +98,11 @@ export const sdk = createReducer(initialState, builder => {
     state.loginStatus = { status: "error", error };
   });
 
-  builder.addCase(initAuth.pending, state => {
+  builder.addCase(initAuth.pending, (state) => {
     state.loginStatus = { status: "loading" };
   });
 
-  builder.addCase(initAuth.fulfilled, state => {
+  builder.addCase(initAuth.fulfilled, (state) => {
     state.loginStatus = { status: "success" };
   });
 
diff --git a/enterprise/frontend/src/embedding-sdk/store/use-sdk-selector.unit.spec.ts b/enterprise/frontend/src/embedding-sdk/store/use-sdk-selector.unit.spec.ts
index dd451016569..ee1962a002b 100644
--- a/enterprise/frontend/src/embedding-sdk/store/use-sdk-selector.unit.spec.ts
+++ b/enterprise/frontend/src/embedding-sdk/store/use-sdk-selector.unit.spec.ts
@@ -8,7 +8,7 @@ import {
 describe("useSdkSelector", () => {
   it("should throw an error if used outside of the MetabaseProvider", () => {
     expect(() => {
-      renderHook(() => useSdkSelector(s => s.sdk.token));
+      renderHook(() => useSdkSelector((s) => s.sdk.token));
     }).toThrow(Error(USE_OUTSIDE_OF_CONTEXT_MESSAGE));
   });
 });
diff --git a/enterprise/frontend/src/embedding-sdk/test/sdk-compatibility-warning.unit.spec.tsx b/enterprise/frontend/src/embedding-sdk/test/sdk-compatibility-warning.unit.spec.tsx
index 9d7f259faba..237fea3228f 100644
--- a/enterprise/frontend/src/embedding-sdk/test/sdk-compatibility-warning.unit.spec.tsx
+++ b/enterprise/frontend/src/embedding-sdk/test/sdk-compatibility-warning.unit.spec.tsx
@@ -66,7 +66,7 @@ const setup = async ({
 let consoleWarnSpy: jest.SpyInstance;
 
 const getWarnMessages = (): string[] =>
-  consoleWarnSpy.mock.calls.map(callArguments => callArguments.join(" "));
+  consoleWarnSpy.mock.calls.map((callArguments) => callArguments.join(" "));
 
 describe("SDK auth errors", () => {
   beforeEach(() => {
@@ -85,7 +85,7 @@ describe("SDK auth errors", () => {
       await setup({ sdkVersion: "0.52.10", mbVersion: "v1.55.0" });
 
       expect(
-        getWarnMessages().filter(message =>
+        getWarnMessages().filter((message) =>
           message.includes(
             "SDK version 0.52.10 is not compatible with MB version v1.55.0, this might cause issues.",
           ),
@@ -97,7 +97,7 @@ describe("SDK auth errors", () => {
       await setup({ sdkVersion: "0.55.10", mbVersion: "v1.55.1" });
 
       expect(
-        getWarnMessages().filter(message =>
+        getWarnMessages().filter((message) =>
           message.includes("is not compatible"),
         ),
       ).toHaveLength(0);
@@ -107,7 +107,7 @@ describe("SDK auth errors", () => {
       await setup({ sdkVersion: "unknown", mbVersion: "v1.55.1" });
 
       expect(
-        getWarnMessages().filter(message =>
+        getWarnMessages().filter((message) =>
           message.includes("is not compatible"),
         ),
       ).toHaveLength(0);
diff --git a/enterprise/frontend/src/embedding-sdk/test/sdk-config-errors.unit.spec.tsx b/enterprise/frontend/src/embedding-sdk/test/sdk-config-errors.unit.spec.tsx
index a37b9a65f10..986ffb26908 100644
--- a/enterprise/frontend/src/embedding-sdk/test/sdk-config-errors.unit.spec.tsx
+++ b/enterprise/frontend/src/embedding-sdk/test/sdk-config-errors.unit.spec.tsx
@@ -52,8 +52,8 @@ let consoleErrorSpy: jest.SpyInstance;
  */
 const expectErrorMessage = async (message: string) => {
   try {
-    const errors = consoleErrorSpy.mock.calls.map(call => call[2]);
-    const errorMessages = errors.map(error =>
+    const errors = consoleErrorSpy.mock.calls.map((call) => call[2]);
+    const errorMessages = errors.map((error) =>
       error instanceof Error ? error.message : error,
     );
     expect(errorMessages).toContainEqual(expect.stringContaining(message));
diff --git a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/components/ImpersonationModal/ImpersonationModalView.tsx b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/components/ImpersonationModal/ImpersonationModalView.tsx
index de7787028d8..894a9046ebd 100644
--- a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/components/ImpersonationModal/ImpersonationModalView.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/components/ImpersonationModal/ImpersonationModalView.tsx
@@ -55,7 +55,7 @@ export const ImpersonationModalView = ({
         ? [selectedAttribute, ...attributes]
         : attributes;
 
-    return selectableAttributes.map(attribute => ({
+    return selectableAttributes.map((attribute) => ({
       name: attribute,
       value: attribute,
     }));
diff --git a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/graph.unit.spec.ts b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/graph.unit.spec.ts
index 46caf91b998..73043ddb9a7 100644
--- a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/graph.unit.spec.ts
+++ b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/graph.unit.spec.ts
@@ -48,7 +48,7 @@ describe("upgradeViewPermissionsIfNeeded", () => {
     createGraph({ [schema]: { [tableId]: DataPermissionValue.SANDBOXED } }),
   ])(
     "should upgrade data access permission if it is not fully granted except impersonated",
-    graph => {
+    (graph) => {
       const updatedGraph = upgradeViewPermissionsIfNeeded(
         graph,
         groupId,
diff --git a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/index.js b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/index.js
index 0a6aac53580..8b435e72702 100644
--- a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/index.js
+++ b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/index.js
@@ -85,10 +85,10 @@ if (hasPremiumFeature("advanced_permissions")) {
     />,
   );
 
-  PLUGIN_ADVANCED_PERMISSIONS.isBlockPermission = value =>
+  PLUGIN_ADVANCED_PERMISSIONS.isBlockPermission = (value) =>
     value === BLOCK_PERMISSION_OPTION.value;
 
-  PLUGIN_ADVANCED_PERMISSIONS.getDatabaseLimitedAccessPermission = value => {
+  PLUGIN_ADVANCED_PERMISSIONS.getDatabaseLimitedAccessPermission = (value) => {
     if (value === IMPERSONATED_PERMISSION_OPTION.value) {
       return DataPermissionValue.UNRESTRICTED;
     }
@@ -103,7 +103,7 @@ if (hasPremiumFeature("advanced_permissions")) {
     }
   };
 
-  PLUGIN_ADVANCED_PERMISSIONS.isRestrictivePermission = value => {
+  PLUGIN_ADVANCED_PERMISSIONS.isRestrictivePermission = (value) => {
     return value === DataPermissionValue.BLOCKED;
   };
 
@@ -121,13 +121,13 @@ if (hasPremiumFeature("advanced_permissions")) {
   PLUGIN_DATA_PERMISSIONS.permissionsPayloadExtraSelectors.push(
     (state, data) => {
       const impersonations = getImpersonations(state);
-      const impersonationGroupIds = impersonations.map(i => `${i.group_id}`);
+      const impersonationGroupIds = impersonations.map((i) => `${i.group_id}`);
       return [{ impersonations }, impersonationGroupIds];
     },
   );
 
   PLUGIN_DATA_PERMISSIONS.hasChanges.push(
-    state => getImpersonations(state).length > 0,
+    (state) => getImpersonations(state).length > 0,
   );
 
   PLUGIN_ADMIN_PERMISSIONS_DATABASE_ACTIONS[
diff --git a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/reducer.ts b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/reducer.ts
index 3f40a71f34d..81732f3ef9d 100644
--- a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/reducer.ts
+++ b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/reducer.ts
@@ -49,7 +49,7 @@ export const advancedPermissionsSlice = createSlice({
   reducers: {
     updateImpersonation(state, { payload }: PayloadAction<Impersonation>) {
       const impersonationIndex = state.impersonations.findIndex(
-        impersonation =>
+        (impersonation) =>
           impersonation.db_id === payload.db_id &&
           impersonation.group_id === payload.group_id,
       );
@@ -61,7 +61,7 @@ export const advancedPermissionsSlice = createSlice({
       }
     },
   },
-  extraReducers: builder => {
+  extraReducers: (builder) => {
     builder
       .addCase(LOAD_DATA_PERMISSIONS, () => initialState)
       .addCase(SAVE_DATA_PERMISSIONS, () => initialState)
@@ -72,7 +72,7 @@ export const advancedPermissionsSlice = createSlice({
 
         if (payload?.permissionInfo?.permission === DataPermission.VIEW_DATA) {
           state.impersonations = state.impersonations.filter(
-            impersonation =>
+            (impersonation) =>
               impersonation.group_id !== payload.groupId &&
               impersonation.db_id !== payload.entityId.databaseId,
           );
diff --git a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/selectors.ts b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/selectors.ts
index bb48e8ac501..2ab06802fb4 100644
--- a/enterprise/frontend/src/metabase-enterprise/advanced_permissions/selectors.ts
+++ b/enterprise/frontend/src/metabase-enterprise/advanced_permissions/selectors.ts
@@ -6,7 +6,7 @@ export const getImpersonation =
   (databaseId: DatabaseId, groupId: GroupId) =>
   (state: AdvancedPermissionsStoreState) =>
     state.plugins.advancedPermissionsPlugin.impersonations.find(
-      impersonation =>
+      (impersonation) =>
         impersonation.db_id === databaseId &&
         impersonation.group_id === groupId,
     );
diff --git a/enterprise/frontend/src/metabase-enterprise/api/audit-info.ts b/enterprise/frontend/src/metabase-enterprise/api/audit-info.ts
index d3cd0f627a9..87e158a7512 100644
--- a/enterprise/frontend/src/metabase-enterprise/api/audit-info.ts
+++ b/enterprise/frontend/src/metabase-enterprise/api/audit-info.ts
@@ -3,7 +3,7 @@ import type { AuditInfo } from "metabase-enterprise/audit_app/types/state";
 import { EnterpriseApi } from "./api";
 
 export const auditInfoApi = EnterpriseApi.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getAuditInfo: builder.query<AuditInfo, void>({
       query: () => ({
         method: "GET",
diff --git a/enterprise/frontend/src/metabase-enterprise/api/billing-info.ts b/enterprise/frontend/src/metabase-enterprise/api/billing-info.ts
index 967b16551c4..2d31a50ad1c 100644
--- a/enterprise/frontend/src/metabase-enterprise/api/billing-info.ts
+++ b/enterprise/frontend/src/metabase-enterprise/api/billing-info.ts
@@ -3,7 +3,7 @@ import type { BillingInfo } from "metabase-types/api";
 import { EnterpriseApi } from "./api";
 
 export const billingInfoApi = EnterpriseApi.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getBillingInfo: builder.query<BillingInfo, void>({
       query: () => ({
         method: "GET",
diff --git a/enterprise/frontend/src/metabase-enterprise/api/collection.ts b/enterprise/frontend/src/metabase-enterprise/api/collection.ts
index 93f57fc33b8..d7a15babde0 100644
--- a/enterprise/frontend/src/metabase-enterprise/api/collection.ts
+++ b/enterprise/frontend/src/metabase-enterprise/api/collection.ts
@@ -7,7 +7,7 @@ import type {
 import { EnterpriseApi } from "./api";
 
 export const collectionApi = EnterpriseApi.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listStaleCollectionItems: builder.query<
       ListStaleCollectionItemsResponse,
       ListStaleCollectionItemsRequest
@@ -17,7 +17,7 @@ export const collectionApi = EnterpriseApi.injectEndpoints({
         url: `/api/ee/stale/${collectionId}`,
         params,
       }),
-      providesTags: response =>
+      providesTags: (response) =>
         provideCollectionItemListTags(response?.data ?? [], [
           "card",
           "dashboard",
diff --git a/enterprise/frontend/src/metabase-enterprise/api/gdrive.ts b/enterprise/frontend/src/metabase-enterprise/api/gdrive.ts
index 70ef925ef0d..f161f6a342c 100644
--- a/enterprise/frontend/src/metabase-enterprise/api/gdrive.ts
+++ b/enterprise/frontend/src/metabase-enterprise/api/gdrive.ts
@@ -3,7 +3,7 @@ import type { DatabaseId, Settings } from "metabase-types/api";
 import { EnterpriseApi } from "./api";
 
 export const gdriveApi = EnterpriseApi.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getServiceAccount: builder.query<{ email: string }, void>({
       query: () => ({
         method: "GET",
@@ -23,7 +23,7 @@ export const gdriveApi = EnterpriseApi.injectEndpoints({
       { success: boolean },
       { url: string }
     >({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/ee/gsheets/folder",
         body: body,
diff --git a/enterprise/frontend/src/metabase-enterprise/api/query-validation.ts b/enterprise/frontend/src/metabase-enterprise/api/query-validation.ts
index b182c9eb30c..e0493ecf6d5 100644
--- a/enterprise/frontend/src/metabase-enterprise/api/query-validation.ts
+++ b/enterprise/frontend/src/metabase-enterprise/api/query-validation.ts
@@ -6,9 +6,9 @@ import type {
 import { EnterpriseApi } from "./api";
 
 export const queryValidationAPI = EnterpriseApi.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getInvalidCards: builder.query<InvalidCardResponse, InvalidCardRequest>({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/ee/query-reference-validation/invalid-cards",
         params,
diff --git a/enterprise/frontend/src/metabase-enterprise/api/scim.ts b/enterprise/frontend/src/metabase-enterprise/api/scim.ts
index d1bf1a30f21..97580a081e3 100644
--- a/enterprise/frontend/src/metabase-enterprise/api/scim.ts
+++ b/enterprise/frontend/src/metabase-enterprise/api/scim.ts
@@ -6,7 +6,7 @@ import type {
 import { EnterpriseApi } from "./api";
 
 export const scimApi = EnterpriseApi.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getScimToken: builder.query<MaskedScimApiKey, void>({
       query: () => ({
         method: "GET",
diff --git a/enterprise/frontend/src/metabase-enterprise/api/upload-management.ts b/enterprise/frontend/src/metabase-enterprise/api/upload-management.ts
index cbfb64861df..1c627826dfd 100644
--- a/enterprise/frontend/src/metabase-enterprise/api/upload-management.ts
+++ b/enterprise/frontend/src/metabase-enterprise/api/upload-management.ts
@@ -7,7 +7,7 @@ import type {
 import { EnterpriseApi } from "./api";
 
 export const uploadManagementApi = EnterpriseApi.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listUploadTables: builder.query<UploadManagementResponse, void>({
       query: () => ({
         method: "GET",
diff --git a/enterprise/frontend/src/metabase-enterprise/application_permissions/reducer.js b/enterprise/frontend/src/metabase-enterprise/application_permissions/reducer.js
index 8b71d7ecc12..61c22a32e34 100644
--- a/enterprise/frontend/src/metabase-enterprise/application_permissions/reducer.js
+++ b/enterprise/frontend/src/metabase-enterprise/application_permissions/reducer.js
@@ -13,7 +13,7 @@ const INITIALIZE_APPLICATION_PERMISSIONS =
   "metabase-enterprise/general-permissions/INITIALIZE_APPLICATION_PERMISSIONS";
 export const initializeApplicationPermissions = createThunkAction(
   INITIALIZE_APPLICATION_PERMISSIONS,
-  () => async dispatch => {
+  () => async (dispatch) => {
     dispatch(loadApplicationPermissions());
   },
 );
diff --git a/enterprise/frontend/src/metabase-enterprise/application_permissions/selectors.ts b/enterprise/frontend/src/metabase-enterprise/application_permissions/selectors.ts
index c663c680bff..e889fbdf65a 100644
--- a/enterprise/frontend/src/metabase-enterprise/application_permissions/selectors.ts
+++ b/enterprise/frontend/src/metabase-enterprise/application_permissions/selectors.ts
@@ -34,12 +34,12 @@ export function getPermissionWarning(
 
 export const canManageSubscriptions = createSelector(
   (state: ApplicationPermissionsState) => state.currentUser,
-  user => user?.permissions?.can_access_subscription ?? false,
+  (user) => user?.permissions?.can_access_subscription ?? false,
 );
 
 export const canAccessSettings = createSelector(
   (state: ApplicationPermissionsState) => state.currentUser,
-  user => user?.permissions?.can_access_setting ?? false,
+  (user) => user?.permissions?.can_access_setting ?? false,
 );
 
 const getApplicationPermission = (
@@ -96,7 +96,7 @@ export const getApplicationPermissionEditor = createSelector(
       return null;
     }
 
-    const entities = groups.flat().map(group => {
+    const entities = groups.flat().map((group) => {
       const isAdmin = isAdminGroup(group);
 
       return {
diff --git a/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditParameters.jsx b/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditParameters.jsx
index 11557d1a6aa..9b65c322fc9 100644
--- a/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditParameters.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditParameters.jsx
@@ -56,7 +56,7 @@ export default class AuditParameters extends Component {
     const isEmpty =
       hasResults === false &&
       inputValues &&
-      Object.values(inputValues).every(v => v === "");
+      Object.values(inputValues).every((v) => v === "");
 
     return (
       <div>
@@ -68,7 +68,7 @@ export default class AuditParameters extends Component {
               value={inputValues[key] || ""}
               placeholder={placeholder}
               disabled={isEmpty || disabled}
-              onChange={e => {
+              onChange={(e) => {
                 this.changeValue(key, e.target.value);
               }}
               icon={icon}
diff --git a/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditTableVisualization/AuditTableVisualization.jsx b/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditTableVisualization/AuditTableVisualization.jsx
index 647731905a2..14c4163be06 100644
--- a/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditTableVisualization/AuditTableVisualization.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditTableVisualization/AuditTableVisualization.jsx
@@ -60,7 +60,7 @@ export class AuditTableVisualization extends Component {
     super(props);
   }
 
-  handleColumnHeaderClick = column => {
+  handleColumnHeaderClick = (column) => {
     const { isSortable, onSortingChange, sorting } = this.props;
 
     if (!isSortable || !onSortingChange) {
@@ -112,7 +112,7 @@ export class AuditTableVisualization extends Component {
     const canRemoveRows = !!onRemoveRow;
     const columnIndexes = settings["table.columns"]
       .filter(({ enabled }) => enabled)
-      .map(({ name }) => _.findIndex(cols, col => col.name === name));
+      .map(({ name }) => _.findIndex(cols, (col) => col.name === name));
 
     if (rows.length === 0) {
       return (
@@ -129,12 +129,12 @@ export class AuditTableVisualization extends Component {
             {isSelectable && (
               <th>
                 <CheckBox
-                  checked={Object.values(rowChecked).some(elem => elem)}
-                  onChange={e => this.handleAllSelectClick(e, rows)}
+                  checked={Object.values(rowChecked).some((elem) => elem)}
+                  onChange={(e) => this.handleAllSelectClick(e, rows)}
                 />
               </th>
             )}
-            {columnIndexes.map(colIndex => {
+            {columnIndexes.map((colIndex) => {
               const column = cols[colIndex];
               const isSortedByColumn =
                 sorting && sorting.column === getColumnName(column);
@@ -167,7 +167,7 @@ export class AuditTableVisualization extends Component {
                 <td>
                   <CheckBox
                     checked={rowChecked[row[ROW_ID_IDX]] || false}
-                    onChange={e =>
+                    onChange={(e) =>
                       this.handleRowSelectClick(
                         { ...e, originRow: rowIndex },
                         row,
@@ -178,7 +178,7 @@ export class AuditTableVisualization extends Component {
                 </td>
               )}
 
-              {columnIndexes.map(colIndex => {
+              {columnIndexes.map((colIndex) => {
                 const value = row[colIndex];
                 const column = cols[colIndex];
                 const clicked = { column, value, origin: { row, cols } };
diff --git a/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditTableVisualization/AuditTableVisualization.styled.tsx b/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditTableVisualization/AuditTableVisualization.styled.tsx
index d88edc1ab39..a526dfad153 100644
--- a/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditTableVisualization/AuditTableVisualization.styled.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/audit_app/components/AuditTableVisualization/AuditTableVisualization.styled.tsx
@@ -9,13 +9,13 @@ interface HeaderCellProps {
 }
 
 export const HeaderCell = styled.th<HeaderCellProps>`
-  cursor: ${props => props.isSortable && "pointer"};
-  color: ${props => props.isSortedByColumn && "var(--mb-color-brand)"};
-  text-align: ${props => props.isRightAligned && "right"};
+  cursor: ${(props) => props.isSortable && "pointer"};
+  color: ${(props) => props.isSortedByColumn && "var(--mb-color-brand)"};
+  text-align: ${(props) => props.isRightAligned && "right"};
   white-space: nowrap;
 
   &:hover {
-    color: ${props => props.isSortable && "var(--mb-color-brand)"};
+    color: ${(props) => props.isSortable && "var(--mb-color-brand)"};
   }
 `;
 
@@ -25,9 +25,9 @@ interface RowCellProps {
 }
 
 export const RowCell = styled.td<RowCellProps>`
-  color: ${props => props.isClickable && "var(--mb-color-brand)"};
-  cursor: ${props => props.isClickable && "pointer"};
-  text-align: ${props => props.isRightAligned && "right"};
+  color: ${(props) => props.isClickable && "var(--mb-color-brand)"};
+  cursor: ${(props) => props.isClickable && "pointer"};
+  text-align: ${(props) => props.isRightAligned && "right"};
 `;
 
 export const RemoveRowButton = styled(IconButtonWrapper)`
diff --git a/enterprise/frontend/src/metabase-enterprise/audit_app/containers/AuditTable.jsx b/enterprise/frontend/src/metabase-enterprise/audit_app/containers/AuditTable.jsx
index f19ab291abf..39573d4ced4 100644
--- a/enterprise/frontend/src/metabase-enterprise/audit_app/containers/AuditTable.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/audit_app/containers/AuditTable.jsx
@@ -18,7 +18,7 @@ import { AuditMode } from "../lib/mode";
 import { PaginationControlsContainer } from "./AuditTable.styled";
 import QuestionLoadAndDisplay from "./QuestionLoadAndDisplay";
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   metadata: getMetadata(state),
 });
 
@@ -51,7 +51,7 @@ function AuditTable({
   const [loadedCount, setLoadedCount] = useState(0);
   const { handleNextPage, handlePreviousPage, page } = usePagination();
 
-  const handleOnLoad = results => {
+  const handleOnLoad = (results) => {
     setLoadedCount(results[0].row_count);
     onLoad?.(results);
   };
@@ -64,7 +64,7 @@ function AuditTable({
 
   const question = new Question(card, metadata);
   const shouldShowPagination = page > 0 || loadedCount === pageSize;
-  const handleChangeLocation = url => dispatch(push(url));
+  const handleChangeLocation = (url) => dispatch(push(url));
 
   return (
     <div>
diff --git a/enterprise/frontend/src/metabase-enterprise/audit_app/containers/AuditTableWithSearch.jsx b/enterprise/frontend/src/metabase-enterprise/audit_app/containers/AuditTableWithSearch.jsx
index 59f5b493e01..48516752d30 100644
--- a/enterprise/frontend/src/metabase-enterprise/audit_app/containers/AuditTableWithSearch.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/audit_app/containers/AuditTableWithSearch.jsx
@@ -25,7 +25,7 @@ const AuditTableWithSearch = ({ placeholder = t`Search`, table, ...props }) => (
         {...props}
         table={
           search
-            ? updateIn(table, ["card", "dataset_query", "args"], args =>
+            ? updateIn(table, ["card", "dataset_query", "args"], (args) =>
                 (args || []).concat(search),
               )
             : table
diff --git a/enterprise/frontend/src/metabase-enterprise/audit_app/containers/UnsubscribeUserModal/UnsubscribeUserModal.jsx b/enterprise/frontend/src/metabase-enterprise/audit_app/containers/UnsubscribeUserModal/UnsubscribeUserModal.jsx
index f0454ac55ce..6c63b074ad2 100644
--- a/enterprise/frontend/src/metabase-enterprise/audit_app/containers/UnsubscribeUserModal/UnsubscribeUserModal.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/audit_app/containers/UnsubscribeUserModal/UnsubscribeUserModal.jsx
@@ -8,7 +8,7 @@ import { AuditApi } from "metabase-enterprise/services";
 
 import UnsubscribeUserForm from "../../components/UnsubscribeUserForm";
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
   onUnsubscribe: async ({ id }) => {
     await AuditApi.unsubscribe_user({ id });
     dispatch(addUndo({ message: t`Unsubscribe successful` }));
diff --git a/enterprise/frontend/src/metabase-enterprise/audit_app/index.js b/enterprise/frontend/src/metabase-enterprise/audit_app/index.js
index 95f2903ff73..f8279e0e0ad 100644
--- a/enterprise/frontend/src/metabase-enterprise/audit_app/index.js
+++ b/enterprise/frontend/src/metabase-enterprise/audit_app/index.js
@@ -12,7 +12,7 @@ import { getUserMenuRotes } from "./routes";
 import { isAuditDb } from "./utils";
 
 if (hasPremiumFeature("audit_app")) {
-  PLUGIN_ADMIN_USER_MENU_ITEMS.push(user => [
+  PLUGIN_ADMIN_USER_MENU_ITEMS.push((user) => [
     {
       title: t`Unsubscribe from all subscriptions / alerts`,
       link: `/admin/people/${user.id}/unsubscribe`,
diff --git a/enterprise/frontend/src/metabase-enterprise/audit_app/lib/mode.js b/enterprise/frontend/src/metabase-enterprise/audit_app/lib/mode.js
index 6f1ec09c146..4f8003b54f1 100644
--- a/enterprise/frontend/src/metabase-enterprise/audit_app/lib/mode.js
+++ b/enterprise/frontend/src/metabase-enterprise/audit_app/lib/mode.js
@@ -1,7 +1,7 @@
 import { push } from "react-router-redux";
 import _ from "underscore";
 
-export const getColumnName = column => column.remapped_to || column.name;
+export const getColumnName = (column) => column.remapped_to || column.name;
 
 export const getRowValuesByColumns = (row, cols) =>
   cols.reduce((acc, col, index) => {
@@ -14,23 +14,23 @@ export const getRowValuesByColumns = (row, cols) =>
 
 export const columnNameToUrl = {
   // No admin page for collections but still want to link to it
-  collection_id: value => `/collection/${value}`,
-  user_id: value => `/admin/audit/member/${value}`,
-  creator_id: value => `/admin/audit/member/${value}`,
-  viewed_by_id: value => `/admin/audit/member/${value}`,
-  saved_by_id: value => `/admin/audit/member/${value}`,
-  dashboard_id: value => `/admin/audit/dashboard/${value}`,
-  card_id: value => `/admin/audit/question/${value}`,
-  database_id: value => `/admin/audit/database/${value}`,
+  collection_id: (value) => `/collection/${value}`,
+  user_id: (value) => `/admin/audit/member/${value}`,
+  creator_id: (value) => `/admin/audit/member/${value}`,
+  viewed_by_id: (value) => `/admin/audit/member/${value}`,
+  saved_by_id: (value) => `/admin/audit/member/${value}`,
+  dashboard_id: (value) => `/admin/audit/dashboard/${value}`,
+  card_id: (value) => `/admin/audit/question/${value}`,
+  database_id: (value) => `/admin/audit/database/${value}`,
   // NOTE: disable schema links until schema detail is implemented
   // schema: value => `/admin/audit/schema/${value}`,
-  table_id: value => `/admin/audit/table/${value}`,
+  table_id: (value) => `/admin/audit/table/${value}`,
   // NOTE: query_hash uses standard Base64 encoding which isn't URL safe so make sure to escape it
-  query_hash: value =>
+  query_hash: (value) =>
     `/admin/audit/query/${encodeURIComponent(String(value))}`,
   recipients: (_, clicked) => {
     const pulseIdIndex = clicked.origin.cols.findIndex(
-      col => getColumnName(col) === "pulse_id",
+      (col) => getColumnName(col) === "pulse_id",
     );
     const pulseId = clicked.origin.row[pulseIdIndex];
 
@@ -67,7 +67,7 @@ const AuditDrill = ({ question, clicked }) => {
   if (origin && column && column.name === "card_id") {
     const queryHashColIndex = _.findIndex(
       origin.cols,
-      col => col.name === "query_hash",
+      (col) => col.name === "query_hash",
     );
     const value = origin.row[queryHashColIndex];
     if (value) {
diff --git a/enterprise/frontend/src/metabase-enterprise/auth/components/SessionTimeoutSetting/SessionTimeoutSetting.tsx b/enterprise/frontend/src/metabase-enterprise/auth/components/SessionTimeoutSetting/SessionTimeoutSetting.tsx
index d8db72cfade..a809d7c394e 100644
--- a/enterprise/frontend/src/metabase-enterprise/auth/components/SessionTimeoutSetting/SessionTimeoutSetting.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/auth/components/SessionTimeoutSetting/SessionTimeoutSetting.tsx
@@ -54,7 +54,7 @@ const SessionTimeoutSetting = ({
   const [value, setValue] = useState(setting.value ?? DEFAULT_VALUE);
 
   const handleValueChange = (newValue: Partial<TimeoutValue>) => {
-    setValue(prev => ({ ...prev, ...newValue }));
+    setValue((prev) => ({ ...prev, ...newValue }));
   };
 
   const error = validate(value);
@@ -67,7 +67,7 @@ const SessionTimeoutSetting = ({
     handleCommitSettings(value);
   };
 
-  const handleUnitChange: ChangeEventHandler<HTMLInputElement> = e => {
+  const handleUnitChange: ChangeEventHandler<HTMLInputElement> = (e) => {
     const unit = e.target.value;
     handleValueChange({ unit });
     handleCommitSettings({ ...value, unit });
@@ -92,7 +92,7 @@ const SessionTimeoutSetting = ({
               data-testid="session-timeout-input"
               placeholder=""
               value={value?.amount.toString()}
-              onChange={e =>
+              onChange={(e) =>
                 handleValueChange({ amount: parseInt(e.target.value, 10) })
               }
               onBlur={handleBlurChange}
diff --git a/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsJWTForm/SettingsJWTForm.tsx b/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsJWTForm/SettingsJWTForm.tsx
index 0f03ee09bd5..a2c3187e920 100644
--- a/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsJWTForm/SettingsJWTForm.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsJWTForm/SettingsJWTForm.tsx
@@ -49,7 +49,7 @@ export const SettingsJWTForm = ({
   }, [elements]);
 
   const fields = useMemo(() => {
-    return _.mapObject(settings, setting => ({
+    return _.mapObject(settings, (setting) => ({
       name: setting.key,
       label: setting.display_name,
       description: setting.description,
@@ -166,7 +166,7 @@ const getAttributeValues = (
   values: SettingValues,
 ) => {
   return Object.fromEntries(
-    JWT_ATTRS.map(key => [
+    JWT_ATTRS.map((key) => [
       key,
       DEFAULTABLE_JWT_ATTRS.has(key)
         ? (values[key] ?? settings[key]?.default)
diff --git a/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsSAMLForm/SettingsSAMLForm.jsx b/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsSAMLForm/SettingsSAMLForm.jsx
index 1a115a2848b..2c1a2e4c828 100644
--- a/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsSAMLForm/SettingsSAMLForm.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsSAMLForm/SettingsSAMLForm.jsx
@@ -59,7 +59,7 @@ const SettingsSAMLForm = ({ elements = [], settingValues = {}, onSubmit }) => {
   const FAKE_ACS_URL_KEY = "FAKE_ACS_URL_KEY";
 
   const handleSubmit = useCallback(
-    values => {
+    (values) => {
       const { [FAKE_ACS_URL_KEY]: _, ...realValues } = values;
       return onSubmit({ ...realValues, "saml-enabled": true });
     },
diff --git a/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsSAMLForm/SettingsSAMLForm.styled.tsx b/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsSAMLForm/SettingsSAMLForm.styled.tsx
index b3c21846f56..b833b0cae37 100644
--- a/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsSAMLForm/SettingsSAMLForm.styled.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/auth/components/SettingsSAMLForm/SettingsSAMLForm.styled.tsx
@@ -6,12 +6,12 @@ interface SAMLFormSectionProps {
 }
 
 export const SAMLFormSection = styled.div<SAMLFormSectionProps>`
-  padding: 1rem 2rem ${props => (props.isSSLSection ? "0.5rem" : "1rem")};
+  padding: 1rem 2rem ${(props) => (props.isSSLSection ? "0.5rem" : "1rem")};
   margin-bottom: 1rem;
   border: 1px solid var(--mb-color-border);
   border-radius: 0.5rem;
   /* The section containing the GroupMappingsWidget needs to be wider */
-  width: ${props => (props.wide ? "780px" : "520px")};
+  width: ${(props) => (props.wide ? "780px" : "520px")};
 
   /* Even in a wide section, the input is better if same width as elsewhere */
   input {
diff --git a/enterprise/frontend/src/metabase-enterprise/auth/index.js b/enterprise/frontend/src/metabase-enterprise/auth/index.js
index 19e677549f6..572fed2fe83 100644
--- a/enterprise/frontend/src/metabase-enterprise/auth/index.js
+++ b/enterprise/frontend/src/metabase-enterprise/auth/index.js
@@ -29,11 +29,11 @@ import { SsoButton } from "./components/SsoButton";
 import JwtAuthCard from "./containers/JwtAuthCard";
 import SamlAuthCard from "./containers/SamlAuthCard";
 
-PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections =>
-  updateIn(sections, ["authentication", "settings"], settings => {
+PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) =>
+  updateIn(sections, ["authentication", "settings"], (settings) => {
     const [apiKeySettings, otherSettings] = _.partition(
       settings,
-      s => s.key === "api-keys",
+      (s) => s.key === "api-keys",
     );
     return [
       ...otherSettings,
@@ -77,7 +77,7 @@ PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections =>
   }),
 );
 
-PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections => ({
+PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) => ({
   ...sections,
   "authentication/saml": {
     getHidden: () => !hasPremiumFeature("sso_saml"),
@@ -235,7 +235,7 @@ const SSO_PROVIDER = {
   Button: SsoButton,
 };
 
-PLUGIN_AUTH_PROVIDERS.push(providers => {
+PLUGIN_AUTH_PROVIDERS.push((providers) => {
   if (
     (hasPremiumFeature("sso_jwt") || hasPremiumFeature("sso_saml")) &&
     MetabaseSettings.get("other-sso-enabled?")
@@ -247,14 +247,14 @@ PLUGIN_AUTH_PROVIDERS.push(providers => {
     !MetabaseSettings.isPasswordLoginEnabled() &&
     !MetabaseSettings.isLdapEnabled()
   ) {
-    providers = providers.filter(p => p.name !== "password");
+    providers = providers.filter((p) => p.name !== "password");
   }
   return providers;
 });
 
 if (hasPremiumFeature("disable_password_login")) {
   PLUGIN_IS_PASSWORD_USER.push(
-    user =>
+    (user) =>
       !user.google_auth &&
       !user.ldap_auth &&
       MetabaseSettings.isPasswordLoginEnabled(),
@@ -284,8 +284,8 @@ if (hasPremiumFeature("sso_ldap")) {
     ),
   });
 
-  PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections =>
-    updateIn(sections, ["authentication/ldap", "settings"], settings => [
+  PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) =>
+    updateIn(sections, ["authentication/ldap", "settings"], (settings) => [
       {
         key: "ldap-user-provisioning-enabled?",
         display_name: t`User Provisioning`,
diff --git a/enterprise/frontend/src/metabase-enterprise/auth/middleware/session-middleware.js b/enterprise/frontend/src/metabase-enterprise/auth/middleware/session-middleware.js
index ef59ff38bf1..e137288a112 100644
--- a/enterprise/frontend/src/metabase-enterprise/auth/middleware/session-middleware.js
+++ b/enterprise/frontend/src/metabase-enterprise/auth/middleware/session-middleware.js
@@ -23,7 +23,7 @@ export const createSessionMiddleware = (
 ) => {
   let intervalId;
 
-  const sessionMiddlware = store => next => action => {
+  const sessionMiddlware = (store) => (next) => (action) => {
     if (intervalId == null || resetActions.includes(action.type)) {
       clearInterval(intervalId);
 
diff --git a/enterprise/frontend/src/metabase-enterprise/browse/models/BrowseModels.unit.spec.tsx b/enterprise/frontend/src/metabase-enterprise/browse/models/BrowseModels.unit.spec.tsx
index 6a785e93778..0348d8ec607 100644
--- a/enterprise/frontend/src/metabase-enterprise/browse/models/BrowseModels.unit.spec.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/browse/models/BrowseModels.unit.spec.tsx
@@ -26,7 +26,7 @@ const setup = (modelCount: number, recentModelCount = 5) => {
 
   const mockRecentModels = mockModels
     .slice(0, recentModelCount)
-    .map(model =>
+    .map((model) =>
       createMockRecentModel(model as unknown as RecentCollectionItem),
     );
   setupRecentViewsEndpoints(mockRecentModels);
diff --git a/enterprise/frontend/src/metabase-enterprise/caching/components/InvalidateNowButton.tsx b/enterprise/frontend/src/metabase-enterprise/caching/components/InvalidateNowButton.tsx
index afc1e74b0c2..9ab657f511c 100644
--- a/enterprise/frontend/src/metabase-enterprise/caching/components/InvalidateNowButton.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/caching/components/InvalidateNowButton.tsx
@@ -71,7 +71,7 @@ const InvalidateNowFormBody = ({
     <>
       <Form>
         <StyledInvalidateNowButton
-          onClick={e => {
+          onClick={(e) => {
             confirmInvalidation();
             e.preventDefault();
             return false;
diff --git a/enterprise/frontend/src/metabase-enterprise/caching/components/ResetButtonContainer.styled.tsx b/enterprise/frontend/src/metabase-enterprise/caching/components/ResetButtonContainer.styled.tsx
index c44014ef896..eef49c170ae 100644
--- a/enterprise/frontend/src/metabase-enterprise/caching/components/ResetButtonContainer.styled.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/caching/components/ResetButtonContainer.styled.tsx
@@ -5,7 +5,7 @@ import type { FormSubmitButtonProps } from "metabase/forms";
 import { FormSubmitButton } from "metabase/forms";
 
 export const ResetAllFormSubmitButton = styled(FormSubmitButton, {
-  shouldForwardProp: prop => prop !== "highlightOnHover",
+  shouldForwardProp: (prop) => prop !== "highlightOnHover",
 })<FormSubmitButtonProps & { highlightOnHover?: boolean }>`
   ${({ highlightOnHover }) =>
     highlightOnHover
diff --git a/enterprise/frontend/src/metabase-enterprise/caching/components/ResetButtonContainer.tsx b/enterprise/frontend/src/metabase-enterprise/caching/components/ResetButtonContainer.tsx
index 82cfa3c4147..5961f776f15 100644
--- a/enterprise/frontend/src/metabase-enterprise/caching/components/ResetButtonContainer.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/caching/components/ResetButtonContainer.tsx
@@ -42,7 +42,7 @@ const ResetAllToDefaultButtonFormBody = () => {
             px="1rem"
             py=".75rem"
             lh="1"
-            onClick={e => {
+            onClick={(e) => {
               confirmResetAllToDefault();
               e.preventDefault();
               return false;
diff --git a/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyEditorForQuestionsAndDashboards/StrategyEditorForQuestionsAndDashboards.tsx b/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyEditorForQuestionsAndDashboards/StrategyEditorForQuestionsAndDashboards.tsx
index 350d6461ca5..e8f1ed3f201 100644
--- a/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyEditorForQuestionsAndDashboards/StrategyEditorForQuestionsAndDashboards.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyEditorForQuestionsAndDashboards/StrategyEditorForQuestionsAndDashboards.tsx
@@ -75,16 +75,16 @@ const _StrategyEditorForQuestionsAndDashboards = ({
   const dashboardIds = useMemo(
     () =>
       configs
-        .filter(config => config.model === "dashboard")
-        .map(c => c.model_id),
+        .filter((config) => config.model === "dashboard")
+        .map((c) => c.model_id),
     [configs],
   );
 
   const questionIds = useMemo(
     () =>
       configs
-        .filter(config => config.model === "question")
-        .map(c => c.model_id),
+        .filter((config) => config.model === "question")
+        .map((c) => c.model_id),
     [configs],
   );
 
@@ -137,7 +137,7 @@ const _StrategyEditorForQuestionsAndDashboards = ({
     }
     // Filter out items that have no match in the dashboard and question list
     const hydratedCacheableItems: CacheableItem[] = [...items.values()].filter(
-      item => item.name !== undefined,
+      (item) => item.name !== undefined,
     );
 
     return hydratedCacheableItems;
@@ -148,7 +148,7 @@ const _StrategyEditorForQuestionsAndDashboards = ({
      * disappears from the table, it should no longer be the target */
     function removeTargetIfNoLongerInTable() {
       const isTargetIdInTable = cacheableItems.some(
-        item => item.id === targetId,
+        (item) => item.id === targetId,
       );
       if (targetId !== null && !isTargetIdInTable) {
         setTargetId(null);
@@ -254,7 +254,7 @@ const _StrategyEditorForQuestionsAndDashboards = ({
       w="100%"
       direction="row"
       justify="space-between"
-      onKeyDown={e => {
+      onKeyDown={(e) => {
         if (e.key === "Escape" && !e.ctrlKey && !e.metaKey) {
           closeForm();
         }
diff --git a/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyEditorForQuestionsAndDashboards/utils.unit.spec.tsx b/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyEditorForQuestionsAndDashboards/utils.unit.spec.tsx
index 2655628fc03..1a204957b8c 100644
--- a/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyEditorForQuestionsAndDashboards/utils.unit.spec.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyEditorForQuestionsAndDashboards/utils.unit.spec.tsx
@@ -154,7 +154,9 @@ describe("StrategyEditorForQuestionsAndDashboards utilities", () => {
         const b = formatValueForSorting(rowB, "policy") as string;
         return a.localeCompare(b);
       });
-      const strategies = sorted.map(row => getShortStrategyLabel(row.strategy));
+      const strategies = sorted.map((row) =>
+        getShortStrategyLabel(row.strategy),
+      );
       expect(strategies).toEqual([
         "Adaptive",
         "Duration: 1h",
@@ -173,7 +175,7 @@ describe("StrategyEditorForQuestionsAndDashboards utilities", () => {
         const b = formatValueForSorting(rowB, "collection") as string;
         return a.localeCompare(b);
       });
-      const collections = sorted.map(row =>
+      const collections = sorted.map((row) =>
         row.collection ? getCollectionPathAsString(row.collection) : null,
       );
       expect(collections).toEqual([
diff --git a/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyFormLauncherPanel.tsx b/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyFormLauncherPanel.tsx
index d753595bc13..07c3f7374c6 100644
--- a/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyFormLauncherPanel.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/caching/components/StrategyFormLauncherPanel.tsx
@@ -35,7 +35,7 @@ export const StrategyFormLauncherPanel = ({
   isStrategyFormDirty: boolean;
   shouldShowResetButton: boolean;
 }) => {
-  const databaseIds = useMemo(() => databases.map(db => db.id), [databases]);
+  const databaseIds = useMemo(() => databases.map((db) => db.id), [databases]);
 
   const {
     handleSubmit: resetAllToDefault,
@@ -60,7 +60,7 @@ export const StrategyFormLauncherPanel = ({
         />
       </StrategyFormLauncherPanelBox>
       <StrategyFormLauncherPanelStack>
-        {databases?.map(db => (
+        {databases?.map((db) => (
           <StrategyFormLauncher
             forId={db.id}
             title={db.name}
diff --git a/enterprise/frontend/src/metabase-enterprise/caching/constants.ts b/enterprise/frontend/src/metabase-enterprise/caching/constants.ts
index 31f54c028fa..71c3135be5e 100644
--- a/enterprise/frontend/src/metabase-enterprise/caching/constants.ts
+++ b/enterprise/frontend/src/metabase-enterprise/caching/constants.ts
@@ -31,7 +31,7 @@ const durationStrategyValidationSchema = Yup.object({
   unit: Yup.string().test(
     "is-duration-unit",
     "${path} is not a valid duration",
-    value => !!value && durationUnits.has(value),
+    (value) => !!value && durationUnits.has(value),
   ),
   refresh_automatically: Yup.boolean().nullable().default(false),
 });
diff --git a/enterprise/frontend/src/metabase-enterprise/caching/hooks/useResetToDefaultForm.tsx b/enterprise/frontend/src/metabase-enterprise/caching/hooks/useResetToDefaultForm.tsx
index 532da57fbec..b5c80e5ed57 100644
--- a/enterprise/frontend/src/metabase-enterprise/caching/hooks/useResetToDefaultForm.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/caching/hooks/useResetToDefaultForm.tsx
@@ -20,7 +20,7 @@ export const useResetToDefaultForm = ({
   useEffect(() => {
     // Avoid stale context in the form
     if (!isFormVisible) {
-      setVersionNumber(n => n + 1);
+      setVersionNumber((n) => n + 1);
     }
   }, [isFormVisible]);
 
diff --git a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionBulkActions.tsx b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionBulkActions.tsx
index 63d9094cd36..89524a621cb 100644
--- a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionBulkActions.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionBulkActions.tsx
@@ -31,14 +31,14 @@ export const CleanupCollectionBulkActions = ({
 
   const handleUndo = async (items: CollectionItem[]) => {
     return Promise.all(
-      items.map(item => item?.setArchived?.(false, { notify: false })),
+      items.map((item) => item?.setArchived?.(false, { notify: false })),
     )
       .then(() => resetPagination())
       .finally(() => setUndo(undefined));
   };
 
   const handleBulkArchive = async () => {
-    const actions = selected.map(item => {
+    const actions = selected.map((item) => {
       return archiveAndTrack({
         archive: () =>
           item.setArchived
@@ -51,7 +51,7 @@ export const CleanupCollectionBulkActions = ({
     });
 
     Promise.allSettled(actions)
-      .then(results => {
+      .then((results) => {
         resetPagination();
 
         const successfullyArchivedItems = results
@@ -65,7 +65,7 @@ export const CleanupCollectionBulkActions = ({
 
         const id = Date.now();
         const timeoutId = setTimeout(() => {
-          setUndo(undo => (undo?.id === id ? undefined : undo));
+          setUndo((undo) => (undo?.id === id ? undefined : undo));
         }, 5000) as unknown as number;
 
         const message = ngettext(
diff --git a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionModal.tsx b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionModal.tsx
index 0f2d66b1e8e..dabcfd306aa 100644
--- a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionModal.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionModal.tsx
@@ -99,13 +99,13 @@ const _CleanupCollectionModal = ({
   const itemsData = staleItemsData?.data;
   const total = staleItemsData?.total ?? 0;
   const items: StaleCollectionItem[] = useMemo(() => {
-    return (itemsData ?? []).map(item => Search.wrapEntity(item, dispatch));
+    return (itemsData ?? []).map((item) => Search.wrapEntity(item, dispatch));
   }, [itemsData, dispatch]);
 
   // selection cont.
   const { getIsSelected } = selection;
   const hasUnselected = useMemo(() => {
-    return items.some(item => !getIsSelected(item));
+    return items.some((item) => !getIsSelected(item));
   }, [getIsSelected, items]);
 
   // pagination cont.
diff --git a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionModalFilters.tsx b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionModalFilters.tsx
index 8dd05b879bd..2134900372d 100644
--- a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionModalFilters.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionModalFilters.tsx
@@ -33,7 +33,7 @@ export const CleanupCollectionModalFilters = ({
           leftSection={<Icon name="calendar" />}
           data={dateFilterOptions}
           value={dateFilter}
-          onChange={option => {
+          onChange={(option) => {
             option && isDateFilter(option) && onDateFilterChange(option);
           }}
           mx=".5rem"
@@ -46,7 +46,7 @@ export const CleanupCollectionModalFilters = ({
         label={<Text>{t`Include items in sub-collections`}</Text>}
         role="switch"
         checked={recursiveFilter}
-        onChange={e => onRecursiveFilterChange(e.target.checked)}
+        onChange={(e) => onRecursiveFilterChange(e.target.checked)}
       />
     </Flex>
   </Flex>
diff --git a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionTable.tsx b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionTable.tsx
index 67c594770fd..41c3d2cbe41 100644
--- a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionTable.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/CleanupCollectionTable.tsx
@@ -87,7 +87,7 @@ export const CleanupCollectionTable = ({
         </tr>
       </thead>
       <TBody>
-        {items.map(item => (
+        {items.map((item) => (
           <tr key={itemKeyFn(item)}>
             {/* Select */}
             <Columns.Select.Cell
diff --git a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/hooks.ts b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/hooks.ts
index 27147ad944a..d34fd3256c7 100644
--- a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/hooks.ts
+++ b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/hooks.ts
@@ -11,9 +11,9 @@ export const usePagination = ({
   const [total, setTotal] = useState<number>(0);
   const [page, setPage] = useState(initialPage ?? 0);
 
-  const onNextPage = useCallback(() => setPage(prev => prev + 1), [setPage]);
+  const onNextPage = useCallback(() => setPage((prev) => prev + 1), [setPage]);
   const onPreviousPage = useCallback(
-    () => setPage(prev => prev - 1),
+    () => setPage((prev) => prev - 1),
     [setPage],
   );
   const resetPage = useCallback(
diff --git a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/utils.ts b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/utils.ts
index edbcecf1890..035573743e6 100644
--- a/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/utils.ts
+++ b/enterprise/frontend/src/metabase-enterprise/clean_up/CleanupCollectionModal/utils.ts
@@ -69,7 +69,7 @@ export type DateFilterOption = {
 export type DateFilterOptions = DateFilterOption[];
 
 const dateFiltersMap = _.object(
-  dateFilterOptions.map<[DateFilter, DateFilterOption]>(option => [
+  dateFilterOptions.map<[DateFilter, DateFilterOption]>((option) => [
     option.value,
     option,
   ]),
@@ -92,7 +92,9 @@ export const getDateFilterValue = (dateFilter: DateFilter) => {
 };
 
 export const getDateFilterLabel = (dateFilter: DateFilter) => {
-  const option = dateFilterOptions.find(option => option.value === dateFilter);
+  const option = dateFilterOptions.find(
+    (option) => option.value === dateFilter,
+  );
   const label = option?.label;
 
   if (!label) {
diff --git a/enterprise/frontend/src/metabase-enterprise/clean_up/index.tsx b/enterprise/frontend/src/metabase-enterprise/clean_up/index.tsx
index f7b53d26ece..d3a7482b287 100644
--- a/enterprise/frontend/src/metabase-enterprise/clean_up/index.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/clean_up/index.tsx
@@ -17,7 +17,7 @@ import { canCleanUp } from "./utils";
 if (hasPremiumFeature("collection_cleanup")) {
   PLUGIN_COLLECTIONS.canCleanUp = canCleanUp;
 
-  PLUGIN_COLLECTIONS.useGetCleanUpMenuItems = collection => {
+  PLUGIN_COLLECTIONS.useGetCleanUpMenuItems = (collection) => {
     const canCleanupCollection = canCleanUp(collection);
 
     const { currentData: collectionItems } = useListCollectionItemsQuery(
diff --git a/enterprise/frontend/src/metabase-enterprise/collections/components/CollectionInstanceAnalyticsIcon.unit.spec.tsx b/enterprise/frontend/src/metabase-enterprise/collections/components/CollectionInstanceAnalyticsIcon.unit.spec.tsx
index 1c7af5017a6..cbb4811d67e 100644
--- a/enterprise/frontend/src/metabase-enterprise/collections/components/CollectionInstanceAnalyticsIcon.unit.spec.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/collections/components/CollectionInstanceAnalyticsIcon.unit.spec.tsx
@@ -51,7 +51,7 @@ describe("CollectionInstanceAnalyticsIcon", () => {
       return screen.getByLabelText("audit icon");
     }
 
-    ["collection", "dashboard", "model", "question"].forEach(entity => {
+    ["collection", "dashboard", "model", "question"].forEach((entity) => {
       it(`displays the correct tooltip for ${entity}`, async () => {
         renderInstanceAnalyticsCollection({
           entity: entity,
diff --git a/enterprise/frontend/src/metabase-enterprise/collections/utils.ts b/enterprise/frontend/src/metabase-enterprise/collections/utils.ts
index 93c695a6fba..4bbf4b6422e 100644
--- a/enterprise/frontend/src/metabase-enterprise/collections/utils.ts
+++ b/enterprise/frontend/src/metabase-enterprise/collections/utils.ts
@@ -76,14 +76,14 @@ export const filterOutItemsFromInstanceAnalytics = <
   /** Cache of ids of instance analytics collections */
   const cache = new Set<CollectionId>();
 
-  return items.filter(item => {
+  return items.filter((item) => {
     if (cache.has(item.collection.id)) {
       return false;
     }
     const ancestors = item.collection.effective_ancestors || [];
     const path = [item.collection, ...ancestors];
     if (path.some(isInstanceAnalyticsCollection)) {
-      path.map(c => c.id).forEach(id => cache.add(id));
+      path.map((c) => c.id).forEach((id) => cache.add(id));
       return false;
     }
     return true;
diff --git a/enterprise/frontend/src/metabase-enterprise/content_verification/VerifiedFilter/VerifiedFilter.tsx b/enterprise/frontend/src/metabase-enterprise/content_verification/VerifiedFilter/VerifiedFilter.tsx
index 616d359a812..6f35554abc5 100644
--- a/enterprise/frontend/src/metabase-enterprise/content_verification/VerifiedFilter/VerifiedFilter.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/content_verification/VerifiedFilter/VerifiedFilter.tsx
@@ -5,6 +5,6 @@ import type { SearchFilterComponent } from "metabase/search/types";
 export const VerifiedFilter: SearchFilterComponent<"verified"> = {
   label: () => t`Verified items only`,
   type: "toggle",
-  fromUrl: value => value === "true",
+  fromUrl: (value) => value === "true",
   toUrl: (value: boolean) => (value ? "true" : null),
 };
diff --git a/enterprise/frontend/src/metabase-enterprise/embedding/components/EmbeddingAppSameSiteCookieDescription/EmbeddingAppSameSiteCookieDescription.tsx b/enterprise/frontend/src/metabase-enterprise/embedding/components/EmbeddingAppSameSiteCookieDescription/EmbeddingAppSameSiteCookieDescription.tsx
index 9963c2d9f21..85597f65ad8 100644
--- a/enterprise/frontend/src/metabase-enterprise/embedding/components/EmbeddingAppSameSiteCookieDescription/EmbeddingAppSameSiteCookieDescription.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/embedding/components/EmbeddingAppSameSiteCookieDescription/EmbeddingAppSameSiteCookieDescription.tsx
@@ -11,7 +11,7 @@ import { Box, Center, Stack, Text } from "metabase/ui";
 import { SameSiteAlert } from "./EmbeddingAppSameSiteCookieDescription.styled";
 
 export const EmbeddingAppSameSiteCookieDescription = () => {
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     // eslint-disable-next-line no-unconditional-metabase-links-render -- Admin settings
     getDocsUrl(state, {
       page: "embedding/interactive-embedding",
@@ -70,5 +70,5 @@ function authorizedOriginsContainsNonInstanceDomain(
   }
 
   const origins = authorizedOriginsString.split(" ");
-  return origins.some(origin => !isSameOrigin(origin));
+  return origins.some((origin) => !isSameOrigin(origin));
 }
diff --git a/enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettings.tsx b/enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettings.tsx
index 1ea02df38a0..c6f7dd9f437 100644
--- a/enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettings.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettings.tsx
@@ -47,7 +47,7 @@ export function InteractiveEmbeddingSettings({
     updateSetting({ key: "enable-embedding-interactive" }, value);
   }
 
-  const quickStartUrl = useSelector(state =>
+  const quickStartUrl = useSelector((state) =>
     // eslint-disable-next-line no-unconditional-metabase-links-render -- This is used in admin settings
     getDocsUrl(state, {
       page: "embedding/interactive-embedding-quick-start-guide",
diff --git a/enterprise/frontend/src/metabase-enterprise/google_drive/GdriveConnectionModal.tsx b/enterprise/frontend/src/metabase-enterprise/google_drive/GdriveConnectionModal.tsx
index d9289c3c524..4eba4f5c3c9 100644
--- a/enterprise/frontend/src/metabase-enterprise/google_drive/GdriveConnectionModal.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/google_drive/GdriveConnectionModal.tsx
@@ -121,7 +121,7 @@ function GoogleSheetsConnectModal({
         dispatch(reloadSettings());
         onClose();
       })
-      .catch(response => {
+      .catch((response) => {
         setErrorMessage(response?.data?.message ?? "Something went wrong");
       });
   };
@@ -170,7 +170,7 @@ function GoogleSheetsConnectModal({
             my="sm"
             disabled={isSavingFolderLink}
             value={folderLink}
-            onChange={e => setFolderLink(e.target.value)}
+            onChange={(e) => setFolderLink(e.target.value)}
             placeholder="https://drive.google.com/drive/folders/abc123-xyz456"
           />
           <Text
@@ -229,7 +229,7 @@ function GoogleSheetsDisconnectModal({
           onClose();
         }
       })
-      .catch(response => {
+      .catch((response) => {
         setErrorMessage(response?.data?.message ?? "Something went wrong");
       });
   };
diff --git a/enterprise/frontend/src/metabase-enterprise/group_managers/actions.js b/enterprise/frontend/src/metabase-enterprise/group_managers/actions.js
index 73a24258774..375be3e999b 100644
--- a/enterprise/frontend/src/metabase-enterprise/group_managers/actions.js
+++ b/enterprise/frontend/src/metabase-enterprise/group_managers/actions.js
@@ -61,7 +61,7 @@ export const confirmUpdateMembership = createThunkAction(
 export const DELETE_GROUP = "metabase-enterprise/group_managers/DELETE_GROUP";
 export const deleteGroup = createThunkAction(
   DELETE_GROUP,
-  group => async (dispatch, getState) => {
+  (group) => async (dispatch, getState) => {
     const groups = Groups.selectors.getList(getState());
     const isLastGroup = groups.length === 1;
 
diff --git a/enterprise/frontend/src/metabase-enterprise/group_managers/components/UserTypeToggle/UserTypeToggle.tsx b/enterprise/frontend/src/metabase-enterprise/group_managers/components/UserTypeToggle/UserTypeToggle.tsx
index b1f366a292a..bcdba5fa4b7 100644
--- a/enterprise/frontend/src/metabase-enterprise/group_managers/components/UserTypeToggle/UserTypeToggle.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/group_managers/components/UserTypeToggle/UserTypeToggle.tsx
@@ -18,7 +18,7 @@ export const UserTypeToggle = ({
   const tooltipText = isManager ? t`Turn into Member` : t`Turn into Manager`;
   const icon = isManager ? "arrow_down" : "arrow_up";
 
-  const handleChangeType: MouseEventHandler = e => {
+  const handleChangeType: MouseEventHandler = (e) => {
     e.stopPropagation();
     onChange(!isManager);
   };
diff --git a/enterprise/frontend/src/metabase-enterprise/group_managers/utils.ts b/enterprise/frontend/src/metabase-enterprise/group_managers/utils.ts
index 49b7f0aa0d5..44c6f5a350f 100644
--- a/enterprise/frontend/src/metabase-enterprise/group_managers/utils.ts
+++ b/enterprise/frontend/src/metabase-enterprise/group_managers/utils.ts
@@ -22,7 +22,7 @@ export const groupManagerAllowedPathGetter = (
 };
 
 export const getRevokedAllGroupManagersPath = (adminPaths: AdminPath[]) => {
-  const allowedItems = adminPaths.filter(item => item.key !== "people");
+  const allowedItems = adminPaths.filter((item) => item.key !== "people");
 
   return allowedItems.length > 0 ? allowedItems[0].path : "/";
 };
@@ -32,7 +32,7 @@ export const getRevokeManagerPeopleRedirect = (
   adminPaths: AdminPath[],
 ) => {
   const isRemovingLastManagerMembership =
-    currentUserMemberships.filter(m => m.is_group_manager).length === 1;
+    currentUserMemberships.filter((m) => m.is_group_manager).length === 1;
 
   if (isRemovingLastManagerMembership) {
     return getRevokedAllGroupManagersPath(adminPaths);
@@ -46,7 +46,7 @@ export const getRevokeManagerGroupsRedirect = (
   adminPaths: AdminPath[],
 ) => {
   const isRemovingLastManagerMembership =
-    currentUserMemberships.filter(m => m.is_group_manager).length === 1;
+    currentUserMemberships.filter((m) => m.is_group_manager).length === 1;
 
   if (!isRemovingLastManagerMembership) {
     return "/admin/people/groups";
@@ -62,7 +62,7 @@ export const getRemoveMembershipConfirmation = (
 ): Partial<ConfirmationState> | null => {
   const isRemovingSelf =
     currentUserMemberships.find(
-      membership => membership.membership_id === deletedMembershipId,
+      (membership) => membership.membership_id === deletedMembershipId,
     ) != null;
 
   return isRemovingSelf && !currentUser.is_superuser
diff --git a/enterprise/frontend/src/metabase-enterprise/hosting/index.js b/enterprise/frontend/src/metabase-enterprise/hosting/index.js
index bdec62d14d1..f60cdf80c7d 100644
--- a/enterprise/frontend/src/metabase-enterprise/hosting/index.js
+++ b/enterprise/frontend/src/metabase-enterprise/hosting/index.js
@@ -8,17 +8,19 @@ import { hasPremiumFeature } from "metabase-enterprise/settings";
 import { SettingsCloudStoreLink } from "./components/SettingsCloudStoreLink";
 
 if (hasPremiumFeature("hosting")) {
-  PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections => _.omit(sections, ["updates"]));
+  PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) =>
+    _.omit(sections, ["updates"]),
+  );
 
-  PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections =>
-    updateIn(sections, ["general", "settings"], settings =>
-      _.reject(settings, setting =>
+  PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) =>
+    updateIn(sections, ["general", "settings"], (settings) =>
+      _.reject(settings, (setting) =>
         ["site-url", "redirect-all-requests-to-https"].includes(setting.key),
       ),
     ),
   );
 
-  PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections => ({
+  PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) => ({
     ...sections,
     cloud: {
       name: t`Cloud`,
diff --git a/enterprise/frontend/src/metabase-enterprise/license/components/LicenseAndBillingSettings/LicenseAndBillingSettings.tsx b/enterprise/frontend/src/metabase-enterprise/license/components/LicenseAndBillingSettings/LicenseAndBillingSettings.tsx
index 364045fbb2d..d152dd84bec 100644
--- a/enterprise/frontend/src/metabase-enterprise/license/components/LicenseAndBillingSettings/LicenseAndBillingSettings.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/license/components/LicenseAndBillingSettings/LicenseAndBillingSettings.tsx
@@ -75,7 +75,7 @@ const LicenseAndBillingSettings = ({
     is_env_setting,
     env_name,
   } = settingValues?.find(
-    setting => setting.key === "premium-embedding-token",
+    (setting) => setting.key === "premium-embedding-token",
   ) ?? {};
 
   const {
diff --git a/enterprise/frontend/src/metabase-enterprise/license/index.js b/enterprise/frontend/src/metabase-enterprise/license/index.js
index 5129fd08e1c..e6bc91b3bd9 100644
--- a/enterprise/frontend/src/metabase-enterprise/license/index.js
+++ b/enterprise/frontend/src/metabase-enterprise/license/index.js
@@ -5,8 +5,8 @@ import { PLUGIN_ADMIN_SETTINGS_UPDATES } from "metabase/plugins";
 
 import LicenseAndBillingSettings from "./components/LicenseAndBillingSettings";
 
-PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections =>
-  updateIn(sections, ["license"], license => {
+PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) =>
+  updateIn(sections, ["license"], (license) => {
     return {
       ...license,
       component: LicenseAndBillingSettings,
diff --git a/enterprise/frontend/src/metabase-enterprise/llm_autodescription/LLMSuggestQuestionInfo.tsx b/enterprise/frontend/src/metabase-enterprise/llm_autodescription/LLMSuggestQuestionInfo.tsx
index 203d08b8ce5..7e60262f116 100644
--- a/enterprise/frontend/src/metabase-enterprise/llm_autodescription/LLMSuggestQuestionInfo.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/llm_autodescription/LLMSuggestQuestionInfo.tsx
@@ -22,7 +22,7 @@ export const LLMSuggestQuestionInfo = ({
   const questionWithCollectionId: Question =
     initialQuestion.setCollectionId(collectionId);
 
-  const question = useSelector(state =>
+  const question = useSelector((state) =>
     getSubmittableQuestion(state, questionWithCollectionId),
   );
 
diff --git a/enterprise/frontend/src/metabase-enterprise/moderation/service.ts b/enterprise/frontend/src/metabase-enterprise/moderation/service.ts
index f7016a7e410..b1ea870f9ef 100644
--- a/enterprise/frontend/src/metabase-enterprise/moderation/service.ts
+++ b/enterprise/frontend/src/metabase-enterprise/moderation/service.ts
@@ -160,7 +160,7 @@ export function getModerationTimelineEvents(
   reviews: ModerationReview[],
   currentUser?: User,
 ) {
-  return reviews.map(review => {
+  return reviews.map((review) => {
     const moderator = review.user;
     const moderatorDisplayName = getModeratorDisplayName(
       moderator,
diff --git a/enterprise/frontend/src/metabase-enterprise/sandboxes/actions.js b/enterprise/frontend/src/metabase-enterprise/sandboxes/actions.js
index cf44a0db255..78ac5341212 100644
--- a/enterprise/frontend/src/metabase-enterprise/sandboxes/actions.js
+++ b/enterprise/frontend/src/metabase-enterprise/sandboxes/actions.js
@@ -23,7 +23,7 @@ import { GTAPApi } from "metabase/services";
 import { getPolicyKey, getPolicyKeyFromParams } from "./utils";
 
 export const FETCH_POLICY = "metabase-enterprise/sandboxes/FETCH_POLICY";
-export const fetchPolicy = withRequestState(params => [
+export const fetchPolicy = withRequestState((params) => [
   "plugins",
   "sandboxesPlugin",
   "policies",
@@ -42,7 +42,7 @@ export const UPDATE_TABLE_SANDBOXING_PERMISSION =
   "metabase-enterprise/sandboxes/UPDATE_TABLE_SANDBOXING_PERMISSION";
 export const updateTableSandboxingPermission = createThunkAction(
   UPDATE_TABLE_SANDBOXING_PERMISSION,
-  params => async dispatch => {
+  (params) => async (dispatch) => {
     const { groupId, ...entityId } = params;
     return dispatch(
       updateDataPermission({
@@ -111,12 +111,12 @@ const groupTableAccessPolicies = handleActions(
           const tables = database?.tables ?? [];
           // filter tables if there's a schema referenced in the entity id
           const entityTables = tables.filter(
-            table =>
+            (table) =>
               !entityId.schemaName || table.schema_name === entityId.schemaName,
           );
 
           // delete 0 to N sandboxes present in the state
-          const policyKeys = entityTables.map(table =>
+          const policyKeys = entityTables.map((table) =>
             getPolicyKeyFromParams({ groupId, tableId: table.id }),
           );
           return _.omit(state, policyKeys);
diff --git a/enterprise/frontend/src/metabase-enterprise/sandboxes/components/AttributeMappingEditor/AttributeMappingEditor.tsx b/enterprise/frontend/src/metabase-enterprise/sandboxes/components/AttributeMappingEditor/AttributeMappingEditor.tsx
index 0dfa728d5bf..b3dc96733c7 100644
--- a/enterprise/frontend/src/metabase-enterprise/sandboxes/components/AttributeMappingEditor/AttributeMappingEditor.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/sandboxes/components/AttributeMappingEditor/AttributeMappingEditor.tsx
@@ -121,7 +121,7 @@ const AttributePicker = ({
       }
       disabled={attributesOptions.length === 0}
     >
-      {attributesOptions.map(attributesOption => (
+      {attributesOptions.map((attributesOption) => (
         <Option key={attributesOption} value={attributesOption}>
           {attributesOption}
         </Option>
diff --git a/enterprise/frontend/src/metabase-enterprise/sandboxes/components/EditSandboxingModal/EditSandboxingModal.tsx b/enterprise/frontend/src/metabase-enterprise/sandboxes/components/EditSandboxingModal/EditSandboxingModal.tsx
index 444a611084a..0d2c7f0d901 100644
--- a/enterprise/frontend/src/metabase-enterprise/sandboxes/components/EditSandboxingModal/EditSandboxingModal.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/sandboxes/components/EditSandboxingModal/EditSandboxingModal.tsx
@@ -112,7 +112,7 @@ const EditSandboxingModal = ({
   }, [normalizedPolicy]);
 
   const remainingAttributesOptions = attributes.filter(
-    attribute => !(attribute in policy.attribute_remappings),
+    (attribute) => !(attribute in policy.attribute_remappings),
   );
 
   const hasAttributesOptions = attributes.length > 0;
@@ -153,7 +153,7 @@ const EditSandboxingModal = ({
                 value: false,
               },
             ]}
-            onChange={shouldUseSavedQuestion =>
+            onChange={(shouldUseSavedQuestion) =>
               setShouldUseSavedQuestion(!shouldUseSavedQuestion)
             }
             vertical
@@ -185,7 +185,7 @@ const EditSandboxingModal = ({
                     ? getQuestionPickerValue(policyCard)
                     : undefined
                 }
-                onChange={newCard => {
+                onChange={(newCard) => {
                   setPolicy({ ...policy, card_id: newCard.id });
                   hideModal();
                 }}
@@ -205,7 +205,7 @@ const EditSandboxingModal = ({
               <AttributeMappingEditor
                 value={policy.attribute_remappings}
                 policyTable={policyTable}
-                onChange={attribute_remappings =>
+                onChange={(attribute_remappings) =>
                   setPolicy({ ...policy, attribute_remappings })
                 }
                 shouldUseSavedQuestion={shouldUseSavedQuestion}
diff --git a/enterprise/frontend/src/metabase-enterprise/sandboxes/components/ParameterTargetWidget.jsx b/enterprise/frontend/src/metabase-enterprise/sandboxes/components/ParameterTargetWidget.jsx
index 3a7f76972dd..8f249b61d48 100644
--- a/enterprise/frontend/src/metabase-enterprise/sandboxes/components/ParameterTargetWidget.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/sandboxes/components/ParameterTargetWidget.jsx
@@ -47,7 +47,7 @@ export default class ParameterTargetWidget extends Component {
         }
       >
         <ParameterTargetList
-          onChange={target => {
+          onChange={(target) => {
             onChange(target);
             this.popover.current.close();
           }}
diff --git a/enterprise/frontend/src/metabase-enterprise/sandboxes/index.js b/enterprise/frontend/src/metabase-enterprise/sandboxes/index.js
index 605fc1f5b8f..050f208e4ea 100644
--- a/enterprise/frontend/src/metabase-enterprise/sandboxes/index.js
+++ b/enterprise/frontend/src/metabase-enterprise/sandboxes/index.js
@@ -87,9 +87,9 @@ if (hasPremiumFeature("sandboxes")) {
   PLUGIN_ADMIN_PERMISSIONS_TABLE_FIELDS_POST_ACTION[OPTION_SEGMENTED.value] =
     getEditSegmentedAccessPostAction;
 
-  PLUGIN_DATA_PERMISSIONS.permissionsPayloadExtraSelectors.push(state => {
+  PLUGIN_DATA_PERMISSIONS.permissionsPayloadExtraSelectors.push((state) => {
     const sandboxes = getDraftPolicies(state);
-    const modifiedGroupIds = _.uniq(sandboxes.map(sb => sb.group_id));
+    const modifiedGroupIds = _.uniq(sandboxes.map((sb) => sb.group_id));
     return [{ sandboxes }, modifiedGroupIds];
   });
 
diff --git a/enterprise/frontend/src/metabase-enterprise/sandboxes/selectors.ts b/enterprise/frontend/src/metabase-enterprise/sandboxes/selectors.ts
index bdacee6a98d..d2f38dc2738 100644
--- a/enterprise/frontend/src/metabase-enterprise/sandboxes/selectors.ts
+++ b/enterprise/frontend/src/metabase-enterprise/sandboxes/selectors.ts
@@ -30,5 +30,5 @@ export const getDraftPolicies = (state: SandboxesState) => {
 
 export const hasPolicyChanges = createSelector(
   getDraftPolicies,
-  policies => policies != null && policies.length > 0,
+  (policies) => policies != null && policies.length > 0,
 );
diff --git a/enterprise/frontend/src/metabase-enterprise/shared/reducer.ts b/enterprise/frontend/src/metabase-enterprise/shared/reducer.ts
index 9475048f5da..fc14a2052e5 100644
--- a/enterprise/frontend/src/metabase-enterprise/shared/reducer.ts
+++ b/enterprise/frontend/src/metabase-enterprise/shared/reducer.ts
@@ -21,7 +21,7 @@ export const shared = createSlice({
   initialState,
   name: "metabase-enterprise/shared",
   reducers: {},
-  extraReducers: builder => {
+  extraReducers: (builder) => {
     builder.addCase(fetchUserAttributes.fulfilled, (state, action) => {
       state.attributes = action.payload;
     });
diff --git a/enterprise/frontend/src/metabase-enterprise/sharing/components/MutableParametersSection.tsx b/enterprise/frontend/src/metabase-enterprise/sharing/components/MutableParametersSection.tsx
index eff4e371c18..e2dd1560317 100644
--- a/enterprise/frontend/src/metabase-enterprise/sharing/components/MutableParametersSection.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/sharing/components/MutableParametersSection.tsx
@@ -44,9 +44,9 @@ export const MutableParametersSection = ({
   );
 
   const setParameterValue = (id: ParameterId, value: any) => {
-    const parameter = parameters.find(parameter => parameter.id === id);
+    const parameter = parameters.find((parameter) => parameter.id === id);
     const filteredParameters = pulseParameters.filter(
-      parameter => parameter.id !== id,
+      (parameter) => parameter.id !== id,
     );
     const newParameters =
       value === PULSE_PARAM_USE_DEFAULT
diff --git a/enterprise/frontend/src/metabase-enterprise/snippets/components/CollectionOptionsButton.jsx b/enterprise/frontend/src/metabase-enterprise/snippets/components/CollectionOptionsButton.jsx
index 32e6f626882..3a4094e30e8 100644
--- a/enterprise/frontend/src/metabase-enterprise/snippets/components/CollectionOptionsButton.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/snippets/components/CollectionOptionsButton.jsx
@@ -22,7 +22,7 @@ export default class CollectionOptionsButton extends Component {
       <div
         className={className}
         // prevent the ellipsis click from selecting the folder also
-        onClick={e => e.stopPropagation()}
+        onClick={(e) => e.stopPropagation()}
         // cap the large ellipsis so it doesn't increase the row height
         style={{ height: ICON_SIZE }}
       >
@@ -34,7 +34,7 @@ export default class CollectionOptionsButton extends Component {
             <AccordionList
               className={CS.textBrand}
               sections={[{ items }]}
-              onChange={item => {
+              onChange={(item) => {
                 item.onClick(item);
                 closePopover();
               }}
@@ -58,7 +58,7 @@ export default class CollectionOptionsButton extends Component {
         },
       ];
     }
-    const onEdit = collection =>
+    const onEdit = (collection) =>
       setSidebarState({ modalSnippetCollection: collection });
     const onEditCollectionPermissions = () =>
       setSidebarState({ permissionsModalCollectionId: collection.id });
diff --git a/enterprise/frontend/src/metabase-enterprise/snippets/components/SnippetCollectionFormModal.unit.spec.tsx b/enterprise/frontend/src/metabase-enterprise/snippets/components/SnippetCollectionFormModal.unit.spec.tsx
index 4de25cdcb6c..2e057ddb905 100644
--- a/enterprise/frontend/src/metabase-enterprise/snippets/components/SnippetCollectionFormModal.unit.spec.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/snippets/components/SnippetCollectionFormModal.unit.spec.tsx
@@ -32,7 +32,7 @@ async function setup({ folder = {}, onClose = jest.fn() }: SetupOpts = {}) {
       folder,
     );
 
-    fetchMock.put(`path:/api/collection/${folder.id}`, async url => {
+    fetchMock.put(`path:/api/collection/${folder.id}`, async (url) => {
       return createMockCollection(
         await fetchMock.lastCall(url)?.request?.json(),
       );
@@ -52,7 +52,7 @@ async function setup({ folder = {}, onClose = jest.fn() }: SetupOpts = {}) {
     [TOP_SNIPPETS_FOLDER],
   );
 
-  fetchMock.post("path:/api/collection", async url => {
+  fetchMock.post("path:/api/collection", async (url) => {
     return createMockCollection(await fetchMock.lastCall(url)?.request?.json());
   });
 
diff --git a/enterprise/frontend/src/metabase-enterprise/snippets/index.js b/enterprise/frontend/src/metabase-enterprise/snippets/index.js
index 97d1b681239..0bac474f8bb 100644
--- a/enterprise/frontend/src/metabase-enterprise/snippets/index.js
+++ b/enterprise/frontend/src/metabase-enterprise/snippets/index.js
@@ -16,7 +16,7 @@ import CollectionRow from "./components/CollectionRow";
 import SnippetCollectionFormModal from "./components/SnippetCollectionFormModal";
 
 if (hasPremiumFeature("snippet_collections")) {
-  PLUGIN_SNIPPET_SIDEBAR_PLUS_MENU_OPTIONS.push(snippetSidebar => ({
+  PLUGIN_SNIPPET_SIDEBAR_PLUS_MENU_OPTIONS.push((snippetSidebar) => ({
     icon: "folder",
     name: t`New folder`,
     onClick: () =>
@@ -30,7 +30,7 @@ if (hasPremiumFeature("snippet_collections")) {
   }));
 
   PLUGIN_SNIPPET_SIDEBAR_MODALS.push(
-    snippetSidebar =>
+    (snippetSidebar) =>
       snippetSidebar.state.modalSnippetCollection && (
         <Modal
           onClose={() =>
@@ -48,7 +48,7 @@ if (hasPremiumFeature("snippet_collections")) {
           />
         </Modal>
       ),
-    snippetSidebar =>
+    (snippetSidebar) =>
       snippetSidebar.state.permissionsModalCollectionId != null && (
         <Modal
           onClose={() =>
diff --git a/enterprise/frontend/src/metabase-enterprise/tools/ErrorOverview.jsx b/enterprise/frontend/src/metabase-enterprise/tools/ErrorOverview.jsx
index 79a99c51d64..c34d7ad9434 100644
--- a/enterprise/frontend/src/metabase-enterprise/tools/ErrorOverview.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/tools/ErrorOverview.jsx
@@ -11,7 +11,7 @@ import * as Queries from "../audit_app/lib/cards/queries";
 
 import { ErrorMode } from "./mode";
 
-const getSortOrder = isAscending => (isAscending ? "asc" : "desc");
+const getSortOrder = (isAscending) => (isAscending ? "asc" : "desc");
 
 const CARD_ID_COL = 0;
 
@@ -28,9 +28,9 @@ export default function ErrorOverview(props) {
 
   const [rowChecked, setRowChecked] = useState({});
 
-  const handleAllSelectClick = e => {
+  const handleAllSelectClick = (e) => {
     const newRowChecked = { ...rowChecked };
-    const noRowChecked = Object.values(rowChecked).every(v => !v);
+    const noRowChecked = Object.values(rowChecked).every((v) => !v);
     for (const rowIndex of Array(e.rows.length).keys()) {
       const cardIndex = e.rows[rowIndex][CARD_ID_COL];
       if (noRowChecked) {
@@ -42,7 +42,7 @@ export default function ErrorOverview(props) {
     setRowChecked(newRowChecked);
   };
 
-  const handleRowSelectClick = e => {
+  const handleRowSelectClick = (e) => {
     const newRowChecked = { ...rowChecked };
     const cardIndex = e.row[CARD_ID_COL];
     newRowChecked[cardIndex] = !(rowChecked[cardIndex] || false);
@@ -54,7 +54,7 @@ export default function ErrorOverview(props) {
 
     await Promise.all(
       checkedCardIds.map(
-        async member => await CardApi.query({ cardId: member }),
+        async (member) => await CardApi.query({ cardId: member }),
       ),
     );
     setRowChecked({});
@@ -62,9 +62,9 @@ export default function ErrorOverview(props) {
     reloadRef.current?.();
   };
 
-  const handleSortingChange = sorting => setSorting(sorting);
+  const handleSortingChange = (sorting) => setSorting(sorting);
 
-  const handleLoad = result => {
+  const handleLoad = (result) => {
     setHasResults(result[0].row_count !== 0);
     setIsReloading(false);
   };
@@ -82,7 +82,9 @@ export default function ErrorOverview(props) {
           {
             key: "reloadSelected",
             label: t`Rerun Selected`,
-            disabled: Object.values(rowChecked).every(isChecked => !isChecked),
+            disabled: Object.values(rowChecked).every(
+              (isChecked) => !isChecked,
+            ),
             onClick: handleReloadSelected,
           },
         ]}
diff --git a/enterprise/frontend/src/metabase-enterprise/troubleshooting/components/QueryValidator.tsx b/enterprise/frontend/src/metabase-enterprise/troubleshooting/components/QueryValidator.tsx
index 2a2ecbcc68e..e8851df9ee2 100644
--- a/enterprise/frontend/src/metabase-enterprise/troubleshooting/components/QueryValidator.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/troubleshooting/components/QueryValidator.tsx
@@ -107,14 +107,14 @@ export const QueryValidator = () => {
 
   const processedData: TableRow[] = useMemo(
     () =>
-      invalidCards?.data.map(card => ({
+      invalidCards?.data.map((card) => ({
         name: card.name,
         created_by: card.creator?.common_name || "",
         collectionTooltip: getCollectionPathAsString(card.collection),
         collection_path: [
           ...(card.collection?.effective_ancestors || []),
           card.collection,
-        ].map(c => getCollectionName(c)),
+        ].map((c) => getCollectionName(c)),
         error: formatErrorString(card.errors),
         last_edited_at: card.updated_at,
         id: card.id,
@@ -154,7 +154,7 @@ export const QueryValidator = () => {
           className={S.table}
           columns={COLUMNS}
           rows={processedData}
-          rowRenderer={row => <QueryValidatorRow row={row} />}
+          rowRenderer={(row) => <QueryValidatorRow row={row} />}
           sortColumnName={sortColumn}
           sortDirection={sortDirection}
           onSort={(name, direction) => {
diff --git a/enterprise/frontend/src/metabase-enterprise/troubleshooting/index.tsx b/enterprise/frontend/src/metabase-enterprise/troubleshooting/index.tsx
index bff1b2c6cf4..5f48257c8ea 100644
--- a/enterprise/frontend/src/metabase-enterprise/troubleshooting/index.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/troubleshooting/index.tsx
@@ -28,8 +28,8 @@ if (hasPremiumFeature("query_reference_validation")) {
     />,
   ];
 
-  PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections =>
-    updateIn(sections, ["general", "settings"], settings => [
+  PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) =>
+    updateIn(sections, ["general", "settings"], (settings) => [
       ...settings,
       {
         key: "query-analysis-enabled",
diff --git a/enterprise/frontend/src/metabase-enterprise/troubleshooting/utils.ts b/enterprise/frontend/src/metabase-enterprise/troubleshooting/utils.ts
index b7f4deed39e..d1edf9a9840 100644
--- a/enterprise/frontend/src/metabase-enterprise/troubleshooting/utils.ts
+++ b/enterprise/frontend/src/metabase-enterprise/troubleshooting/utils.ts
@@ -35,13 +35,13 @@ export const formatErrorString = (errors: CardError[]) => {
 
   const errorsByType = _.groupBy(errors, "type");
 
-  errorTypes.forEach(errorType => {
+  errorTypes.forEach((errorType) => {
     if (errorsByType[errorType]) {
       const errorDef = ERROR_DICTIONARY[errorType];
 
       messages.push(
         `${errorDef.entity} ${errorsByType[errorType]
-          .map(error => error[errorDef.messageProp])
+          .map((error) => error[errorDef.messageProp])
           .join(", ")} ${errorDef.problem}`,
       );
     }
diff --git a/enterprise/frontend/src/metabase-enterprise/upload_management/DeleteConfirmModal.tsx b/enterprise/frontend/src/metabase-enterprise/upload_management/DeleteConfirmModal.tsx
index 7aac51dbc3a..8492de15292 100644
--- a/enterprise/frontend/src/metabase-enterprise/upload_management/DeleteConfirmModal.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/upload_management/DeleteConfirmModal.tsx
@@ -48,7 +48,7 @@ export function DeleteConfirmModal({
             `Also send all models and questions based on these tables to the trash`,
             tables.length,
           )}
-          onChange={e => setSendToTrash(e.target.checked)}
+          onChange={(e) => setSendToTrash(e.target.checked)}
         />
       </Box>
       <Flex gap="sm" justify="flex-end">
diff --git a/enterprise/frontend/src/metabase-enterprise/upload_management/UploadManagement.unit.spec.tsx b/enterprise/frontend/src/metabase-enterprise/upload_management/UploadManagement.unit.spec.tsx
index 5b115316207..2088d1765ba 100644
--- a/enterprise/frontend/src/metabase-enterprise/upload_management/UploadManagement.unit.spec.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/upload_management/UploadManagement.unit.spec.tsx
@@ -54,7 +54,7 @@ const setup = async () => {
 describe("uploadManagementTable", () => {
   it("should render a table with names", async () => {
     await setup();
-    sampleTables.forEach(table => {
+    sampleTables.forEach((table) => {
       expect(screen.getByText(table.name)).toBeInTheDocument();
     });
   });
@@ -176,7 +176,7 @@ describe("uploadManagementTable", () => {
     await waitFor(() =>
       expect(screen.queryByText("Delete")).not.toBeInTheDocument(),
     );
-    expect(fetchMock.calls().map(call => call?.[1]?.method)).toEqual([
+    expect(fetchMock.calls().map((call) => call?.[1]?.method)).toEqual([
       "GET",
       "DELETE",
       "DELETE",
diff --git a/enterprise/frontend/src/metabase-enterprise/upload_management/UploadManagementTable.tsx b/enterprise/frontend/src/metabase-enterprise/upload_management/UploadManagementTable.tsx
index 4e6b5425e8a..86a225376a7 100644
--- a/enterprise/frontend/src/metabase-enterprise/upload_management/UploadManagementTable.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/upload_management/UploadManagementTable.tsx
@@ -56,7 +56,7 @@ export function UploadManagementTable() {
   );
 
   const selectedItemIds = useMemo(
-    () => new Set(selectedItems.map(item => item.id)),
+    () => new Set(selectedItems.map((item) => item.id)),
     [selectedItems],
   );
 
@@ -65,15 +65,15 @@ export function UploadManagementTable() {
       <UploadTableRow
         item={row}
         isSelected={selectedItemIds.has(row.id)}
-        onSelect={newItem =>
-          setSelectedItems(prevItems => [...prevItems, newItem])
+        onSelect={(newItem) =>
+          setSelectedItems((prevItems) => [...prevItems, newItem])
         }
-        onDeselect={newItem =>
-          setSelectedItems(prevItems =>
-            prevItems.filter(i => i.id !== newItem.id),
+        onDeselect={(newItem) =>
+          setSelectedItems((prevItems) =>
+            prevItems.filter((i) => i.id !== newItem.id),
           )
         }
-        onTrash={item => {
+        onTrash={(item) => {
           setSelectedItems([item]);
           setShowDeleteConfirmModal(true);
         }}
@@ -95,14 +95,14 @@ export function UploadManagementTable() {
       <DeleteConfirmModal
         opened={showDeleteConfirmModal}
         tables={selectedItems}
-        onConfirm={async sendToTrash => {
+        onConfirm={async (sendToTrash) => {
           const result = await Promise.all(
-            selectedItems.map(table => deleteTable(table, sendToTrash)),
+            selectedItems.map((table) => deleteTable(table, sendToTrash)),
           );
 
           setShowDeleteConfirmModal(false);
 
-          if (result.some(result => "error" in result)) {
+          if (result.some((result) => "error" in result)) {
             const message = ngettext(
               msgid`Error deleting table`,
               `Error deleting tables`,
@@ -145,7 +145,7 @@ export function UploadManagementTable() {
         data-testid="upload-tables-table"
         columns={columns}
         rows={uploadTables}
-        rowRenderer={row => renderRow(row)}
+        rowRenderer={(row) => renderRow(row)}
       />
     </Box>
   );
@@ -172,7 +172,9 @@ const UploadTableRow = ({
         <Checkbox
           size="xs"
           checked={isSelected}
-          onChange={e => (e.target.checked ? onSelect(item) : onDeselect(item))}
+          onChange={(e) =>
+            e.target.checked ? onSelect(item) : onDeselect(item)
+          }
         />
       </td>
       <td>
diff --git a/enterprise/frontend/src/metabase-enterprise/user_provisioning/index.ts b/enterprise/frontend/src/metabase-enterprise/user_provisioning/index.ts
index ef30edb48ae..b543aee9459 100644
--- a/enterprise/frontend/src/metabase-enterprise/user_provisioning/index.ts
+++ b/enterprise/frontend/src/metabase-enterprise/user_provisioning/index.ts
@@ -22,7 +22,7 @@ if (hasPremiumFeature("scim")) {
     to: "/admin/settings/authentication/api-keys",
   });
 
-  PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections => ({
+  PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) => ({
     ...sections,
     authentication: {
       ...sections.authentication,
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/BrandColorSettings/BrandColorSettings.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/BrandColorSettings/BrandColorSettings.tsx
index 396c635191b..dff472c5ea1 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/BrandColorSettings/BrandColorSettings.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/BrandColorSettings/BrandColorSettings.tsx
@@ -74,7 +74,7 @@ const BrandColorTable = ({
         </TableHeaderRow>
       </TableHeader>
       <TableBody>
-        {options.map(option => (
+        {options.map((option) => (
           <BrandColorRow
             key={option.name}
             color={colors[option.name]}
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorPreview/utils.ts b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorPreview/utils.ts
index dee1ab723be..c5d96aceff0 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorPreview/utils.ts
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorPreview/utils.ts
@@ -4,10 +4,12 @@ import { color } from "metabase/lib/colors";
 
 export const getAccentColorGroups = (palette: Record<string, string>) => {
   const groups = [
-    _.times(8, i => [`accent${i}`]),
-    _.times(8, i => [`accent${i}`, `accent${i}-dark`]),
-    _.times(8, i => [`accent${i}`, `accent${i}-light`, `accent${i}-dark`]),
+    _.times(8, (i) => [`accent${i}`]),
+    _.times(8, (i) => [`accent${i}`, `accent${i}-dark`]),
+    _.times(8, (i) => [`accent${i}`, `accent${i}-light`, `accent${i}-dark`]),
   ];
 
-  return groups.map(group => group.flat().map(name => color(name, palette)));
+  return groups.map((group) =>
+    group.flat().map((name) => color(name, palette)),
+  );
 };
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSample/ChartColorSample.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSample/ChartColorSample.tsx
index 8d273d21232..662aa3453dc 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSample/ChartColorSample.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSample/ChartColorSample.tsx
@@ -22,14 +22,14 @@ const ChartColorSample = ({
   colorGroups,
 }: ChartColorSampleProps): JSX.Element => {
   const reversedGroups = useMemo(
-    () => colorGroups.map(group => [...group].reverse()),
+    () => colorGroups.map((group) => [...group].reverse()),
     [colorGroups],
   );
 
   return (
     <ChartRoot>
       <ChartGrid>
-        {_.times(TICK_COUNT, index => (
+        {_.times(TICK_COUNT, (index) => (
           <ChartTick key={index} />
         ))}
         <ChartAxis />
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSettings/ChartColorSettings.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSettings/ChartColorSettings.tsx
index a8057acd646..81f9a10260d 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSettings/ChartColorSettings.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSettings/ChartColorSettings.tsx
@@ -116,7 +116,7 @@ const ChartColorTable = ({
       <TableBody>
         {colorGroups.map((colorGroup, index) => (
           <TableBodyRow key={index}>
-            {colorGroup.map(colorName => (
+            {colorGroup.map((colorName) => (
               <ChartColorCell
                 key={colorName}
                 color={colors[colorName]}
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSettings/utils.ts b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSettings/utils.ts
index 10fbed6b90a..05965e1d219 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSettings/utils.ts
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ChartColorSettings/utils.ts
@@ -2,7 +2,11 @@ import Color from "color";
 import _ from "underscore";
 
 export const getChartColorGroups = (): string[][] => {
-  return _.times(8, i => [`accent${i}`, `accent${i}-light`, `accent${i}-dark`]);
+  return _.times(8, (i) => [
+    `accent${i}`,
+    `accent${i}-light`,
+    `accent${i}-dark`,
+  ]);
 };
 
 export const getDefaultChartColors = (
@@ -16,7 +20,7 @@ export const hasCustomChartColors = (
   values: Record<string, string>,
   groups: string[][],
 ) => {
-  return _.flatten(groups).some(name => values[name] != null);
+  return _.flatten(groups).some((name) => values[name] != null);
 };
 
 export const getAutoChartColors = (
@@ -26,7 +30,7 @@ export const getAutoChartColors = (
 ) => {
   const oldColors = groups
     .map(([name]) => values[name])
-    .map(value => (value ? Color(value) : undefined));
+    .map((value) => (value ? Color(value) : undefined));
 
   const fallbackColor = Color(palette["brand"]);
   const newColors = getAutoColors(oldColors, fallbackColor);
@@ -42,7 +46,7 @@ const getAutoColors = (
   oldColors: (Color | undefined)[],
   fallbackColor: Color,
 ) => {
-  const oldColor = oldColors.find(color => color != null);
+  const oldColor = oldColors.find((color) => color != null);
 
   const autoColors: Color[] = [];
   oldColors.forEach((_color, index) => {
@@ -56,10 +60,10 @@ const getAutoColors = (
   });
 
   const availableColors = autoColors.filter(
-    newColor => !isSimilarToColors(newColor, oldColors),
+    (newColor) => !isSimilarToColors(newColor, oldColors),
   );
 
-  return oldColors.map(color => (color ? color : availableColors.shift()));
+  return oldColors.map((color) => (color ? color : availableColors.shift()));
 };
 
 const getNextColor = (color: Color) => {
@@ -76,6 +80,6 @@ const isSimilarColor = (newColor: Color, oldColor: Color) => {
 
 const isSimilarToColors = (newColor: Color, colors: (Color | undefined)[]) => {
   return colors.some(
-    oldColor => oldColor && isSimilarColor(newColor, oldColor),
+    (oldColor) => oldColor && isSimilarColor(newColor, oldColor),
   );
 };
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ColorSettings/ColorSettings.styled.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ColorSettings/ColorSettings.styled.tsx
index e0d3b06968f..8e5aabaeb1d 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ColorSettings/ColorSettings.styled.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ColorSettings/ColorSettings.styled.tsx
@@ -13,7 +13,7 @@ interface SettingTitleProps {
 export const SettingTitle = styled.div<SettingTitleProps>`
   color: var(--mb-color-text-medium);
   font-weight: bold;
-  margin-bottom: ${props => (props.hasDescription ? "0.5rem" : "1rem")};
+  margin-bottom: ${(props) => (props.hasDescription ? "0.5rem" : "1rem")};
 `;
 
 export const SettingDescription = styled.div`
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/FontFilesWidget.styled.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/FontFilesWidget.styled.tsx
index e9452b1aeb2..93b46c774ab 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/FontFilesWidget.styled.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/FontFilesWidget.styled.tsx
@@ -67,7 +67,7 @@ export const TableBodyCell = styled.div<TableBodyCellProps>`
   color: var(--mb-color-text-medium);
   padding-top: 1rem;
   padding-bottom: 1rem;
-  font-weight: ${props => props.fontWeight};
+  font-weight: ${(props) => props.fontWeight};
 `;
 
 export const TableBodyCellLabel = styled.span`
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/FontFilesWidget.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/FontFilesWidget.tsx
index 59097c6e7b8..809a64edfb4 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/FontFilesWidget.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/FontFilesWidget.tsx
@@ -58,7 +58,7 @@ const FontFilesTable = ({
         </TableHeaderRow>
       </TableHeader>
       <TableBody>
-        {FONT_OPTIONS.map(option => (
+        {FONT_OPTIONS.map((option) => (
           <FontFileRow
             key={option.name}
             url={urls[option.fontWeight]}
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/utils.ts b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/utils.ts
index f06631a3756..e2a978e8a35 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/utils.ts
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontFilesWidget/utils.ts
@@ -22,13 +22,16 @@ export const FONT_OPTIONS: FontFileOption[] = [
 
 export const getFontUrls = (files: FontFile[]): Record<string, string> => {
   return _.chain(files)
-    .indexBy(file => file.fontWeight)
-    .mapObject(file => file.src)
+    .indexBy((file) => file.fontWeight)
+    .mapObject((file) => file.src)
     .value();
 };
 
 export const getFontFiles = (urls: Record<string, string>): FontFile[] => {
-  return FONT_OPTIONS.map(option => ({ src: urls[option.fontWeight], option }))
+  return FONT_OPTIONS.map((option) => ({
+    src: urls[option.fontWeight],
+    option,
+  }))
     .filter(({ src }) => Boolean(src))
     .map(({ src, option }) => getFontFile(src, option));
 };
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontWidget/FontWidget.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontWidget/FontWidget.tsx
index 7a5186d4476..647bffdb0d1 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontWidget/FontWidget.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/FontWidget/FontWidget.tsx
@@ -29,7 +29,7 @@ const FontWidget = ({
 
   const options = useMemo(
     () => [
-      ...availableFonts.map(font => ({ label: font, value: font })),
+      ...availableFonts.map((font) => ({ label: font, value: font })),
       { label: t`Custom…`, value: CUSTOM },
     ],
     [availableFonts],
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/HelpLinkSettings/HelpLinkSettings.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/HelpLinkSettings/HelpLinkSettings.tsx
index da265f2f3d3..23fc8abe0b8 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/HelpLinkSettings/HelpLinkSettings.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/HelpLinkSettings/HelpLinkSettings.tsx
@@ -43,7 +43,7 @@ export const HelpLinkSettings = ({
   const handleChange = async (value: string) => {
     if (value === "") {
       setError(t`This field can't be left empty.`);
-    } else if (!supportedPrefixes.some(prefix => value.startsWith(prefix))) {
+    } else if (!supportedPrefixes.some((prefix) => value.startsWith(prefix))) {
       setError(t`This needs to be an "http://", "https://" or "mailto:" URL.`);
     } else {
       setError("");
@@ -83,7 +83,7 @@ export const HelpLinkSettings = ({
             onChange={() => setError(null)}
             aria-label={t`Help link custom destination`}
             placeholder={t`Enter a URL it should go to`}
-            onBlurChange={e => handleChange(e.target.value)}
+            onBlurChange={(e) => handleChange(e.target.value)}
           />
         </Stack>
       )}
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/IllustrationWidget/IllustrationWidget.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/IllustrationWidget/IllustrationWidget.tsx
index d205d893e2e..fa2b4c9b2c1 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/IllustrationWidget/IllustrationWidget.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/IllustrationWidget/IllustrationWidget.tsx
@@ -106,7 +106,7 @@ export function IllustrationWidget({
       }
 
       const reader = new FileReader();
-      reader.onload = async readerEvent => {
+      reader.onload = async (readerEvent) => {
         const dataUri = readerEvent.target?.result as string;
         if (!(await isFileIntact(dataUri))) {
           setErrorMessage(
@@ -211,7 +211,7 @@ export function IllustrationWidget({
 }
 
 async function isFileIntact(dataUri: string) {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     const image = document.createElement("img");
     image.src = dataUri;
     image.onerror = () => resolve(false);
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ImageToggle/ImageToggle.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ImageToggle/ImageToggle.tsx
index 63aa34a8859..bf229a0903f 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ImageToggle/ImageToggle.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ImageToggle/ImageToggle.tsx
@@ -34,7 +34,7 @@ export const ImageToggle = ({
           id={toggleId}
           aria-checked={value}
           checked={value}
-          onChange={e => onChange(e.target.checked)}
+          onChange={(e) => onChange(e.target.checked)}
         />
       </ToggleContainer>
     </ToggleRoot>
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ImageUpload/ImageUpload.jsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ImageUpload/ImageUpload.jsx
index 75042aae2e8..d4ddee7d014 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ImageUpload/ImageUpload.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/ImageUpload/ImageUpload.jsx
@@ -32,10 +32,10 @@ export const ImageUpload = ({ id, setting, onChange, ...props }) => {
       {window.File && window.FileReader ? (
         <FileInput
           id={id}
-          onChange={e => {
+          onChange={(e) => {
             if (e.target.files.length > 0) {
               const reader = new FileReader();
-              reader.onload = e => onChange(e.target.result);
+              reader.onload = (e) => onChange(e.target.result);
               reader.readAsDataURL(e.target.files[0]);
             }
           }}
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LandingPageWidget/LandingPageWidget.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LandingPageWidget/LandingPageWidget.tsx
index d98cacb1db3..d0460297530 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LandingPageWidget/LandingPageWidget.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LandingPageWidget/LandingPageWidget.tsx
@@ -53,7 +53,7 @@ export function LandingPageWidget({ onChange, settingValues }: Props) {
         aria-label={t`Landing page custom destination`}
         data-testid="landing-page"
         placeholder="/"
-        onBlurChange={e => handleChange(e.target.value)}
+        onBlurChange={(e) => handleChange(e.target.value)}
       />
     </div>
   );
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LandingPageWidget/utils.unit.spec.ts b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LandingPageWidget/utils.unit.spec.ts
index 4b216f41ddf..42f38f74257 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LandingPageWidget/utils.unit.spec.ts
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LandingPageWidget/utils.unit.spec.ts
@@ -28,7 +28,7 @@ describe("utils", () => {
         "https://localhost/test",
         "mailto:user@example.com",
         "file:///path/to/resource",
-      ].forEach(input => {
+      ].forEach((input) => {
         expect(getRelativeLandingPageUrl(input)).toStrictEqual({
           isSameOrigin: false,
           relativeUrl: "",
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LogoIcon.jsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LogoIcon.jsx
index 9afdab51d48..9ed7563d3bb 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LogoIcon.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/LogoIcon.jsx
@@ -8,7 +8,7 @@ import { parseDataUri, removeAllChildren } from "metabase/lib/dom";
 import { connect } from "metabase/lib/redux";
 import { getLogoUrl } from "metabase-enterprise/settings/selectors";
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   url: getLogoUrl(state),
 });
 
@@ -124,7 +124,7 @@ class LogoIcon extends Component {
     style.height ||= "32px";
     return (
       <span
-        ref={c => (this._container = c)}
+        ref={(c) => (this._container = c)}
         className={cx(
           "Icon",
           CS.textCentered,
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/MetabaseLinksToggleDescription.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/MetabaseLinksToggleDescription.tsx
index 8e51a78cd84..29394a7da07 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/MetabaseLinksToggleDescription.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/MetabaseLinksToggleDescription.tsx
@@ -23,7 +23,7 @@ export function MetabaseLinksToggleDescription() {
           style={{ userSelect: "none", cursor: "pointer" }}
           onClick={(event: MouseEvent) => {
             event.preventDefault();
-            setOpened(opened => !opened);
+            setOpened((opened) => !opened);
           }}
         >
           {t`Learn more`}
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/MetabaseLinksToggleWidget/MetabaseLinksToggleWidget.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/MetabaseLinksToggleWidget/MetabaseLinksToggleWidget.tsx
index 2334c66c403..844b8cd49fa 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/MetabaseLinksToggleWidget/MetabaseLinksToggleWidget.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/MetabaseLinksToggleWidget/MetabaseLinksToggleWidget.tsx
@@ -19,7 +19,7 @@ export function MetabaseLinksToggleWidget({
   return (
     <Switch
       checked={setting.value ?? setting.default}
-      onChange={e => onChange(e.target.checked)}
+      onChange={(e) => onChange(e.target.checked)}
       labelPosition="left"
       label={t`Show links and references`}
       size="sm"
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/SwitchWidget/SwitchWidget.tsx b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/SwitchWidget/SwitchWidget.tsx
index ad945c58007..fc4e79e311f 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/components/SwitchWidget/SwitchWidget.tsx
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/components/SwitchWidget/SwitchWidget.tsx
@@ -19,7 +19,7 @@ export function SwitchWidget({
   return (
     <Switch
       checked={setting.value ?? setting.default}
-      onChange={e => onChange(e.target.checked)}
+      onChange={(e) => onChange(e.target.checked)}
       size="sm"
       {...props}
     />
diff --git a/enterprise/frontend/src/metabase-enterprise/whitelabel/index.js b/enterprise/frontend/src/metabase-enterprise/whitelabel/index.js
index 49e9cd6c136..4db1c92be37 100644
--- a/enterprise/frontend/src/metabase-enterprise/whitelabel/index.js
+++ b/enterprise/frontend/src/metabase-enterprise/whitelabel/index.js
@@ -45,7 +45,7 @@ import { updateColors } from "./lib/whitelabel";
 if (hasPremiumFeature("whitelabel")) {
   PLUGIN_LANDING_PAGE.push(() => MetabaseSettings.get("landing-page"));
   PLUGIN_ADMIN_SETTINGS_UPDATES.push(
-    sections => ({
+    (sections) => ({
       ...sections,
       whitelabel: {
         name: t`Appearance`,
@@ -109,7 +109,7 @@ if (hasPremiumFeature("whitelabel")) {
           {
             key: "application-font-files",
             widget: FontFilesWidget,
-            getHidden: settings => settings["application-font-files"] == null,
+            getHidden: (settings) => settings["application-font-files"] == null,
           },
           {
             key: "loading-message",
@@ -284,10 +284,10 @@ if (hasPremiumFeature("whitelabel")) {
         ],
       },
     }),
-    sections => {
-      return updateIn(sections, ["general", "settings"], settings => {
+    (sections) => {
+      return updateIn(sections, ["general", "settings"], (settings) => {
         const customHomepageIndex = settings.findIndex(
-          setting => setting.key === "custom-homepage-dashboard",
+          (setting) => setting.key === "custom-homepage-dashboard",
         );
         return [
           ...settings.slice(0, customHomepageIndex + 1),
diff --git a/frontend/lint/eslint-rules/no-color-literals.js b/frontend/lint/eslint-rules/no-color-literals.js
index 839bc9a1465..5b9e57a12a7 100755
--- a/frontend/lint/eslint-rules/no-color-literals.js
+++ b/frontend/lint/eslint-rules/no-color-literals.js
@@ -30,7 +30,9 @@ module.exports = {
         }
       },
       TemplateLiteral(node) {
-        if (node.quasis.filter(q => COLOR_REGEX.test(q.value.raw)).length > 0) {
+        if (
+          node.quasis.filter((q) => COLOR_REGEX.test(q.value.raw)).length > 0
+        ) {
           context.report({ node, message: LINT_MESSAGE });
         }
       },
diff --git a/frontend/lint/eslint-rules/no-direct-helper-import.js b/frontend/lint/eslint-rules/no-direct-helper-import.js
index f8a197ab392..d7b232aca92 100644
--- a/frontend/lint/eslint-rules/no-direct-helper-import.js
+++ b/frontend/lint/eslint-rules/no-direct-helper-import.js
@@ -29,7 +29,7 @@ module.exports = {
       ImportDeclaration(node) {
         if (node.source.value === "e2e/support") {
           const hImportSpecifier = node.specifiers.find(
-            specifier =>
+            (specifier) =>
               specifier.type === "ImportSpecifier" &&
               specifier.imported.name === "H",
           );
diff --git a/frontend/lint/eslint-rules/no-literal-metabase-strings.js b/frontend/lint/eslint-rules/no-literal-metabase-strings.js
index ef5b2ba07ce..b99de7279e2 100644
--- a/frontend/lint/eslint-rules/no-literal-metabase-strings.js
+++ b/frontend/lint/eslint-rules/no-literal-metabase-strings.js
@@ -43,7 +43,7 @@ module.exports = {
       },
       TemplateLiteral(node) {
         const quasis = node.quasis;
-        quasis.forEach(quasi => {
+        quasis.forEach((quasi) => {
           if (LITERAL_METABASE_STRING_REGEX.exec(quasi.value.raw)) {
             context.report({
               node,
@@ -69,7 +69,7 @@ module.exports = {
           /eslint-disable-next-line\s+no-literal-metabase-strings/;
         const ALLOWED_ESLINT_DISABLE_LINE_REGEX =
           /eslint-disable-next-line\s+no-literal-metabase-strings -- \w+/;
-        comments.forEach(comment => {
+        comments.forEach((comment) => {
           if (ESLINT_DISABLE_BLOCK_REGEX.exec(comment.value)) {
             const { start, end } = comment.loc;
             context.report({
diff --git a/frontend/lint/eslint-rules/no-unconditional-metabase-links-render.js b/frontend/lint/eslint-rules/no-unconditional-metabase-links-render.js
index 3f44b835d85..2f1208420e8 100644
--- a/frontend/lint/eslint-rules/no-unconditional-metabase-links-render.js
+++ b/frontend/lint/eslint-rules/no-unconditional-metabase-links-render.js
@@ -70,13 +70,14 @@ module.exports = {
         const variables = context.getDeclaredVariables(node);
         if (isDefault) {
           return variables.find(
-            variable => variable.defs[0].node.type === "ImportDefaultSpecifier",
+            (variable) =>
+              variable.defs[0].node.type === "ImportDefaultSpecifier",
           );
         }
 
         // Named import
         return variables.find(
-          variable =>
+          (variable) =>
             variable.defs[0].node.type === "ImportSpecifier" &&
             variable.name === named,
         );
@@ -135,7 +136,7 @@ module.exports = {
 
           const hasShowMetabaseLinksDestructured =
             parentDeclarationNode?.id?.properties?.some(
-              prop => prop.key.name === "showMetabaseLinks",
+              (prop) => prop.key.name === "showMetabaseLinks",
             );
 
           if (!hasShowMetabaseLinksDestructured) {
@@ -176,7 +177,7 @@ module.exports = {
       },
       TemplateLiteral(node) {
         const quasis = node.quasis;
-        quasis.forEach(quasi => {
+        quasis.forEach((quasi) => {
           if (
             LITERAL_METABASE_URL_REGEX.exec(quasi.value.raw) &&
             !isGetShowMetabaseLinksSelectorImported
@@ -197,7 +198,7 @@ module.exports = {
           /eslint-disable-next-line\s+no-unconditional-metabase-links-render/;
         const ALLOWED_ESLINT_DISABLE_LINE_REGEX =
           /eslint-disable-next-line\s+no-unconditional-metabase-links-render -- \w+/;
-        comments.forEach(comment => {
+        comments.forEach((comment) => {
           if (ESLINT_DISABLE_BLOCK_REGEX.exec(comment.value)) {
             const { start, end } = comment.loc;
             context.report({
diff --git a/frontend/lint/eslint-rules/no-unordered-test-helpers.js b/frontend/lint/eslint-rules/no-unordered-test-helpers.js
index e0a5348e475..072a02324b3 100644
--- a/frontend/lint/eslint-rules/no-unordered-test-helpers.js
+++ b/frontend/lint/eslint-rules/no-unordered-test-helpers.js
@@ -42,7 +42,9 @@ module.exports = {
           if (node.callee.property.name === "restore") {
             currentScope.hasRestore = true;
           } else if (node.callee.property.name === "resetTestTable") {
-            const hasRestoreInHierarchy = stack.some(scope => scope.hasRestore);
+            const hasRestoreInHierarchy = stack.some(
+              (scope) => scope.hasRestore,
+            );
 
             if (!hasRestoreInHierarchy) {
               context.report({
diff --git a/frontend/lint/eslint-rules/no-unsafe-element-filtering.js b/frontend/lint/eslint-rules/no-unsafe-element-filtering.js
index a26aff208be..b4f2c1ae3ba 100644
--- a/frontend/lint/eslint-rules/no-unsafe-element-filtering.js
+++ b/frontend/lint/eslint-rules/no-unsafe-element-filtering.js
@@ -102,7 +102,7 @@ function isPreviousALengthAssertion(node) {
           "have.length.lt",
           "have.length.within",
         ];
-        if (lengthAssertions.some(pattern => assertion === pattern)) {
+        if (lengthAssertions.some((pattern) => assertion === pattern)) {
           return true;
         }
       }
diff --git a/frontend/lint/eslint-rules/no-unscoped-text-selectors.js b/frontend/lint/eslint-rules/no-unscoped-text-selectors.js
index cbd201dba79..d21d00eecd2 100644
--- a/frontend/lint/eslint-rules/no-unscoped-text-selectors.js
+++ b/frontend/lint/eslint-rules/no-unscoped-text-selectors.js
@@ -21,7 +21,7 @@ Valid usage:
   };
 }
 
-const isTestBlock = node => {
+const isTestBlock = (node) => {
   return ["it", "before", "beforeEach"].includes(
     // when it's a plain it() call, we look at the callee name
     node?.parent?.parent?.callee?.name ??
@@ -30,11 +30,11 @@ const isTestBlock = node => {
   );
 };
 
-const hasDirectParentTestBlock = node => {
+const hasDirectParentTestBlock = (node) => {
   return isTestBlock(findNearestBlockStatement(node));
 };
 
-const findNearestBlockStatement = node => {
+const findNearestBlockStatement = (node) => {
   if (!node?.parent) {
     return null;
   }
@@ -44,7 +44,7 @@ const findNearestBlockStatement = node => {
   return findNearestBlockStatement(node.parent);
 };
 
-const isDirectlyChainedOffOfCy = node => {
+const isDirectlyChainedOffOfCy = (node) => {
   // Check if it's directly chained off cy (cy.contains())
   if (node.parent.object?.name === "cy") {
     return true;
@@ -54,15 +54,15 @@ const isDirectlyChainedOffOfCy = node => {
   return false;
 };
 
-const isFindByText = node => {
+const isFindByText = (node) => {
   return node.name === "findByText";
 };
 
-const isContains = node => {
+const isContains = (node) => {
   return node.name === "contains";
 };
 
-const isBadFindByText = node => {
+const isBadFindByText = (node) => {
   if (isFindByText(node) && isDirectlyChainedOffOfCy(node)) {
     return true;
   }
diff --git a/frontend/lint/tests/no-literal-metabase-strings.unit.spec.js b/frontend/lint/tests/no-literal-metabase-strings.unit.spec.js
index 55d890d2910..6a279c46fa6 100644
--- a/frontend/lint/tests/no-literal-metabase-strings.unit.spec.js
+++ b/frontend/lint/tests/no-literal-metabase-strings.unit.spec.js
@@ -142,7 +142,7 @@ const INVALID_CASES = [
 
 ruleTester.run("no-literal-metabase-strings", noLiteralMetabaseString, {
   valid: VALID_CASES,
-  invalid: INVALID_CASES.map(invalidCase => {
+  invalid: INVALID_CASES.map((invalidCase) => {
     return {
       code: invalidCase.code,
       errors: [
diff --git a/frontend/lint/tests/no-locale-with-intl-functions.unit.spec.js b/frontend/lint/tests/no-locale-with-intl-functions.unit.spec.js
index 1e9df2b81a7..42c073f3376 100644
--- a/frontend/lint/tests/no-locale-with-intl-functions.unit.spec.js
+++ b/frontend/lint/tests/no-locale-with-intl-functions.unit.spec.js
@@ -79,7 +79,7 @@ const INVALID_CASES = [
 
 ruleTester.run("no-locale-with-intl-functions", noLocaleWithIntlFunctions, {
   valid: VALID_CASES,
-  invalid: INVALID_CASES.map(invalidCase => {
+  invalid: INVALID_CASES.map((invalidCase) => {
     return {
       code: invalidCase.code,
       errors: [
diff --git a/frontend/lint/tests/no-unconditional-metabase-links-render.unit.spec.js b/frontend/lint/tests/no-unconditional-metabase-links-render.unit.spec.js
index fedce3ded6d..3ecf56b8b7f 100644
--- a/frontend/lint/tests/no-unconditional-metabase-links-render.unit.spec.js
+++ b/frontend/lint/tests/no-unconditional-metabase-links-render.unit.spec.js
@@ -190,7 +190,7 @@ ruleTester.run(
   noUnconditionalMetabaseLinksRender,
   {
     valid: VALID_CASES,
-    invalid: INVALID_CASES.map(invalidCase => {
+    invalid: INVALID_CASES.map((invalidCase) => {
       return {
         code: invalidCase.code,
         errors: [
diff --git a/frontend/lint/tests/no-unordered-test-helpers.unit.spec.js b/frontend/lint/tests/no-unordered-test-helpers.unit.spec.js
index 85f6a7e29e7..fc72565f775 100644
--- a/frontend/lint/tests/no-unordered-test-helpers.unit.spec.js
+++ b/frontend/lint/tests/no-unordered-test-helpers.unit.spec.js
@@ -73,14 +73,14 @@ const invalidCases = [
 ];
 
 ruleTester.run("no-unordered-test-helpers", rule, {
-  valid: blockTypes.flatMap(blockType =>
-    validCases.map(testCase => ({
+  valid: blockTypes.flatMap((blockType) =>
+    validCases.map((testCase) => ({
       code: blockWrapper(testCase, blockType),
     })),
   ),
 
-  invalid: blockTypes.flatMap(blockType =>
-    invalidCases.map(testCase => ({
+  invalid: blockTypes.flatMap((blockType) =>
+    invalidCases.map((testCase) => ({
       code: blockWrapper(testCase, blockType),
       errors: [orderError],
     })),
diff --git a/frontend/lint/tests/no-unsafe-element-filtering.unit.spec.js b/frontend/lint/tests/no-unsafe-element-filtering.unit.spec.js
index a782c329215..8129ef499bd 100644
--- a/frontend/lint/tests/no-unsafe-element-filtering.unit.spec.js
+++ b/frontend/lint/tests/no-unsafe-element-filtering.unit.spec.js
@@ -44,14 +44,14 @@ const invalidCases = [
 ];
 
 ruleTester.run("no-unsafe-element-filtering", rule, {
-  valid: blockTypes.flatMap(blockType =>
-    validCases.map(testCase => ({
+  valid: blockTypes.flatMap((blockType) =>
+    validCases.map((testCase) => ({
       code: blockWrapper(testCase, blockType),
     })),
   ),
 
-  invalid: blockTypes.flatMap(blockType =>
-    invalidCases.map(testCase => ({
+  invalid: blockTypes.flatMap((blockType) =>
+    invalidCases.map((testCase) => ({
       code: blockWrapper(testCase, blockType),
       errors: [unsafeError],
     })),
diff --git a/frontend/lint/tests/no-unscoped-text-selectors.unit.spec.js b/frontend/lint/tests/no-unscoped-text-selectors.unit.spec.js
index 937b0a521ec..ce4a1cdecc1 100644
--- a/frontend/lint/tests/no-unscoped-text-selectors.unit.spec.js
+++ b/frontend/lint/tests/no-unscoped-text-selectors.unit.spec.js
@@ -48,14 +48,14 @@ const invalidCases = [
 ];
 
 ruleTester.run("no-unscoped-text-selectors", rule, {
-  valid: blockTypes.flatMap(blockType =>
-    validCases.map(testCase => ({
+  valid: blockTypes.flatMap((blockType) =>
+    validCases.map((testCase) => ({
       code: blockWrapper(testCase, blockType),
     })),
   ),
 
-  invalid: blockTypes.flatMap(blockType =>
-    invalidCases.map(testCase => ({
+  invalid: blockTypes.flatMap((blockType) =>
+    invalidCases.map((testCase) => ({
       code: blockWrapper(testCase, blockType),
       errors: [scopeError],
     })),
diff --git a/frontend/parse-deps.js b/frontend/parse-deps.js
index 091b40be3e2..1b8aeeb8597 100644
--- a/frontend/parse-deps.js
+++ b/frontend/parse-deps.js
@@ -24,7 +24,7 @@ function files() {
 }
 
 function dependencies() {
-  const deps = files().map(filename => {
+  const deps = files().map((filename) => {
     const contents = fs.readFileSync(filename, "utf-8");
 
     const importList = [];
@@ -58,7 +58,7 @@ function dependencies() {
     }
     const base = path.dirname(filename) + path.sep;
     const absoluteImportList = importList
-      .map(name => {
+      .map((name) => {
         const absName = name[0] === "." ? path.normalize(base + name) : name;
         const parts = absName.split(path.sep);
         const realPath = ALIAS[parts[0]];
@@ -67,7 +67,7 @@ function dependencies() {
         return realName;
       })
       .map(getFilePathFromImportPath)
-      .filter(name => minimatch(name, PATTERN));
+      .filter((name) => minimatch(name, PATTERN));
 
     return { source: filename, dependencies: absoluteImportList.sort() };
   });
@@ -101,9 +101,9 @@ function getFilePathFromImportPath(name) {
 
 function dependents() {
   const dependents = {};
-  dependencies().forEach(dep => {
+  dependencies().forEach((dep) => {
     const { source, dependencies } = dep;
-    dependencies.forEach(d => {
+    dependencies.forEach((d) => {
       if (!dependents[d]) {
         dependents[d] = [];
       }
@@ -117,7 +117,7 @@ function getDependents(sources) {
   const allDependents = dependents();
   const filteredDependents = [];
 
-  sources.forEach(name => {
+  sources.forEach((name) => {
     const list = allDependents[name];
     if (list && Array.isArray(list) && list.length > 0) {
       filteredDependents.push(...list);
@@ -162,7 +162,9 @@ function filterAllDependents() {
       const name = filteredDependents[i];
       const list = allDependents[name];
       if (list && Array.isArray(list) && list.length > 0) {
-        const newAddition = list.filter(e => filteredDependents.indexOf(e) < 0);
+        const newAddition = list.filter(
+          (e) => filteredDependents.indexOf(e) < 0,
+        );
         filteredDependents.push(...newAddition);
       }
     }
@@ -174,7 +176,7 @@ function filterAllDependents() {
 function countDependents() {
   const allDependents = dependents();
   const sources = Object.keys(allDependents).sort();
-  const tally = sources.map(name => {
+  const tally = sources.map((name) => {
     return { name, count: allDependents[name].length };
   });
   console.log(tally.map(({ name, count }) => `${count} ${name}`).join("\n"));
@@ -183,12 +185,12 @@ function countDependents() {
 function countAllDependents() {
   const allDependents = dependents();
   const sources = Object.keys(allDependents).sort();
-  const tally = sources.map(name => {
+  const tally = sources.map((name) => {
     const list = allDependents[name];
     for (let i = 0; i < list.length; ++i) {
       const deps = allDependents[list[i]];
       if (deps && Array.isArray(deps) && deps.length > 1) {
-        const newAddition = deps.filter(e => list.indexOf(e) < 0);
+        const newAddition = deps.filter((e) => list.indexOf(e) < 0);
         list.push(...newAddition);
       }
     }
@@ -200,10 +202,10 @@ function countAllDependents() {
 function matrix() {
   const allDependents = dependents();
   const sources = Object.keys(allDependents).sort();
-  const width = Math.max(...sources.map(s => s.length));
-  const rows = sources.map(name => {
+  const width = Math.max(...sources.map((s) => s.length));
+  const rows = sources.map((name) => {
     const list = allDependents[name];
-    const checks = sources.map(dep => (list.indexOf(dep) < 0 ? " " : "x"));
+    const checks = sources.map((dep) => (list.indexOf(dep) < 0 ? " " : "x"));
     return name.padEnd(width) + " | " + checks.join("");
   });
   console.log(rows.join("\n"));
diff --git a/frontend/src/metabase-lib/aggregation.ts b/frontend/src/metabase-lib/aggregation.ts
index 6a2b329cd60..f8d8329f88f 100644
--- a/frontend/src/metabase-lib/aggregation.ts
+++ b/frontend/src/metabase-lib/aggregation.ts
@@ -39,7 +39,7 @@ export function aggregate(
 
 export function aggregateByCount(query: Query, stageIndex: number): Query {
   const operators = availableAggregationOperators(query, stageIndex);
-  const countOperator = operators.find(operator => {
+  const countOperator = operators.find((operator) => {
     const info = displayInfo(query, stageIndex, operator);
     return info.shortName === "count";
   });
diff --git a/frontend/src/metabase-lib/binning.ts b/frontend/src/metabase-lib/binning.ts
index 6458e40ee1a..5551a0ed991 100644
--- a/frontend/src/metabase-lib/binning.ts
+++ b/frontend/src/metabase-lib/binning.ts
@@ -37,7 +37,7 @@ export function withDefaultBinning(
 ): ColumnMetadata {
   const buckets = availableBinningStrategies(query, stageIndex, column);
   const defaultBucket = buckets.find(
-    bucket => displayInfo(query, stageIndex, bucket).default,
+    (bucket) => displayInfo(query, stageIndex, bucket).default,
   );
   return defaultBucket ? withBinning(column, defaultBucket) : column;
 }
diff --git a/frontend/src/metabase-lib/breakout.ts b/frontend/src/metabase-lib/breakout.ts
index dd22db540ee..b3b776af68b 100644
--- a/frontend/src/metabase-lib/breakout.ts
+++ b/frontend/src/metabase-lib/breakout.ts
@@ -29,7 +29,7 @@ export function replaceBreakouts(
 ) {
   let nextQuery = query;
 
-  breakouts(query, stageIndex).forEach(clause => {
+  breakouts(query, stageIndex).forEach((clause) => {
     nextQuery = removeClause(nextQuery, stageIndex, clause);
   });
 
diff --git a/frontend/src/metabase-lib/comparison.unit.spec.ts b/frontend/src/metabase-lib/comparison.unit.spec.ts
index 964912208dc..dfb846c9c00 100644
--- a/frontend/src/metabase-lib/comparison.unit.spec.ts
+++ b/frontend/src/metabase-lib/comparison.unit.spec.ts
@@ -25,7 +25,7 @@ describe("findColumnIndexesFromLegacyRefs", () => {
       query,
       stageIndex,
       columns,
-      columns.map(column => Lib.legacyRef(query, stageIndex, column)),
+      columns.map((column) => Lib.legacyRef(query, stageIndex, column)),
     );
     expect(columnIndexes).toEqual([0, 1]);
   });
@@ -50,7 +50,7 @@ describe("findColumnIndexesFromLegacyRefs", () => {
       query,
       stageIndex,
       columns,
-      columns.map(column => Lib.legacyRef(query, stageIndex, column)),
+      columns.map((column) => Lib.legacyRef(query, stageIndex, column)),
     );
     expect(columnIndexes).toEqual([0, 1]);
   });
diff --git a/frontend/src/metabase-lib/extractions.ts b/frontend/src/metabase-lib/extractions.ts
index 8e0e35c40fa..90e2880a3bc 100644
--- a/frontend/src/metabase-lib/extractions.ts
+++ b/frontend/src/metabase-lib/extractions.ts
@@ -74,7 +74,7 @@ export function functionsUsedByExtraction(
 
 function walk(parts: ExpressionParts): string[] {
   const res: string[] = [parts.operator];
-  parts.args.forEach(arg => {
+  parts.args.forEach((arg) => {
     if (isExpressionParts(arg)) {
       res.push(...walk(arg));
     }
diff --git a/frontend/src/metabase-lib/filter.ts b/frontend/src/metabase-lib/filter.ts
index 2961dcdf51e..602b753380a 100644
--- a/frontend/src/metabase-lib/filter.ts
+++ b/frontend/src/metabase-lib/filter.ts
@@ -139,7 +139,7 @@ export function specificDateFilterClause({
   return ML.specific_date_filter_clause(
     operator,
     column,
-    values.map(value => moment(value)),
+    values.map((value) => moment(value)),
     hasTime,
   );
 }
@@ -216,7 +216,7 @@ export function timeFilterClause({
   return ML.time_filter_clause(
     operator,
     column,
-    values.map(value => moment(value)),
+    values.map((value) => moment(value)),
   );
 }
 
diff --git a/frontend/src/metabase-lib/join.ts b/frontend/src/metabase-lib/join.ts
index 74a247253bb..f8abff1a36e 100644
--- a/frontend/src/metabase-lib/join.ts
+++ b/frontend/src/metabase-lib/join.ts
@@ -98,7 +98,7 @@ export function joinConditionParts(
     stageIndex,
     lhsColumn,
     rhsColumn,
-  ).find(op => displayInfo(query, stageIndex, op).shortName === operatorName);
+  ).find((op) => displayInfo(query, stageIndex, op).shortName === operatorName);
 
   if (!operator) {
     throw new TypeError("Unexpected join condition");
diff --git a/frontend/src/metabase-lib/temporal_bucket.ts b/frontend/src/metabase-lib/temporal_bucket.ts
index d457f8f20a1..70deef42b54 100644
--- a/frontend/src/metabase-lib/temporal_bucket.ts
+++ b/frontend/src/metabase-lib/temporal_bucket.ts
@@ -47,7 +47,7 @@ export function defaultTemporalBucket(
 ): Bucket | null {
   const buckets = availableTemporalBuckets(query, stageIndex, column);
   const defaultBucket = buckets.find(
-    bucket => displayInfo(query, stageIndex, bucket).default,
+    (bucket) => displayInfo(query, stageIndex, bucket).default,
   );
 
   return defaultBucket ?? null;
diff --git a/frontend/src/metabase-lib/test-helpers.ts b/frontend/src/metabase-lib/test-helpers.ts
index 2451c2829c2..92a203f71f1 100644
--- a/frontend/src/metabase-lib/test-helpers.ts
+++ b/frontend/src/metabase-lib/test-helpers.ts
@@ -60,7 +60,7 @@ export const columnFinder =
     tableName: string | undefined | null,
     columnName: string,
   ): Lib.ColumnMetadata => {
-    const column = columns.find(column => {
+    const column = columns.find((column) => {
       const displayInfo = Lib.displayInfo(query, 0, column);
 
       // for non-table columns - aggregations, custom columns
@@ -90,7 +90,7 @@ export const findBinningStrategy = (
   }
   const buckets = Lib.availableBinningStrategies(query, 0, column);
   const bucket = buckets.find(
-    bucket => Lib.displayInfo(query, 0, bucket).displayName === bucketName,
+    (bucket) => Lib.displayInfo(query, 0, bucket).displayName === bucketName,
   );
   if (!bucket) {
     throw new Error(`Could not find binning strategy ${bucketName}`);
@@ -109,7 +109,7 @@ export const findTemporalBucket = (
 
   const buckets = Lib.availableTemporalBuckets(query, 0, column);
   const bucket = buckets.find(
-    bucket => Lib.displayInfo(query, 0, bucket).displayName === bucketName,
+    (bucket) => Lib.displayInfo(query, 0, bucket).displayName === bucketName,
   );
   if (!bucket) {
     throw new Error(`Could not find temporal bucket ${bucketName}`);
@@ -123,7 +123,7 @@ export const findAggregationOperator = (
 ) => {
   const operators = Lib.availableAggregationOperators(query, 0);
   const operator = operators.find(
-    operator =>
+    (operator) =>
       Lib.displayInfo(query, 0, operator).shortName === operatorShortName,
   );
   if (!operator) {
@@ -135,7 +135,7 @@ export const findAggregationOperator = (
 export const findSegment = (query: Lib.Query, segmentName: string) => {
   const stageIndex = 0;
   const segment = Lib.availableSegments(query, stageIndex).find(
-    segment =>
+    (segment) =>
       Lib.displayInfo(query, stageIndex, segment).displayName === segmentName,
   );
   if (!segment) {
@@ -276,7 +276,7 @@ export const queryDrillThru = (
     clickObject.data,
     clickObject.dimensions,
   );
-  const drill = drills.find(drill => {
+  const drill = drills.find((drill) => {
     const drillInfo = Lib.displayInfo(query, stageIndex, drill);
     return drillInfo.type === drillType;
   });
@@ -320,7 +320,7 @@ export const getJoinQueryHelpers = (
   );
 
   const defaultStrategy = Lib.availableJoinStrategies(query, stageIndex).find(
-    strategy => Lib.displayInfo(query, stageIndex, strategy).default,
+    (strategy) => Lib.displayInfo(query, stageIndex, strategy).default,
   );
 
   if (!defaultStrategy) {
@@ -328,7 +328,7 @@ export const getJoinQueryHelpers = (
   }
 
   const defaultOperator = Lib.joinConditionOperators(query, stageIndex).find(
-    operator => Lib.displayInfo(query, stageIndex, operator).default,
+    (operator) => Lib.displayInfo(query, stageIndex, operator).default,
   );
 
   if (!defaultOperator) {
diff --git a/frontend/src/metabase-lib/v1/DimensionOptions/DimensionOptions.ts b/frontend/src/metabase-lib/v1/DimensionOptions/DimensionOptions.ts
index ac0e2da11f0..e052172d9d1 100644
--- a/frontend/src/metabase-lib/v1/DimensionOptions/DimensionOptions.ts
+++ b/frontend/src/metabase-lib/v1/DimensionOptions/DimensionOptions.ts
@@ -20,7 +20,7 @@ export default class DimensionOptions {
 
   all(): TemplateTagDimension[] {
     const dimensions = this.dimensions;
-    const fksDimensions = this.fks.map(fk => fk.dimensions).flat();
+    const fksDimensions = this.fks.map((fk) => fk.dimensions).flat();
     return [...dimensions, ...fksDimensions];
   }
 
@@ -33,16 +33,16 @@ export default class DimensionOptions {
       icon: this.icon || "table",
       items: [
         ...extraItems,
-        ...this.dimensions.map(dimension => ({
+        ...this.dimensions.map((dimension) => ({
           dimension,
         })),
       ],
     };
 
-    const sections: DimensionOptionsSection[] = this.fks.map(fk => ({
+    const sections: DimensionOptionsSection[] = this.fks.map((fk) => ({
       name: fk.name || (fk.field && fk.field.targetObjectName()),
       icon: fk.icon || "connections",
-      items: fk.dimensions.map(dimension => ({
+      items: fk.dimensions.map((dimension) => ({
         dimension,
       })),
     }));
diff --git a/frontend/src/metabase-lib/v1/Question.ts b/frontend/src/metabase-lib/v1/Question.ts
index 1af3fae4ea4..daf17f93b95 100644
--- a/frontend/src/metabase-lib/v1/Question.ts
+++ b/frontend/src/metabase-lib/v1/Question.ts
@@ -365,7 +365,7 @@ class Question {
     const table = this.metadata().table(sourceTableId);
 
     const hasSinglePk =
-      table?.fields?.filter(field => field.isPK())?.length === 1;
+      table?.fields?.filter((field) => field.isPK())?.length === 1;
     const { isNative } = Lib.queryDisplayInfo(this.query());
 
     return !isNative && !Lib.hasClauses(query, -1) && hasSinglePk;
@@ -593,7 +593,7 @@ class Question {
 
   setResultMetadataDiff(metadataDiff: Record<string, Partial<Field>>) {
     const metadata = this.getResultMetadata();
-    const newMetadata = metadata.map(column => {
+    const newMetadata = metadata.map((column) => {
       const columnDiff = metadataDiff[column.name];
       return columnDiff ? { ...column, ...columnDiff } : column;
     });
@@ -632,7 +632,7 @@ class Question {
   }
 
   setParameter(id: ParameterId, parameter: ParameterObject) {
-    const newParameters = this.parameters().map(oldParameter =>
+    const newParameters = this.parameters().map((oldParameter) =>
       oldParameter.id === id ? parameter : oldParameter,
     );
 
@@ -695,7 +695,7 @@ class Question {
   }
 
   isDirtyComparedToWithoutParameters(originalQuestion: Question) {
-    const [a, b] = [this, originalQuestion].map(q => {
+    const [a, b] = [this, originalQuestion].map((q) => {
       return (
         q &&
         new Question(q.card(), this.metadata())
diff --git a/frontend/src/metabase-lib/v1/expressions/complete/aggregations.ts b/frontend/src/metabase-lib/v1/expressions/complete/aggregations.ts
index fcfbce3eb78..5a026ba40e7 100644
--- a/frontend/src/metabase-lib/v1/expressions/complete/aggregations.ts
+++ b/frontend/src/metabase-lib/v1/expressions/complete/aggregations.ts
@@ -35,9 +35,9 @@ export function suggestAggregations({
 
   const database = getDatabase(query, metadata);
   const aggregations = Array.from(AGGREGATION_FUNCTIONS)
-    .map(name => MBQL_CLAUSES[name])
-    .filter(clause => clause && database?.hasFeature(clause.requiresFeature))
-    .map(agg =>
+    .map((name) => MBQL_CLAUSES[name])
+    .filter((clause) => clause && database?.hasFeature(clause.requiresFeature))
+    .map((agg) =>
       expressionClauseCompletion(agg, {
         type: "aggregation",
         database,
@@ -57,7 +57,7 @@ export function suggestAggregations({
 
     // do not expand template if the next token is a (
     const next = tokenAtPos(source, token.end + 1);
-    const options = matcher(content(source, token)).map(option => ({
+    const options = matcher(content(source, token)).map((option) => ({
       ...option,
       apply:
         next?.type === TOKEN.Operator && next.op === "("
diff --git a/frontend/src/metabase-lib/v1/expressions/complete/aggregations.unit.spec.ts b/frontend/src/metabase-lib/v1/expressions/complete/aggregations.unit.spec.ts
index ebe12843986..7668d79a959 100644
--- a/frontend/src/metabase-lib/v1/expressions/complete/aggregations.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/expressions/complete/aggregations.unit.spec.ts
@@ -109,7 +109,7 @@ describe("suggestAggregations", () => {
 
     const RESULTS_NO_TEMPLATE = {
       ...RESULTS,
-      options: RESULTS.options.map(option => ({
+      options: RESULTS.options.map((option) => ({
         ...option,
         apply: undefined,
       })),
diff --git a/frontend/src/metabase-lib/v1/expressions/complete/fields.ts b/frontend/src/metabase-lib/v1/expressions/complete/fields.ts
index cd2b55f24e4..6e08e7242e0 100644
--- a/frontend/src/metabase-lib/v1/expressions/complete/fields.ts
+++ b/frontend/src/metabase-lib/v1/expressions/complete/fields.ts
@@ -20,7 +20,7 @@ export function suggestFields({ query, stageIndex, expressionIndex }: Options) {
     query,
     stageIndex,
     expressionIndex,
-  )?.map(column => {
+  )?.map((column) => {
     const displayInfo = Lib.displayInfo(query, stageIndex, column);
     return {
       type: "field",
diff --git a/frontend/src/metabase-lib/v1/expressions/complete/functions.ts b/frontend/src/metabase-lib/v1/expressions/complete/functions.ts
index 921c06b729e..b353d41d2eb 100644
--- a/frontend/src/metabase-lib/v1/expressions/complete/functions.ts
+++ b/frontend/src/metabase-lib/v1/expressions/complete/functions.ts
@@ -36,15 +36,15 @@ export function suggestFunctions({
 
   const database = getDatabase(query, metadata);
   const functions = [...EXPRESSION_FUNCTIONS]
-    .map(name => MBQL_CLAUSES[name])
-    .filter(clause => clause && database?.hasFeature(clause.requiresFeature))
+    .map((name) => MBQL_CLAUSES[name])
+    .filter((clause) => clause && database?.hasFeature(clause.requiresFeature))
     .filter(function disableOffsetInFilterExpressions(clause) {
       const isOffset = clause.name === "offset";
       const isFilterExpression = startRule === "boolean";
       const isOffsetInFilterExpression = isOffset && isFilterExpression;
       return !isOffsetInFilterExpression;
     })
-    .map(func =>
+    .map((func) =>
       expressionClauseCompletion(func, {
         type: "function",
         database,
@@ -68,7 +68,7 @@ export function suggestFunctions({
 
     // do not expand template if the next token is a (
     const next = tokenAtPos(source, token.end + 1);
-    const options = matcher(content(source, token)).map(option => ({
+    const options = matcher(content(source, token)).map((option) => ({
       ...option,
       apply:
         next?.type === TOKEN.Operator && next.op === "("
diff --git a/frontend/src/metabase-lib/v1/expressions/complete/functions.unit.spec.ts b/frontend/src/metabase-lib/v1/expressions/complete/functions.unit.spec.ts
index a021a88574a..139944fc195 100644
--- a/frontend/src/metabase-lib/v1/expressions/complete/functions.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/expressions/complete/functions.unit.spec.ts
@@ -126,7 +126,7 @@ describe("suggestFunctions", () => {
 
   const RESULTS_NO_TEMPLATE = {
     ...RESULTS,
-    options: RESULTS.options.map(option => ({
+    options: RESULTS.options.map((option) => ({
       ...option,
       apply: undefined,
     })),
@@ -177,7 +177,7 @@ describe("suggestFunctions", () => {
       const completer = setup({ startRule });
       const results = await completer("offse|");
       const options = results?.options.filter(
-        option => option.label === "offset",
+        (option) => option.label === "offset",
       );
       expect(options).toEqual([]);
     });
@@ -186,7 +186,7 @@ describe("suggestFunctions", () => {
       const completer = setup({ startRule });
       const results = await completer("cas|");
       const options = results?.options.filter(
-        option => option.label === "case",
+        (option) => option.label === "case",
       );
       expect(options).toEqual([
         {
@@ -209,7 +209,7 @@ describe("suggestFunctions", () => {
       });
       const results = await completer("rege|");
       expect(
-        results?.options.find(option => option.label === "regexextract"),
+        results?.options.find((option) => option.label === "regexextract"),
       ).toBe(undefined);
     });
 
@@ -220,7 +220,7 @@ describe("suggestFunctions", () => {
       });
       const results = await completer("rege|");
       expect(
-        results?.options.find(option => option.label === "regexextract"),
+        results?.options.find((option) => option.label === "regexextract"),
       ).toEqual({
         label: "regexextract",
         displayLabel: "regexextract",
@@ -269,7 +269,7 @@ describe("suggestFunctions", () => {
   it("should complete functions whose name starts with the an operator name as a prefix (metabase#55686)", async () => {
     const completer = setup({ startRule: "expression" });
     const results = await completer("not|");
-    expect(results?.options.map(result => result.displayLabel)).toEqual([
+    expect(results?.options.map((result) => result.displayLabel)).toEqual([
       "notIn",
       "notnull",
       "notempty",
diff --git a/frontend/src/metabase-lib/v1/expressions/complete/metrics.ts b/frontend/src/metabase-lib/v1/expressions/complete/metrics.ts
index 0915030dced..499737b0e04 100644
--- a/frontend/src/metabase-lib/v1/expressions/complete/metrics.ts
+++ b/frontend/src/metabase-lib/v1/expressions/complete/metrics.ts
@@ -13,7 +13,7 @@ export type Options = {
 };
 
 export function suggestMetrics({ startRule, query, stageIndex }: Options) {
-  const metrics = Lib.availableMetrics(query, stageIndex)?.map(metric => {
+  const metrics = Lib.availableMetrics(query, stageIndex)?.map((metric) => {
     const displayInfo = Lib.displayInfo(query, stageIndex, metric);
     return {
       type: "metric",
diff --git a/frontend/src/metabase-lib/v1/expressions/complete/segments.ts b/frontend/src/metabase-lib/v1/expressions/complete/segments.ts
index 79593093b26..6e2bc32dae6 100644
--- a/frontend/src/metabase-lib/v1/expressions/complete/segments.ts
+++ b/frontend/src/metabase-lib/v1/expressions/complete/segments.ts
@@ -12,7 +12,7 @@ export type Options = {
 };
 
 export function suggestSegments({ query, stageIndex }: Options) {
-  const segments = Lib.availableSegments(query, stageIndex)?.map(segment => {
+  const segments = Lib.availableSegments(query, stageIndex)?.map((segment) => {
     const displayInfo = Lib.displayInfo(query, stageIndex, segment);
     return {
       type: "segment",
diff --git a/frontend/src/metabase-lib/v1/expressions/complete/util.ts b/frontend/src/metabase-lib/v1/expressions/complete/util.ts
index 15283d3bbeb..a2ffd1fb724 100644
--- a/frontend/src/metabase-lib/v1/expressions/complete/util.ts
+++ b/frontend/src/metabase-lib/v1/expressions/complete/util.ts
@@ -55,8 +55,8 @@ const suggestionText = (func: MBQLClauseFunctionConfig) => {
 
 function getSnippet(helpText: HelpText) {
   const args = helpText.args
-    ?.filter(arg => arg.name !== "…")
-    ?.map(arg => "${" + arg.name + "}")
+    ?.filter((arg) => arg.name !== "…")
+    ?.map((arg) => "${" + arg.name + "}")
     .join(", ");
 
   if (!args || args.length < 1) {
@@ -80,9 +80,9 @@ export function fuzzyMatcher(options: Completion[]) {
         .search(word)
         // .filter(result => (result.score ?? 0) <= 1)
         .sort((a, b) => (a.score ?? 0) - (b.score ?? 0))
-        .map(result => {
+        .map((result) => {
           result.item.matches =
-            result.matches?.flatMap(match => match.indices) ?? [];
+            result.matches?.flatMap((match) => match.indices) ?? [];
           return result.item;
         })
     );
@@ -92,7 +92,9 @@ export function fuzzyMatcher(options: Completion[]) {
 export function tokenAtPos(source: string, pos: number): Token | null {
   const { tokens } = tokenize(source);
 
-  const idx = tokens.findIndex(token => token.start <= pos && token.end >= pos);
+  const idx = tokens.findIndex(
+    (token) => token.start <= pos && token.end >= pos,
+  );
   if (idx === -1) {
     return null;
   }
diff --git a/frontend/src/metabase-lib/v1/expressions/formatter/formatter.ts b/frontend/src/metabase-lib/v1/expressions/formatter/formatter.ts
index 2c9b66cb2cd..917b6fe9bd6 100644
--- a/frontend/src/metabase-lib/v1/expressions/formatter/formatter.ts
+++ b/frontend/src/metabase-lib/v1/expressions/formatter/formatter.ts
@@ -208,7 +208,7 @@ function formatMetric(path: AstPath<MetricAgg>, options: FormatOptions): Doc {
     throw new Error("`query` is a required parameter to format expressions");
   }
 
-  const metric = Lib.availableMetrics(query, stageIndex).find(metric => {
+  const metric = Lib.availableMetrics(query, stageIndex).find((metric) => {
     const [_type, availableMetricId] = Lib.legacyRef(query, stageIndex, metric);
     return availableMetricId === metricId;
   });
@@ -229,7 +229,7 @@ function formatSegment(path: AstPath<SegmentFilter>, options: FormatOptions) {
   }
 
   const [, segmentId] = path.node;
-  const segment = Lib.availableSegments(query, stageIndex).find(segment => {
+  const segment = Lib.availableSegments(query, stageIndex).find((segment) => {
     const [_type, availableSegmentId] = Lib.legacyRef(
       query,
       stageIndex,
diff --git a/frontend/src/metabase-lib/v1/expressions/helper-text-strings.ts b/frontend/src/metabase-lib/v1/expressions/helper-text-strings.ts
index fae09392755..2d781c5ccd8 100644
--- a/frontend/src/metabase-lib/v1/expressions/helper-text-strings.ts
+++ b/frontend/src/metabase-lib/v1/expressions/helper-text-strings.ts
@@ -1388,7 +1388,7 @@ export const getHelpText = (
   database: Database,
   reportTimezone?: string,
 ): HelpText | undefined => {
-  const helperTextConfig = HELPER_TEXT_STRINGS.find(h => h.name === name);
+  const helperTextConfig = HELPER_TEXT_STRINGS.find((h) => h.name === name);
 
   if (!helperTextConfig) {
     return;
@@ -1428,5 +1428,5 @@ export const getHelpDocsUrl = ({ docsPage }: HelpText): string => {
 
 export const getFunctionByStructure = (structure: string) =>
   HELPER_TEXT_STRINGS.find(
-    h => h.structure.toLowerCase() === structure.toLowerCase(),
+    (h) => h.structure.toLowerCase() === structure.toLowerCase(),
   )?.name;
diff --git a/frontend/src/metabase-lib/v1/expressions/helper-text-strings.unit.spec.ts b/frontend/src/metabase-lib/v1/expressions/helper-text-strings.unit.spec.ts
index 05b66f1452b..31e3fd708cb 100644
--- a/frontend/src/metabase-lib/v1/expressions/helper-text-strings.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/expressions/helper-text-strings.unit.spec.ts
@@ -81,7 +81,7 @@ describe("getHelpText", () => {
           getHelpText("datetime-diff", database, reportTimezone),
         );
         const unitArg = checkNotNull(
-          helpText.args?.find(arg => arg.name === "unit"),
+          helpText.args?.find((arg) => arg.name === "unit"),
         );
         expect(unitArg.description).toContain("second");
         expect(unitArg.description).not.toContain("millisecond");
diff --git a/frontend/src/metabase-lib/v1/expressions/identifier.ts b/frontend/src/metabase-lib/v1/expressions/identifier.ts
index 11363cf647d..160c886a9a2 100644
--- a/frontend/src/metabase-lib/v1/expressions/identifier.ts
+++ b/frontend/src/metabase-lib/v1/expressions/identifier.ts
@@ -29,7 +29,7 @@ export function parseMetric(
 ) {
   const metrics = Lib.availableMetrics(query, stageIndex);
 
-  const metric = metrics.find(metric => {
+  const metric = metrics.find((metric) => {
     const displayInfo = Lib.displayInfo(query, stageIndex, metric);
 
     return displayInfo.displayName.toLowerCase() === metricName.toLowerCase();
@@ -55,7 +55,7 @@ export function parseSegment(
     expressionIndex,
   }: { query: Lib.Query; stageIndex: number; expressionIndex?: number },
 ) {
-  const segment = Lib.availableSegments(query, stageIndex).find(segment => {
+  const segment = Lib.availableSegments(query, stageIndex).find((segment) => {
     const displayInfo = Lib.displayInfo(query, stageIndex, segment);
 
     return displayInfo.displayName.toLowerCase() === segmentName.toLowerCase();
@@ -69,7 +69,7 @@ export function parseSegment(
     query,
     stageIndex,
     expressionIndex,
-  ).find(field => {
+  ).find((field) => {
     const displayInfo = Lib.displayInfo(query, stageIndex, field);
     return displayInfo.name.toLowerCase() === segmentName.toLowerCase();
   });
@@ -101,7 +101,7 @@ export function parseDimension(
   },
 ) {
   return getAvailableDimensions(options).find(({ info }) => {
-    return EDITOR_FK_SYMBOLS.symbols.some(separator => {
+    return EDITOR_FK_SYMBOLS.symbols.some((separator) => {
       const displayName = getDisplayNameWithSeparator(
         info.longDisplayName,
         separator,
@@ -127,7 +127,7 @@ function getAvailableDimensions({
     query,
     stageIndex,
     expressionIndex,
-  ).map(dimension => {
+  ).map((dimension) => {
     return {
       dimension,
       info: Lib.displayInfo(query, stageIndex, dimension),
@@ -137,7 +137,7 @@ function getAvailableDimensions({
   if (startRule === "aggregation") {
     return [
       ...results,
-      ...Lib.availableMetrics(query, stageIndex).map(dimension => {
+      ...Lib.availableMetrics(query, stageIndex).map((dimension) => {
         return {
           dimension,
           info: Lib.displayInfo(query, stageIndex, dimension),
diff --git a/frontend/src/metabase-lib/v1/expressions/matchers.ts b/frontend/src/metabase-lib/v1/expressions/matchers.ts
index 6150e982bca..49d856a4f2e 100644
--- a/frontend/src/metabase-lib/v1/expressions/matchers.ts
+++ b/frontend/src/metabase-lib/v1/expressions/matchers.ts
@@ -61,7 +61,7 @@ export function isOperator(expr: unknown): expr is CallExpression {
   return (
     Array.isArray(expr) &&
     OPERATORS.has(expr[0]) &&
-    expr.slice(1).every(arg => isExpression(arg) || isOptionsObject(arg))
+    expr.slice(1).every((arg) => isExpression(arg) || isOptionsObject(arg))
   );
 }
 
@@ -73,7 +73,7 @@ export function isFunction(expr: unknown): expr is CallExpression {
   return (
     Array.isArray(expr) &&
     FUNCTIONS.has(expr[0]) &&
-    expr.slice(1).every(arg => isExpression(arg) || isOptionsObject(arg))
+    expr.slice(1).every((arg) => isExpression(arg) || isOptionsObject(arg))
   );
 }
 
diff --git a/frontend/src/metabase-lib/v1/expressions/passes.ts b/frontend/src/metabase-lib/v1/expressions/passes.ts
index 50c13c7c869..0e741afb27f 100644
--- a/frontend/src/metabase-lib/v1/expressions/passes.ts
+++ b/frontend/src/metabase-lib/v1/expressions/passes.ts
@@ -38,8 +38,8 @@ export function applyPasses(
  *
  * ["case", X, Y, Z] becomes ["case", [[X, Y]], { default: Z }]
  */
-export const adjustCaseOrIf: CompilerPass = tree =>
-  modify(tree, node => {
+export const adjustCaseOrIf: CompilerPass = (tree) =>
+  modify(tree, (node) => {
     if (isCallExpression(node) && isCaseOrIfOperator(node[0])) {
       const [operator, ...operands] = node;
       const pairs: [Expression, Expression][] = [];
@@ -70,8 +70,8 @@ export const adjustCaseOrIf: CompilerPass = tree =>
  *
  * ["offset", X, Y] becomes ["offset", {}, X, Y]
  */
-export const adjustOffset: CompilerPass = tree =>
-  modify(tree, node => {
+export const adjustOffset: CompilerPass = (tree) =>
+  modify(tree, (node) => {
     if (Array.isArray(node)) {
       const [operator] = node;
       if (operator === "offset") {
@@ -95,8 +95,8 @@ export const adjustOffset: CompilerPass = tree =>
  * ["contains", X, Y, "case-insensitive"] becomes ["contains", X, Y, {"case-sensitive": false}]
  * ["contains", X, Y] becomes ["contains", X, Y]
  */
-export const adjustOptions: CompilerPass = tree =>
-  modify(tree, node => {
+export const adjustOptions: CompilerPass = (tree) =>
+  modify(tree, (node) => {
     if (isCallExpression(node)) {
       const [operator, ...operands] = node;
       if (operands.length > 0) {
@@ -135,8 +135,8 @@ export const adjustOptions: CompilerPass = tree =>
  * so we need to adjust its position here or insert an empty options object if
  * there is none.
  */
-export const adjustMultiArgOptions: CompilerPass = tree =>
-  modify(tree, node => {
+export const adjustMultiArgOptions: CompilerPass = (tree) =>
+  modify(tree, (node) => {
     if (isCallExpression(node)) {
       const [operator, ...args] = node;
       const clause = MBQL_CLAUSES[operator];
@@ -163,8 +163,8 @@ export const adjustMultiArgOptions: CompilerPass = tree =>
  *
  * Assumes adjustCaseOrIf has already been run
  */
-export const adjustBooleans: CompilerPass = tree =>
-  modify(tree, node => {
+export const adjustBooleans: CompilerPass = (tree) =>
+  modify(tree, (node) => {
     if (isCaseOrIf(node)) {
       const [operator, pairs, options] = node;
       return [
@@ -210,7 +210,7 @@ function isBooleanField(input: unknown) {
   return false;
 }
 
-export const adjustTopLevelLiteral: CompilerPass = tree => {
+export const adjustTopLevelLiteral: CompilerPass = (tree) => {
   if (
     isStringLiteral(tree) ||
     isNumberLiteral(tree) ||
@@ -231,7 +231,7 @@ function modify(node: Expression, transform: Transform): Expression {
     return withAST(
       transform([
         operator,
-        ...operands.map(sub => modify(sub as Expression, transform)),
+        ...operands.map((sub) => modify(sub as Expression, transform)),
       ]),
       node,
     );
diff --git a/frontend/src/metabase-lib/v1/expressions/position.ts b/frontend/src/metabase-lib/v1/expressions/position.ts
index 263843c90a4..186188e2d5d 100644
--- a/frontend/src/metabase-lib/v1/expressions/position.ts
+++ b/frontend/src/metabase-lib/v1/expressions/position.ts
@@ -18,7 +18,9 @@ export function enclosingFunction(doc: string, pos: number) {
 
       const args =
         cursor.node.getChildren("ArgList")?.[0]?.getChildren("Arg") ?? [];
-      const argIndex = args.findIndex(arg => arg.from <= pos && arg.to >= pos);
+      const argIndex = args.findIndex(
+        (arg) => arg.from <= pos && arg.to >= pos,
+      );
 
       if (value.endsWith(")") && cursor.to === pos) {
         // do not show help when cursor is placed after closing )
diff --git a/frontend/src/metabase-lib/v1/expressions/pratt/compiler.ts b/frontend/src/metabase-lib/v1/expressions/pratt/compiler.ts
index 467dcacb4d1..1eab4eacd69 100644
--- a/frontend/src/metabase-lib/v1/expressions/pratt/compiler.ts
+++ b/frontend/src/metabase-lib/v1/expressions/pratt/compiler.ts
@@ -138,7 +138,7 @@ function compileFunctionCall(node: Node, opts: Options): Expression {
 
 function compileArgList(node: Node, opts: Options): Expression[] {
   assert(node.type === ARG_LIST, "Invalid Node Type");
-  return node.children.map(child => {
+  return node.children.map((child) => {
     const func = getCompileFunction(child);
     if (!func) {
       throw new CompileError(t`Invalid node type`, { node: child });
diff --git a/frontend/src/metabase-lib/v1/expressions/pratt/parser.ts b/frontend/src/metabase-lib/v1/expressions/pratt/parser.ts
index 07f15a44773..528befe12e2 100644
--- a/frontend/src/metabase-lib/v1/expressions/pratt/parser.ts
+++ b/frontend/src/metabase-lib/v1/expressions/pratt/parser.ts
@@ -47,7 +47,7 @@ export function lexify(expression: string) {
 
   const { tokens, errors } = tokenize(expression);
   if (errors && errors.length > 0) {
-    errors.forEach(error => {
+    errors.forEach((error) => {
       const { pos } = error;
 
       if (typeof pos === "number") {
diff --git a/frontend/src/metabase-lib/v1/expressions/resolver.js b/frontend/src/metabase-lib/v1/expressions/resolver.js
index 1793084a6fa..caacbb8806a 100644
--- a/frontend/src/metabase-lib/v1/expressions/resolver.js
+++ b/frontend/src/metabase-lib/v1/expressions/resolver.js
@@ -157,7 +157,7 @@ export function resolve({
     if (operandType) {
       return [
         op,
-        ...operands.map(operand =>
+        ...operands.map((operand) =>
           resolve({ expression: operand, type: operandType, fn, database }),
         ),
       ];
@@ -190,7 +190,7 @@ export function resolve({
       }
     }
     if (multiple) {
-      const argCount = operands.filter(arg => !isOptionsObject(arg)).length;
+      const argCount = operands.filter((arg) => !isOptionsObject(arg)).length;
       const minArgCount = args.length;
 
       if (argCount < minArgCount) {
diff --git a/frontend/src/metabase-lib/v1/expressions/resolver.unit.spec.ts b/frontend/src/metabase-lib/v1/expressions/resolver.unit.spec.ts
index 83c1c142455..e45712bfb7e 100644
--- a/frontend/src/metabase-lib/v1/expressions/resolver.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/expressions/resolver.unit.spec.ts
@@ -177,7 +177,7 @@ describe("resolve", () => {
 
       it.each(["in", "not-in"])(
         "should reject multi-arg function calls without options when there is not enough arguments",
-        tag => {
+        (tag) => {
           expect(() => expr([tag])).toThrow();
           expect(() => expr([tag, A])).toThrow();
           expect(() => expr([tag, A, B])).not.toThrow();
@@ -187,7 +187,7 @@ describe("resolve", () => {
 
       it.each(["contains", "does-not-contain", "starts-with", "ends-with"])(
         "should reject multi-arg function calls with options when there is not enough arguments",
-        tag => {
+        (tag) => {
           const options: CallOptions = { "case-sensitive": true };
           expect(() => expr([tag])).toThrow();
           expect(() => expr([tag, A])).toThrow();
diff --git a/frontend/src/metabase-lib/v1/expressions/test/generator.ts b/frontend/src/metabase-lib/v1/expressions/test/generator.ts
index 23695b12643..be46eb7c4be 100644
--- a/frontend/src/metabase-lib/v1/expressions/test/generator.ts
+++ b/frontend/src/metabase-lib/v1/expressions/test/generator.ts
@@ -78,7 +78,7 @@ export function generateExpression(
   const randomizeCase = (str: string) =>
     str
       .split("")
-      .map(ch => (randomInt(10) < 3 ? ch.toUpperCase() : ch))
+      .map((ch) => (randomInt(10) < 3 ? ch.toUpperCase() : ch))
       .join("");
 
   const format = (node: Node): string => {
diff --git a/frontend/src/metabase-lib/v1/expressions/tokenizer/lezer.js b/frontend/src/metabase-lib/v1/expressions/tokenizer/lezer.js
index e7b6efa3d2f..1972c4be399 100644
--- a/frontend/src/metabase-lib/v1/expressions/tokenizer/lezer.js
+++ b/frontend/src/metabase-lib/v1/expressions/tokenizer/lezer.js
@@ -90,6 +90,6 @@ export const parser = LRParser.deserialize({
     "Hv~R!TOX$bXY&hYZ)dZ^&h^p$bpq&hqr*Zrs+ysw$bwx,dxy,}yz-sz{.i{|/_|}0T}!O0y!O!P1o!P!Q6X!Q!R6}!R![8u![!^$b!^!_@s!_!`Be!`!aCZ!a!c$b!c!}D{!}#O$b#O#PFa#P#R$b#R#SD{#S#T$b#T#oD{#o#y$b#y#z&h#z$f$b$f$g&h$g#BY$b#BY#BZ&h#BZ$IS$b$IS$I_&h$I_$I|$b$I|$JO&h$JO$JT$b$JT$JU&h$JU$KV$b$KV$KW&h$KW&FU$b&FU&FV&h&FV;'S$b;'S;=`&b<%lO$bU$iXyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bS%ZU|SOY%UZw%Ux#O%U#P;'S%U;'S;=`%m<%lO%US%pP;=`<%l%UQ%xUyQOY%sZr%ss#O%s#P;'S%s;'S;=`&[<%lO%sQ&_P;=`<%l%sU&eP;=`<%l$bV&qnvPyQ|SOX$bXY&hYZ(oZ^&h^p$bpq&hqr$brs%Usw$bwx%sx#O$b#P#y$b#y#z&h#z$f$b$f$g&h$g#BY$b#BY#BZ&h#BZ$IS$b$IS$I_&h$I_$I|$b$I|$JO&h$JO$JT$b$JT$JU&h$JU$KV$b$KV$KW&h$KW&FU$b&FU&FV&h&FV;'S$b;'S;=`&b<%lO$bP(tYvPX^(opq(o#y#z(o$f$g(o#BY#BZ(o$IS$I_(o$I|$JO(o$JT$JU(o$KV$KW(o&FU&FV(oV)kYzUvPX^(opq(o#y#z(o$f$g(o#BY#BZ(o$IS$I_(o$I|$JO(o$JT$JU(o$KV$KW(o&FU&FV(oV*bZyQ|SOY$bZr$brs%Usw$bwx%sx!_$b!_!`+T!`#O$b#P;'S$b;'S;=`&b<%lO$bV+^XfPyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV,QUxR|SOY%UZw%Ux#O%U#P;'S%U;'S;=`%m<%lO%UV,kU{TyQOY%sZr%ss#O%s#P;'S%s;'S;=`&[<%lO%sV-WXhPyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV-|XiPyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV.rX]PyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV/hXZPyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV0^XmPyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV1SX[PyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV1vZyQ|SOY$bZr$brs%Usw$bwx%sx!Q$b!Q![2i![#O$b#P;'S$b;'S;=`&b<%lO$bV2raRPyQ|SOY$bZr$brs%Usw$bwx%sx!Q$b!Q![2i![!g$b!g!h3w!h#O$b#P#R$b#R#S2i#S#X$b#X#Y3w#Y;'S$b;'S;=`&b<%lO$bV4QaRPyQ|SOY$bZr$brs%Usw$bwx%sx{$b{|5V|}$b}!O5V!O!Q$b!Q![5V![#O$b#P#R$b#R#S5V#S;'S$b;'S;=`&b<%lO$bV5`]RPyQ|SOY$bZr$brs%Usw$bwx%sx!Q$b!Q![5V![#O$b#P#R$b#R#S5V#S;'S$b;'S;=`&b<%lO$bV6bX^PyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV7WiRPyQ|SOY$bZr$brs%Usw$bwx%sx!O$b!O!P2i!P!Q$b!Q![8u![!g$b!g!h3w!h#O$b#P#R$b#R#S8u#S#U$b#U#V:Z#V#X$b#X#Y3w#Y#c$b#c#d=_#d#l$b#l#m?g#m;'S$b;'S;=`&b<%lO$bV9OcRPyQ|SOY$bZr$brs%Usw$bwx%sx!O$b!O!P2i!P!Q$b!Q![8u![!g$b!g!h3w!h#O$b#P#R$b#R#S8u#S#X$b#X#Y3w#Y;'S$b;'S;=`&b<%lO$bV:b^yQ|SOY$bZr$brs%Usw$bwx%sx!Q$b!Q!R;^!R!S;^!S#O$b#P#R$b#R#S;^#S;'S$b;'S;=`&b<%lO$bV;g`RPyQ|SOY$bZr$brs%Usw$bwx%sx!Q$b!Q!R;^!R!S;^!S#O$b#P#R$b#R#S;^#S#b$b#b#c<i#c;'S$b;'S;=`&b<%lO$bV<rXRPyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bV=f]yQ|SOY$bZr$brs%Usw$bwx%sx!Q$b!Q!Y>_!Y#O$b#P#R$b#R#S>_#S;'S$b;'S;=`&b<%lO$bV>h_RPyQ|SOY$bZr$brs%Usw$bwx%sx!Q$b!Q!Y>_!Y#O$b#P#R$b#R#S>_#S#b$b#b#c<i#c;'S$b;'S;=`&b<%lO$bV?nayQ|SOY$bZr$brs%Usw$bwx%sx!Q$b!Q![<i![!c$b!c!i<i!i#O$b#P#R$b#R#S<i#S#T$b#T#Z<i#Z;'S$b;'S;=`&b<%lO$bV@|ZcPyQ|SOY$bZr$brs%Usw$bwx%sx!_$b!_!`Ao!`#O$b#P;'S$b;'S;=`&b<%lO$bVAxXdPyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bVBnXePyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bVCdZaPyQ|SOY$bZr$brs%Usw$bwx%sx!_$b!_!`DV!`#O$b#P;'S$b;'S;=`&b<%lO$bVD`XbPyQ|SOY$bZr$brs%Usw$bwx%sx#O$b#P;'S$b;'S;=`&b<%lO$bVEUcWPyQ|SOY$bZr$brs%Usw$bwx%sx!O$b!O!PD{!P!Q$b!Q![D{![!c$b!c!}D{!}#O$b#P#R$b#R#SD{#S#T$b#T#oD{#o;'S$b;'S;=`&b<%lO$b~FdVO#iFy#i#jGO#j#lFy#l#mGk#m;'SFy;'S;=`Hp<%lOFy~GOOT~~GRS!Q![G_!c!iG_#T#ZG_#o#pHT~GbR!Q![Gk!c!iGk#T#ZGk~GnR!Q![Gw!c!iGw#T#ZGw~GzR!Q![Fy!c!iFy#T#ZFy~HWR!Q![Ha!c!iHa#T#ZHa~HdS!Q![Ha!c!iHa#T#ZHa#q#rFy~HsP;=`<%lFy",
   tokenizers: [reference, 0, 1, 2],
   topRules: { Expression: [0, 2] },
-  specialized: [{ term: 8, get: value => spec_Identifier[value] || -1 }],
+  specialized: [{ term: 8, get: (value) => spec_Identifier[value] || -1 }],
   tokenPrec: 0,
 });
diff --git a/frontend/src/metabase-lib/v1/expressions/tokenizer/tokenize.ts b/frontend/src/metabase-lib/v1/expressions/tokenizer/tokenize.ts
index 465abc8daed..456c5e6c3c5 100644
--- a/frontend/src/metabase-lib/v1/expressions/tokenizer/tokenize.ts
+++ b/frontend/src/metabase-lib/v1/expressions/tokenizer/tokenize.ts
@@ -95,7 +95,7 @@ export function tokenize(expression: string) {
             // remove quotes
             .slice(node.from + 1, node.to - 1)
             // expand escape sequences
-            .replace(/\\./g, match => {
+            .replace(/\\./g, (match) => {
               const ch = match[1];
               return escapes[ch as keyof typeof escapes] ?? ch;
             }),
diff --git a/frontend/src/metabase-lib/v1/expressions/tokenizer/tokenize.unit.spec.ts b/frontend/src/metabase-lib/v1/expressions/tokenizer/tokenize.unit.spec.ts
index 0a4bbd1cabf..e26332c11a3 100644
--- a/frontend/src/metabase-lib/v1/expressions/tokenizer/tokenize.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/expressions/tokenizer/tokenize.unit.spec.ts
@@ -809,7 +809,7 @@ describe("tokenizer", () => {
   });
 
   describe("garbage", () => {
-    const types = (expr: string) => tokenize(expr).tokens.map(t => t.type);
+    const types = (expr: string) => tokenize(expr).tokens.map((t) => t.type);
     const errors = (expr: string) => tokenize(expr).errors;
 
     it("should ignore garbage", () => {
diff --git a/frontend/src/metabase-lib/v1/expressions/tokenizer/tokens.ts b/frontend/src/metabase-lib/v1/expressions/tokenizer/tokens.ts
index a010522f5f8..6695655ab54 100644
--- a/frontend/src/metabase-lib/v1/expressions/tokenizer/tokens.ts
+++ b/frontend/src/metabase-lib/v1/expressions/tokenizer/tokens.ts
@@ -33,7 +33,7 @@ function isOperator(char: number) {
  *
  * This is hard to express in the grammar, so we use this tokenizer to match them.
  */
-export const reference = new ExternalTokenizer(input => {
+export const reference = new ExternalTokenizer((input) => {
   const current = input.next;
 
   if (current !== OPEN_BRACKET) {
diff --git a/frontend/src/metabase-lib/v1/expressions/typeinferencer.unit.spec.ts b/frontend/src/metabase-lib/v1/expressions/typeinferencer.unit.spec.ts
index da6bfdebf35..fb57ca47c4f 100644
--- a/frontend/src/metabase-lib/v1/expressions/typeinferencer.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/expressions/typeinferencer.unit.spec.ts
@@ -165,7 +165,7 @@ describe("metabase-lib/v1/expressions/typeinferencer", () => {
       "minute",
       "second",
     ];
-    ops.forEach(op => {
+    ops.forEach((op) => {
       expect(type(`${op}([Created At])`)).toEqual("number");
     });
   });
diff --git a/frontend/src/metabase-lib/v1/metadata/Database.ts b/frontend/src/metabase-lib/v1/metadata/Database.ts
index 8faca6ffbf6..c6c1dfd030a 100644
--- a/frontend/src/metabase-lib/v1/metadata/Database.ts
+++ b/frontend/src/metabase-lib/v1/metadata/Database.ts
@@ -41,7 +41,7 @@ class Database {
 
   schemaNames() {
     return this.getSchemas()
-      .map(s => s.name)
+      .map((s) => s.name)
       .sort((a, b) => a.localeCompare(b));
   }
 
@@ -58,7 +58,9 @@ class Database {
   }
 
   tablesLookup() {
-    return Object.fromEntries(this.getTables().map(table => [table.id, table]));
+    return Object.fromEntries(
+      this.getTables().map((table) => [table.id, table]),
+    );
   }
 
   // @deprecated: use tablesLookup
@@ -137,7 +139,7 @@ class Database {
   }
 
   savedQuestionsDatabase() {
-    return this.metadata?.databasesList().find(db => db.is_saved_questions);
+    return this.metadata?.databasesList().find((db) => db.is_saved_questions);
   }
 }
 
diff --git a/frontend/src/metabase-lib/v1/metadata/Database.unit.spec.ts b/frontend/src/metabase-lib/v1/metadata/Database.unit.spec.ts
index 76270c5c5d7..c9502a1790c 100644
--- a/frontend/src/metabase-lib/v1/metadata/Database.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/metadata/Database.unit.spec.ts
@@ -139,7 +139,7 @@ describe("Database", () => {
 
     it.each(["left-join", "right-join", "inner-join", "full-join"] as const)(
       "should return true for 'join' for %s",
-      feature => {
+      (feature) => {
         const database = setup({
           database: createMockDatabase({
             features: [feature],
diff --git a/frontend/src/metabase-lib/v1/metadata/Metadata.ts b/frontend/src/metabase-lib/v1/metadata/Metadata.ts
index 1968e941793..e8ca9732917 100644
--- a/frontend/src/metabase-lib/v1/metadata/Metadata.ts
+++ b/frontend/src/metabase-lib/v1/metadata/Metadata.ts
@@ -57,8 +57,8 @@ class Metadata {
   databasesList({ savedQuestions = true } = {}): Database[] {
     return _.chain(this.databases)
       .values()
-      .filter(db => savedQuestions || !db.is_saved_questions)
-      .sortBy(db => db.name)
+      .filter((db) => savedQuestions || !db.is_saved_questions)
+      .sortBy((db) => db.name)
       .value();
   }
 
diff --git a/frontend/src/metabase-lib/v1/metadata/Table.ts b/frontend/src/metabase-lib/v1/metadata/Table.ts
index d4e9f2f9484..fbbfa5528cf 100644
--- a/frontend/src/metabase-lib/v1/metadata/Table.ts
+++ b/frontend/src/metabase-lib/v1/metadata/Table.ts
@@ -87,12 +87,14 @@ class Table {
   }
 
   dateFields() {
-    return this.getFields().filter(field => field.isDate());
+    return this.getFields().filter((field) => field.isDate());
   }
 
   // FIELDS
   fieldsLookup() {
-    return Object.fromEntries(this.getFields().map(field => [field.id, field]));
+    return Object.fromEntries(
+      this.getFields().map((field) => [field.id, field]),
+    );
   }
 
   // @deprecated: use fieldsLookup
@@ -107,8 +109,8 @@ class Table {
   connectedTables(): Table[] {
     const fks = this.fks || [];
     return fks
-      .map(fk => fk.origin?.table)
-      .filter(table => table != null) as Table[];
+      .map((fk) => fk.origin?.table)
+      .filter((table) => table != null) as Table[];
   }
 
   foreignTables(): Table[] {
@@ -117,8 +119,8 @@ class Table {
       return [];
     }
     return fields
-      .filter(field => field.isFK() && field.fk_target_field_id)
-      .map(field => this.metadata?.field(field.fk_target_field_id)?.table)
+      .filter((field) => field.isFK() && field.fk_target_field_id)
+      .map((field) => this.metadata?.field(field.fk_target_field_id)?.table)
       .filter(Boolean) as Table[];
   }
 
diff --git a/frontend/src/metabase-lib/v1/metadata/utils/models.ts b/frontend/src/metabase-lib/v1/metadata/utils/models.ts
index 1a39614a7fb..92db31f3814 100644
--- a/frontend/src/metabase-lib/v1/metadata/utils/models.ts
+++ b/frontend/src/metabase-lib/v1/metadata/utils/models.ts
@@ -135,7 +135,7 @@ export function checkCanRefreshModelCache(
 
 export function getModelCacheSchemaName(databaseId: number, siteUUID: string) {
   const uuidParts = siteUUID.split("-");
-  const firstLetters = uuidParts.map(part => part.charAt(0)).join("");
+  const firstLetters = uuidParts.map((part) => part.charAt(0)).join("");
   return `metabase_cache_${firstLetters}_${databaseId}`;
 }
 
@@ -154,6 +154,6 @@ export function getSortedModelFields(
   }
 
   return findColumnIndexesForColumnSettings(columns, columnSettings)
-    .filter(columnIndex => columnIndex >= 0)
-    .map(columnIndex => columns[columnIndex]);
+    .filter((columnIndex) => columnIndex >= 0)
+    .map((columnIndex) => columns[columnIndex]);
 }
diff --git a/frontend/src/metabase-lib/v1/metadata/utils/models.unit.spec.js b/frontend/src/metabase-lib/v1/metadata/utils/models.unit.spec.js
index 6ad6740f2c2..abe280f5924 100644
--- a/frontend/src/metabase-lib/v1/metadata/utils/models.unit.spec.js
+++ b/frontend/src/metabase-lib/v1/metadata/utils/models.unit.spec.js
@@ -160,7 +160,7 @@ describe("data model utils", () => {
         expect(checkCanBeModel(question)).toBe(true);
       });
 
-      UNSUPPORTED_TEMPLATE_TAG_TYPES.forEach(tagType => {
+      UNSUPPORTED_TEMPLATE_TAG_TYPES.forEach((tagType) => {
         it(`returns false when '${tagType}' variables are used`, () => {
           const card = createSavedNativeCard({
             tags: {
@@ -284,7 +284,7 @@ describe("data model utils", () => {
     };
     const states = Object.keys(testCases);
 
-    states.forEach(state => {
+    states.forEach((state) => {
       const canRefresh = testCases[state];
 
       it(`returns '${canRefresh}' for '${state}' caching state`, () => {
diff --git a/frontend/src/metabase-lib/v1/metadata/utils/saved-questions.unit.spec.js b/frontend/src/metabase-lib/v1/metadata/utils/saved-questions.unit.spec.js
index bee5d159fd8..090a84ec842 100644
--- a/frontend/src/metabase-lib/v1/metadata/utils/saved-questions.unit.spec.js
+++ b/frontend/src/metabase-lib/v1/metadata/utils/saved-questions.unit.spec.js
@@ -110,7 +110,7 @@ describe("saved question helpers", () => {
     [
       { tableId: "card__1", cardId: 1 },
       { tableId: "card__234", cardId: 234 },
-    ].forEach(testCase => {
+    ].forEach((testCase) => {
       const { tableId, cardId } = testCase;
 
       it(`should extract ID from virtual ID (${tableId})`, () => {
@@ -124,7 +124,7 @@ describe("saved question helpers", () => {
       { id: 123 },
       { id: true },
       { id: { foo: "bar" } },
-    ].forEach(testCase => {
+    ].forEach((testCase) => {
       const { id } = testCase;
 
       it(`should handle non string input (${id})`, () => {
@@ -132,7 +132,7 @@ describe("saved question helpers", () => {
       });
     });
 
-    ["card__", "card__test"].forEach(id => {
+    ["card__", "card__test"].forEach((id) => {
       it(`should handle invalid ID ${id}`, () => {
         expect(getQuestionIdFromVirtualTableId(id)).toBe(null);
       });
diff --git a/frontend/src/metabase-lib/v1/metadata/utils/schema.unit.spec.js b/frontend/src/metabase-lib/v1/metadata/utils/schema.unit.spec.js
index 6bf9a10cce6..e0447c36544 100644
--- a/frontend/src/metabase-lib/v1/metadata/utils/schema.unit.spec.js
+++ b/frontend/src/metabase-lib/v1/metadata/utils/schema.unit.spec.js
@@ -12,7 +12,7 @@ const SCHEMA_TEST_CASES = [
 ];
 
 describe("generateSchemaId", () => {
-  SCHEMA_TEST_CASES.forEach(testCase => {
+  SCHEMA_TEST_CASES.forEach((testCase) => {
     const { dbId, schemaName, schema } = testCase;
 
     it(`returns "${schema}" for "${dbId}" DB and ${schemaName} schema`, () => {
@@ -31,7 +31,7 @@ describe("generateSchemaId", () => {
 });
 
 describe("parseSchemaId", () => {
-  SCHEMA_TEST_CASES.forEach(testCase => {
+  SCHEMA_TEST_CASES.forEach((testCase) => {
     const { schema, dbId, schemaName } = testCase;
 
     const expectedDatabaseId = dbId;
@@ -79,7 +79,7 @@ describe("parseSchemaId", () => {
 });
 
 describe("getSchemaName", () => {
-  SCHEMA_TEST_CASES.forEach(testCase => {
+  SCHEMA_TEST_CASES.forEach((testCase) => {
     const { schema, schemaName } = testCase;
     const expectedSchemaName = schemaName ? String(schemaName) : "";
 
diff --git a/frontend/src/metabase-lib/v1/operators/constants.js b/frontend/src/metabase-lib/v1/operators/constants.js
index 38361691e67..d2f5d380345 100644
--- a/frontend/src/metabase-lib/v1/operators/constants.js
+++ b/frontend/src/metabase-lib/v1/operators/constants.js
@@ -81,8 +81,8 @@ function equivalentArgument(field, table) {
 
 function longitudeFieldSelectArgument(field, table) {
   const values = table.fields
-    .filter(field => isLongitude(field))
-    .map(field => ({
+    .filter((field) => isLongitude(field))
+    .map((field) => ({
       key: field.id,
       name: field.display_name,
     }));
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/cards.ts b/frontend/src/metabase-lib/v1/parameters/utils/cards.ts
index 4ed95f4005a..058f1732002 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/cards.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/cards.ts
@@ -30,7 +30,7 @@ export function getCardUiParameters(
   });
   const question = new Question(card, metadata);
 
-  return valuePopulatedParameters.map(parameter => {
+  return valuePopulatedParameters.map((parameter) => {
     const target: ParameterTarget | undefined = (
       parameter as ParameterWithTarget
     ).target;
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/click-behavior.ts b/frontend/src/metabase-lib/v1/parameters/utils/click-behavior.ts
index 9319c958680..569c45101f6 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/click-behavior.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/click-behavior.ts
@@ -75,13 +75,13 @@ export function getDataFromClicked({
 }): ValueAndColumnForColumnNameDate {
   const column = [
     ...dimensions,
-    ...data.map(d => ({
+    ...data.map((d) => ({
       column: d.col,
       // When the data is changed to a display value for use in tooltips, we can set clickBehaviorValue to the raw value for filtering.
       value: d.clickBehaviorValue || d.value,
     })),
   ]
-    .filter(d => d.column != null)
+    .filter((d) => d.column != null)
     .reduce<ValueAndColumnForColumnNameDate["column"]>(
       (acc, { column, value }) => {
         if (!column) {
@@ -110,7 +110,7 @@ export function getDataFromClicked({
     ]),
   );
 
-  const parameterBySlug = _.mapObject(parameterValuesBySlug, value => ({
+  const parameterBySlug = _.mapObject(parameterValuesBySlug, (value) => ({
     value,
   }));
 
@@ -171,7 +171,7 @@ function getTargetsForStructuredQuestion(question: Question): Target[] {
             targetColumn,
           );
         },
-        parameter: parameter =>
+        parameter: (parameter) =>
           columnFilterForParameter(query, stageIndex, parameter)(targetColumn),
         userAttribute: () =>
           Lib.isString(targetColumn) ||
@@ -197,7 +197,7 @@ function getTargetsForDimensionOptions(
   return legacyNativeQuery
     .dimensionOptions()
     .all()
-    .map(templateTagDimension => {
+    .map((templateTagDimension) => {
       const { name, id } = (
         templateTagDimension as unknown as TemplateTagDimension
       ).tag();
@@ -208,7 +208,7 @@ function getTargetsForDimensionOptions(
 
       const parentType =
         [TYPE.Temporal, TYPE.Number, TYPE.Text].find(
-          t => typeof base_type === "string" && isa(base_type, t),
+          (t) => typeof base_type === "string" && isa(base_type, t),
         ) || base_type;
 
       return {
@@ -222,7 +222,7 @@ function getTargetsForDimensionOptions(
                 parentType &&
                 isa(column.base_type, parentType),
             ),
-          parameter: parameter =>
+          parameter: (parameter) =>
             dimensionFilterForParameter(parameter)(templateTagDimension),
           userAttribute: () => parentType === TYPE.Text,
         },
@@ -231,7 +231,7 @@ function getTargetsForDimensionOptions(
 }
 
 function getTargetsForVariables(legacyNativeQuery: NativeQuery): Target[] {
-  return legacyNativeQuery.variables().map(templateTagVariable => {
+  return legacyNativeQuery.variables().map((templateTagVariable) => {
     const { name, id, type } = checkNotNull(templateTagVariable.tag());
     const target: ClickBehaviorTarget = { type: "variable", id: name };
     const parentType = type
@@ -254,7 +254,7 @@ function getTargetsForVariables(legacyNativeQuery: NativeQuery): Target[] {
           Boolean(
             column.base_type && parentType && isa(column.base_type, parentType),
           ),
-        parameter: parameter =>
+        parameter: (parameter) =>
           variableFilterForParameter(parameter)(templateTagVariable),
         userAttribute: () => parentType === TYPE.Text,
       },
@@ -270,7 +270,7 @@ export function getTargetsForDashboard(
     return [];
   }
 
-  return dashboard.parameters.map(parameter => {
+  return dashboard.parameters.map((parameter) => {
     const { type, id, name } = parameter;
     const filter = baseTypeFilterForParameterType(type);
     return {
@@ -280,7 +280,7 @@ export function getTargetsForDashboard(
       sourceFilters: {
         column: (c: DatasetColumn) =>
           notRelativeDateOrRange(parameter) && filter(c.base_type),
-        parameter: sourceParam => {
+        parameter: (sourceParam) => {
           // parameter IDs are generated client-side, so they might not be unique
           // if dashboard is a clone, it will have identical parameter IDs to the original
           const isSameParameter =
@@ -311,7 +311,7 @@ function baseTypeFilterForParameterType(parameterType: string) {
     if (typeof baseType === "undefined") {
       return false;
     }
-    return allowedTypes.some(allowedType => isa(baseType, allowedType));
+    return allowedTypes.some((allowedType) => isa(baseType, allowedType));
   };
 }
 
@@ -356,7 +356,9 @@ export function canSaveClickBehavior(
     clickBehavior.linkType === "dashboard"
   ) {
     const tabs = targetDashboard?.tabs || [];
-    const dashboardTabExists = tabs.some(tab => tab.id === clickBehavior.tabId);
+    const dashboardTabExists = tabs.some(
+      (tab) => tab.id === clickBehavior.tabId,
+    );
 
     if (tabs.length > 1 && !dashboardTabExists) {
       // If the target dashboard tab has been deleted, and there are other tabs
@@ -479,7 +481,7 @@ function getParameter(
 ): Parameter | undefined {
   if (clickBehavior.type === "crossfilter") {
     const parameters = extraData.parameters ?? [];
-    return parameters.find(parameter => parameter.id === target.id);
+    return parameters.find((parameter) => parameter.id === target.id);
   }
 
   if (
@@ -493,7 +495,7 @@ function getParameter(
       extraData.dashboard?.id === dashboardId
         ? (extraData.parameters ?? [])
         : (extraData.dashboards?.[dashboardId]?.parameters ?? []);
-    return parameters.find(parameter => parameter.id === target.id);
+    return parameters.find((parameter) => parameter.id === target.id);
   }
 
   return undefined;
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/click-behavior.unit.spec.ts b/frontend/src/metabase-lib/v1/parameters/utils/click-behavior.unit.spec.ts
index 5ffc3a10e36..c5e52cc6c92 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/click-behavior.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/click-behavior.unit.spec.ts
@@ -220,7 +220,7 @@ describe("metabase/lib/click-behavior", () => {
           "type/Enum",
           "type/Text",
           "type/TextLike",
-        ].map(base_type => createMockColumn({ base_type })),
+        ].map((base_type) => createMockColumn({ base_type })),
         parameter: [
           "id",
           "category",
@@ -231,7 +231,7 @@ describe("metabase/lib/click-behavior", () => {
           "date/all-options",
           "date/month-year",
           "temporal-unit",
-        ].map(type => createMockParameter({ type })),
+        ].map((type) => createMockParameter({ type })),
         userAttribute: ["attr"],
       };
 
@@ -317,7 +317,7 @@ describe("metabase/lib/click-behavior", () => {
           );
 
           const filteredSources = {
-            column: sources.column.filter(column =>
+            column: sources.column.filter((column) =>
               sourceFilters.column(column, question),
             ),
             parameter: sources.parameter.filter(sourceFilters.parameter),
@@ -394,7 +394,7 @@ describe("metabase/lib/click-behavior", () => {
           const [{ sourceFilters }] = getTargetsForQuestion(question);
 
           const filteredSources = {
-            column: sources.column.filter(column =>
+            column: sources.column.filter((column) =>
               sourceFilters.column(column, question),
             ),
             parameter: sources.parameter.filter(sourceFilters.parameter),
@@ -483,7 +483,7 @@ describe("metabase/lib/click-behavior", () => {
           const [{ sourceFilters }] = getTargetsForQuestion(question);
 
           const filteredSources = {
-            column: sources.column.filter(column =>
+            column: sources.column.filter((column) =>
               sourceFilters.column(column, question),
             ),
             parameter: sources.parameter.filter(sourceFilters.parameter),
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/filters.ts b/frontend/src/metabase-lib/v1/parameters/utils/filters.ts
index 65fc27decc3..6eead966ed5 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/filters.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/filters.ts
@@ -16,17 +16,17 @@ export function fieldFilterForParameter(
   const type = getParameterType(parameter);
   switch (type) {
     case "date":
-      return field => field.isDate();
+      return (field) => field.isDate();
     case "id":
-      return field => field.isID();
+      return (field) => field.isID();
     case "category":
-      return field => field.isCategory();
+      return (field) => field.isCategory();
     case "location":
-      return field => field.isLocation();
+      return (field) => field.isLocation();
     case "number":
-      return field => field.isNumber() && !field.isCoordinate();
+      return (field) => field.isNumber() && !field.isCoordinate();
     case "string":
-      return field => field.isString() && !field.isLocation();
+      return (field) => field.isString() && !field.isLocation();
   }
 
   return () => false;
@@ -41,25 +41,25 @@ export function columnFilterForParameter(
 
   switch (type) {
     case "date":
-      return column => Lib.isTemporal(column);
+      return (column) => Lib.isTemporal(column);
     case "id":
-      return column => Lib.isPrimaryKey(column) || Lib.isForeignKey(column);
+      return (column) => Lib.isPrimaryKey(column) || Lib.isForeignKey(column);
     case "category":
-      return column => Lib.isCategory(column) || Lib.isBoolean(column);
+      return (column) => Lib.isCategory(column) || Lib.isBoolean(column);
     case "location":
-      return column => Lib.isLocation(column);
+      return (column) => Lib.isLocation(column);
     case "number":
-      return column =>
+      return (column) =>
         Lib.isNumeric(column) &&
         !Lib.isPrimaryKey(column) &&
         !Lib.isForeignKey(column) &&
         !Lib.isLocation(column);
     case "string":
-      return column =>
+      return (column) =>
         (Lib.isStringOrStringLike(column) || Lib.isCategory(column)) &&
         !Lib.isLocation(column);
     case "temporal-unit":
-      return column => Lib.isTemporalBucketable(query, stageIndex, column);
+      return (column) => Lib.isTemporalBucketable(query, stageIndex, column);
   }
 
   return () => false;
@@ -96,17 +96,17 @@ function tagFilterForParameter(
 
   switch (type) {
     case "date":
-      return tag => subtype === "single" && tag.type === "date";
+      return (tag) => subtype === "single" && tag.type === "date";
     case "location":
-      return tag => tag.type === "number" || tag.type === "text";
+      return (tag) => tag.type === "number" || tag.type === "text";
     case "id":
-      return tag => tag.type === "number" || tag.type === "text";
+      return (tag) => tag.type === "number" || tag.type === "text";
     case "category":
-      return tag => tag.type === "number" || tag.type === "text";
+      return (tag) => tag.type === "number" || tag.type === "text";
     case "number":
-      return tag => tag.type === "number";
+      return (tag) => tag.type === "number";
     case "string":
-      return tag => tag.type === "text";
+      return (tag) => tag.type === "text";
   }
   return () => false;
 }
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/operators.ts b/frontend/src/metabase-lib/v1/parameters/utils/operators.ts
index fdc793e4c58..8497a7946c5 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/operators.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/operators.ts
@@ -74,7 +74,7 @@ export function buildTypedOperatorOptions(
   sectionId: ParameterSectionId,
   sectionName: string,
 ): ParameterMappingOptions[] {
-  return PARAMETER_OPERATOR_TYPES[operatorType].map(operatorOption => {
+  return PARAMETER_OPERATOR_TYPES[operatorType].map((operatorOption) => {
     return {
       ...operatorOption,
       sectionId,
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/parameter-fields.ts b/frontend/src/metabase-lib/v1/parameters/utils/parameter-fields.ts
index a8bca4f45d5..07ce50d9e9a 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/parameter-fields.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/parameter-fields.ts
@@ -23,5 +23,5 @@ export const getFields = (parameter: UiParameter): Field[] => {
 };
 
 export const getNonVirtualFields = (parameter: UiParameter) => {
-  return getFields(parameter).filter(field => !field.isVirtual());
+  return getFields(parameter).filter((field) => !field.isVirtual());
 };
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/parameter-parsing.ts b/frontend/src/metabase-lib/v1/parameters/utils/parameter-parsing.ts
index 0caab51fa66..f0c78765db8 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/parameter-parsing.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/parameter-parsing.ts
@@ -44,7 +44,7 @@ export function parseParameterValue(value: any, parameter: Parameter) {
   const type = getParameterType(parameter);
   if (type === "temporal-unit") {
     const availableUnits = Lib.availableTemporalUnits();
-    return availableUnits.some(unit => unit === value) ? value : null;
+    return availableUnits.some((unit) => unit === value) ? value : null;
   }
 
   const coercedValue =
@@ -68,14 +68,14 @@ function parseParameterValueForNumber(value: ParameterValueOrArray) {
   // https://github.com/metabase/metabase/issues/25374#issuecomment-1272520560
   if (typeof value === "string") {
     // something like "1,2,3",  "1, 2,  3", ",,,1,2, 3"
-    const splitValues = value.split(",").filter(item => item.trim() !== "");
+    const splitValues = value.split(",").filter((item) => item.trim() !== "");
     if (splitValues.length === 0) {
       return null;
     }
 
     if (splitValues.length > 1) {
-      const numbers = splitValues.map(number => parseFloat(number));
-      if (numbers.every(number => !isNaN(number))) {
+      const numbers = splitValues.map((number) => parseFloat(number));
+      if (numbers.every((number) => !isNaN(number))) {
         return numbers.join(",");
       }
 
@@ -91,15 +91,15 @@ function parseParameterValueForFields(
   fields: Field[],
 ): ParameterValueOrArray {
   // unix dates fields are numeric but query params shouldn't be parsed as numbers
-  if (fields.every(f => f.isNumeric() && !f.isDate())) {
+  if (fields.every((f) => f.isNumeric() && !f.isDate())) {
     return normalizeNumberParameterValue(value);
   }
 
-  if (fields.every(f => f.isBoolean())) {
+  if (fields.every((f) => f.isBoolean())) {
     return deserializeBooleanParameterValue(value);
   }
 
-  if (fields.every(f => f.isString() || f.isStringLike())) {
+  if (fields.every((f) => f.isString() || f.isStringLike())) {
     return deserializeStringParameterValue(value);
   }
 
@@ -129,7 +129,7 @@ export function getParameterValuesByIdFromQueryParams(
   lastUsedParametersValues?: Record<ParameterId, unknown>,
 ) {
   return Object.fromEntries(
-    parameters.map(parameter => [
+    parameters.map((parameter) => [
       parameter.id,
       getParameterValueFromQueryParams(
         parameter,
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/parameter-parsing.unit.spec.js b/frontend/src/metabase-lib/v1/parameters/utils/parameter-parsing.unit.spec.js
index aa84ea832c6..c9ea0cf725d 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/parameter-parsing.unit.spec.js
+++ b/frontend/src/metabase-lib/v1/parameters/utils/parameter-parsing.unit.spec.js
@@ -370,7 +370,7 @@ describe("parameters/utils/parameter-values", () => {
         type: "number/=",
       };
 
-      const runGetParameterValueFromQueryParams = value =>
+      const runGetParameterValueFromQueryParams = (value) =>
         getParameterValueFromQueryParams(numberParameter, {
           [numberParameter.slug]: value,
         });
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/parameter-source.ts b/frontend/src/metabase-lib/v1/parameters/utils/parameter-source.ts
index b0b1d5252c0..134c8157f8a 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/parameter-source.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/parameter-source.ts
@@ -94,8 +94,8 @@ export const canListParameterValues = (parameter: Parameter) => {
 export const canListFieldValues = (fields: Field[]) => {
   const hasFields = fields.length > 0;
   const hasFieldValues = fields
-    .filter(field => !field.isVirtual())
-    .every(field => field.has_field_values === "list");
+    .filter((field) => !field.isVirtual())
+    .every((field) => field.has_field_values === "list");
 
   return hasFields && hasFieldValues;
 };
@@ -124,11 +124,11 @@ export const canSearchFieldValues = (
   disablePKRemapping = false,
 ) => {
   const hasFields = fields.length > 0;
-  const canSearch = fields.every(field =>
+  const canSearch = fields.every((field) =>
     field.searchField(disablePKRemapping),
   );
   const hasFieldValues = fields.some(
-    field =>
+    (field) =>
       field.has_field_values === "search" ||
       (field.has_field_values === "list" && field.has_more_values === true),
   );
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/parameter-source.unit.spec.ts b/frontend/src/metabase-lib/v1/parameters/utils/parameter-source.unit.spec.ts
index 73ff91564d8..6dcba8b2c87 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/parameter-source.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/parameter-source.unit.spec.ts
@@ -32,7 +32,7 @@ const searchField2 = metadata.field(SEARCH_FIELD_2_ID) as Field;
 const noValuesField = metadata.field(NO_VALUES_FIELD_ID) as Field;
 
 describe("getQueryType", () => {
-  describe.each(["string", "location"])("parameter type %s", type => {
+  describe.each(["string", "location"])("parameter type %s", (type) => {
     it.each([
       ["=", "list"],
       ["!=", "list"],
@@ -51,7 +51,7 @@ describe("getQueryType", () => {
     );
   });
 
-  describe.each(["number"])("parameter type %s", type => {
+  describe.each(["number"])("parameter type %s", (type) => {
     it.each([
       ["=", "list"],
       ["!=", "list"],
@@ -202,7 +202,7 @@ describe("canSearchParameterValues", () => {
     "does-not-contain",
     "starts-with",
     "ends-with",
-  ])("should allow to search for %s string operator", operator => {
+  ])("should allow to search for %s string operator", (operator) => {
     const parameter = createMockUiParameter({
       type: `string/${operator}`,
       fields: [searchField],
@@ -214,7 +214,7 @@ describe("canSearchParameterValues", () => {
 
   it.each(["=", "!="])(
     "should allow to search for %s numeric operator",
-    operator => {
+    (operator) => {
       const parameter = createMockUiParameter({
         type: `number/${operator}`,
         fields: [searchField],
@@ -226,7 +226,7 @@ describe("canSearchParameterValues", () => {
 
   it.each([">", "<", ">=", "<=", "between"])(
     "should not allow to search for %s numeric operator",
-    operator => {
+    (operator) => {
       const parameter = createMockUiParameter({
         type: `number/${operator}`,
         fields: [searchField],
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/parameter-values.js b/frontend/src/metabase-lib/v1/parameters/utils/parameter-values.js
index 40bed4d8ceb..d5ab547146a 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/parameter-values.js
+++ b/frontend/src/metabase-lib/v1/parameters/utils/parameter-values.js
@@ -45,7 +45,7 @@ export function getValuePopulatedParameters({
     return [];
   }
 
-  return parameters.map(parameter => ({
+  return parameters.map((parameter) => ({
     ...parameter,
     value: getParameterValue({
       parameter,
@@ -59,7 +59,7 @@ export function getDefaultValuePopulatedParameters(
   parameters,
   parameterValues,
 ) {
-  return parameters.map(parameter => {
+  return parameters.map((parameter) => {
     const value = parameterValues?.[parameter.id];
     return {
       ...parameter,
@@ -98,7 +98,7 @@ export function normalizeParameter(parameter) {
 
 export function normalizeParameters(parameters) {
   return parameters
-    .filter(parameter => _.has(parameter, "value"))
+    .filter((parameter) => _.has(parameter, "value"))
     .map(({ id, type, value, target, options }) => ({
       id,
       type,
@@ -148,7 +148,7 @@ export function getParameterValuesBySlug(parameters, parameterValuesById) {
   parameterValuesById = parameterValuesById ?? {};
 
   return Object.fromEntries(
-    parameters.map(parameter => [
+    parameters.map((parameter) => [
       parameter.slug,
       parameter.value ?? parameterValuesById[parameter.id] ?? null,
     ]),
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/targets.ts b/frontend/src/metabase-lib/v1/parameters/utils/targets.ts
index decb1a96e07..32c245ec19c 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/targets.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/targets.ts
@@ -97,7 +97,7 @@ function getParameterTargetFieldFromFieldRef(
   if (typeof fieldIdOrName === "number") {
     // performance optimization:
     // we can match by id directly without finding this column via query
-    return fields.find(field => field.id === fieldIdOrName);
+    return fields.find((field) => field.id === fieldIdOrName);
   }
 
   const { query, columns } = getParameterColumns(question, parameter);
@@ -106,7 +106,7 @@ function getParameterTargetFieldFromFieldRef(
     // query and metadata are not available: 1) no data permissions 2) embedding
     // there is no way to find the correct field so pick the first one matching by name
     return fields.find(
-      field => typeof field.id === "number" && field.name === fieldIdOrName,
+      (field) => typeof field.id === "number" && field.name === fieldIdOrName,
     );
   }
 
@@ -114,7 +114,7 @@ function getParameterTargetFieldFromFieldRef(
 
   for (const stageIndex of stageIndexes) {
     const stageColumns = columns
-      .filter(column => column.stageIndex === stageIndex)
+      .filter((column) => column.stageIndex === stageIndex)
       .map(({ column }) => column);
 
     const [columnIndex] = Lib.findColumnIndexesFromLegacyRefs(
@@ -135,7 +135,7 @@ function getParameterTargetFieldFromFieldRef(
 
       // do not use `metadata.field(id)` because it only works for fields loaded
       // with the original table, not coming from model metadata
-      return fields.find(field => field.id === fieldValuesInfo.fieldId);
+      return fields.find((field) => field.id === fieldValuesInfo.fieldId);
     }
   }
 
@@ -206,12 +206,12 @@ export function getParameterColumns(question: Question, parameter?: Parameter) {
 }
 
 function getTemporalColumns(query: Lib.Query, stageIndex: number) {
-  const columns = Lib.breakouts(query, stageIndex).map(breakout => {
+  const columns = Lib.breakouts(query, stageIndex).map((breakout) => {
     return Lib.breakoutColumn(query, stageIndex, breakout);
   });
   const [group] = Lib.groupColumns(columns);
 
-  return columns.map(column => ({
+  return columns.map((column) => ({
     stageIndex,
     column,
     group,
@@ -219,14 +219,14 @@ function getTemporalColumns(query: Lib.Query, stageIndex: number) {
 }
 
 function getFilterableColumns(query: Lib.Query) {
-  return Lib.stageIndexes(query).flatMap(stageIndex => {
+  return Lib.stageIndexes(query).flatMap((stageIndex) => {
     const columns = Lib.filterableColumns(query, stageIndex);
     const groups = Lib.groupColumns(columns);
 
-    return groups.flatMap(group => {
+    return groups.flatMap((group) => {
       const columns = Lib.getColumnsFromColumnGroup(group);
 
-      return columns.map(column => ({
+      return columns.map((column) => ({
         stageIndex,
         column,
         group,
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/targets.unit.spec.ts b/frontend/src/metabase-lib/v1/parameters/utils/targets.unit.spec.ts
index 0b5d5828970..67dcc978c2b 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/targets.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/targets.unit.spec.ts
@@ -733,7 +733,7 @@ function withColumnsStage(
   stageIndex: number,
   columns: (string | undefined)[][],
 ) {
-  return columns.map(column => withColumnStage(stageIndex, column));
+  return columns.map((column) => withColumnStage(stageIndex, column));
 }
 
 function withColumnStage(stageIndex: number, column: (string | undefined)[]) {
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/template-tag-options.ts b/frontend/src/metabase-lib/v1/parameters/utils/template-tag-options.ts
index 5c86db32f90..fc074d41b3b 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/template-tag-options.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/template-tag-options.ts
@@ -22,7 +22,7 @@ export function getParameterOptions() {
   return [
     ID_OPTION,
     ...OPTIONS_WITH_OPERATOR_SUBTYPES.map(({ type, typeName }) =>
-      PARAMETER_OPERATOR_TYPES[type].map(option => ({
+      PARAMETER_OPERATOR_TYPES[type].map((option) => ({
         ...option,
         combinedName: getOperatorDisplayName(option, type, typeName),
       })),
@@ -33,10 +33,10 @@ export function getParameterOptions() {
 
 export function getParameterOptionsForField(field: Field) {
   return getParameterOptions()
-    .filter(option =>
+    .filter((option) =>
       fieldFilterForParameter(createMockParameter(option))(field),
     )
-    .map(option => {
+    .map((option) => {
       return {
         ...option,
         name: "combinedName" in option ? option.combinedName : option.name,
@@ -58,7 +58,7 @@ export function getDefaultParameterWidgetType(tag: TemplateTag, field: Field) {
   if (
     widgetType != null &&
     widgetType !== "none" &&
-    options.some(option => option.type === widgetType)
+    options.some((option) => option.type === widgetType)
   ) {
     return widgetType;
   }
@@ -67,7 +67,7 @@ export function getDefaultParameterWidgetType(tag: TemplateTag, field: Field) {
   if (
     distinctCount != null &&
     distinctCount > 20 &&
-    options.some(option => option.type === "string/contains")
+    options.some((option) => option.type === "string/contains")
   ) {
     return "string/contains";
   }
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/template-tag-options.unit.spec.js b/frontend/src/metabase-lib/v1/parameters/utils/template-tag-options.unit.spec.js
index 29ac700b755..d6df5bcb748 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/template-tag-options.unit.spec.js
+++ b/frontend/src/metabase-lib/v1/parameters/utils/template-tag-options.unit.spec.js
@@ -18,7 +18,7 @@ describe("parameters/utils/template-tag-options", () => {
       );
 
       expect(expectedOptionTypes.length).toEqual(options.size);
-      expect(expectedOptionTypes.every(option => options.has(option))).toBe(
+      expect(expectedOptionTypes.every((option) => options.has(option))).toBe(
         true,
       );
     });
@@ -61,7 +61,7 @@ describe("parameters/utils/template-tag-options", () => {
       const availableOptions = getParameterOptionsForField(dateField);
       expect(
         availableOptions.length > 0 &&
-          availableOptions.every(option => option.type.startsWith("date")),
+          availableOptions.every((option) => option.type.startsWith("date")),
       ).toBe(true);
     });
 
@@ -73,7 +73,7 @@ describe("parameters/utils/template-tag-options", () => {
       const availableOptions = getParameterOptionsForField(idField);
       expect(
         availableOptions.length > 0 &&
-          availableOptions.every(option => option.type.startsWith("id")),
+          availableOptions.every((option) => option.type.startsWith("id")),
       ).toBe(true);
     });
 
@@ -82,7 +82,7 @@ describe("parameters/utils/template-tag-options", () => {
       const availableOptions = getParameterOptionsForField(locationField);
       expect(
         availableOptions.length > 0 &&
-          availableOptions.every(option => option.type.startsWith("string")),
+          availableOptions.every((option) => option.type.startsWith("string")),
       ).toBe(true);
     });
   });
diff --git a/frontend/src/metabase-lib/v1/parameters/utils/template-tags.ts b/frontend/src/metabase-lib/v1/parameters/utils/template-tags.ts
index f87d6bd39cd..e415d6d4faa 100644
--- a/frontend/src/metabase-lib/v1/parameters/utils/template-tags.ts
+++ b/frontend/src/metabase-lib/v1/parameters/utils/template-tags.ts
@@ -64,14 +64,14 @@ export function getTemplateTagParameters(
 
   return tags
     .filter(
-      tag =>
+      (tag) =>
         tag.type != null &&
         tag.type !== "card" &&
         tag.type !== "snippet" &&
         ((tag["widget-type"] && tag["widget-type"] !== "none") ||
           tag.type !== "dimension"),
     )
-    .map(tag => getTemplateTagParameter(tag, parametersById[tag.id]));
+    .map((tag) => getTemplateTagParameter(tag, parametersById[tag.id]));
 }
 
 export function getTemplateTags(card: Card): TemplateTag[] {
@@ -116,7 +116,7 @@ export function remapParameterValuesToTemplateTags(
   } = {};
   const templateTagParametersByName = _.indexBy(templateTags, "name");
 
-  dashboardParameters.forEach(dashboardParameter => {
+  dashboardParameters.forEach((dashboardParameter) => {
     const { target } = dashboardParameter;
     const tag = getTemplateTagFromTarget(target);
 
diff --git a/frontend/src/metabase-lib/v1/queries/NativeQuery.ts b/frontend/src/metabase-lib/v1/queries/NativeQuery.ts
index 6d72c4b1e75..447a7b99984 100644
--- a/frontend/src/metabase-lib/v1/queries/NativeQuery.ts
+++ b/frontend/src/metabase-lib/v1/queries/NativeQuery.ts
@@ -66,9 +66,9 @@ export function updateCardTemplateTagNames(
   const tags = query
     .templateTags()
     // only tags for cards
-    .filter(tag => tag.type === "card")
+    .filter((tag) => tag.type === "card")
     // only tags for given cards
-    .filter(tag => cardById[tag["card-id"]]);
+    .filter((tag) => cardById[tag["card-id"]]);
   // reduce over each tag, updating query text with the new tag name
   return tags.reduce((query, tag) => {
     const card = cardById[tag["card-id"]];
@@ -243,10 +243,10 @@ export default class NativeQuery {
       updateIn(
         this._datasetQuery,
         ["native", "template-tags"],
-        templateTags => {
+        (templateTags) => {
           const entries = Array.from(Object.entries(templateTags));
 
-          const oldIndex = _.findIndex(entries, entry => entry[1].id === id);
+          const oldIndex = _.findIndex(entries, (entry) => entry[1].id === id);
 
           entries.splice(newIndex, 0, entries.splice(oldIndex, 1)[0]);
           return _.object(entries);
@@ -276,7 +276,7 @@ export default class NativeQuery {
   }
 
   variableTemplateTags(): TemplateTag[] {
-    return this.templateTags().filter(t =>
+    return this.templateTags().filter((t) =>
       ["dimension", "text", "number", "date"].includes(t.type),
     );
   }
@@ -286,18 +286,18 @@ export default class NativeQuery {
   }
 
   hasSnippets() {
-    return this.templateTags().some(t => t.type === "snippet");
+    return this.templateTags().some((t) => t.type === "snippet");
   }
 
   referencedQuestionIds(): number[] {
     return this.templateTags()
-      .filter(tag => tag.type === "card")
-      .map(tag => tag["card-id"]);
+      .filter((tag) => tag.type === "card")
+      .map((tag) => tag["card-id"]);
   }
 
   private _validateTemplateTags() {
     return this.templateTags()
-      .map(tag => {
+      .map((tag) => {
         if (!tag["display-name"]) {
           return new ValidationError(t`Missing widget label: ${tag.name}`);
         }
@@ -348,9 +348,9 @@ export default class NativeQuery {
     operatorFilter = _.identity,
   ): DimensionOptions {
     const dimensions = this.templateTags()
-      .filter(tag => tag.type === "dimension" && operatorFilter(tag))
-      .map(tag => new TemplateTagDimension(tag.name, this.metadata(), this))
-      .filter(dimension => dimensionFilter(dimension));
+      .filter((tag) => tag.type === "dimension" && operatorFilter(tag))
+      .map((tag) => new TemplateTagDimension(tag.name, this.metadata(), this))
+      .filter((dimension) => dimensionFilter(dimension));
     return new DimensionOptions({
       dimensions: dimensions,
       count: dimensions.length,
@@ -361,15 +361,15 @@ export default class NativeQuery {
     variableFilter: VariableFilter = () => true,
   ): TemplateTagVariable[] {
     return this.templateTags()
-      .filter(tag => tag.type !== "dimension")
-      .map(tag => new TemplateTagVariable([tag.name], this.metadata(), this))
+      .filter((tag) => tag.type !== "dimension")
+      .map((tag) => new TemplateTagVariable([tag.name], this.metadata(), this))
       .filter(variableFilter);
   }
 
   updateSnippetsWithIds(snippets): NativeQuery {
     const tagsBySnippetName = _.chain(this.templateTags())
-      .filter(tag => tag.type === "snippet" && tag["snippet-id"] == null)
-      .groupBy(tag => tag["snippet-name"])
+      .filter((tag) => tag.type === "snippet" && tag["snippet-id"] == null)
+      .groupBy((tag) => tag["snippet-name"])
       .value();
 
     if (Object.keys(tagsBySnippetName).length === 0) {
@@ -393,8 +393,8 @@ export default class NativeQuery {
 
   updateSnippetNames(snippets): NativeQuery {
     const tagsBySnippetId = _.chain(this.templateTags())
-      .filter(tag => tag.type === "snippet")
-      .groupBy(tag => tag["snippet-id"])
+      .filter((tag) => tag.type === "snippet")
+      .groupBy((tag) => tag["snippet-id"])
       .value();
 
     if (Object.keys(tagsBySnippetId).length === 0) {
diff --git a/frontend/src/metabase-lib/v1/queries/drills/dashboard-click-drill.js b/frontend/src/metabase-lib/v1/queries/drills/dashboard-click-drill.js
index 658feda8ff5..12df9227ba4 100644
--- a/frontend/src/metabase-lib/v1/queries/drills/dashboard-click-drill.js
+++ b/frontend/src/metabase-lib/v1/queries/drills/dashboard-click-drill.js
@@ -84,7 +84,7 @@ export function getDashboardDrillUrl(clicked) {
 
   const targetDashboard = extraData.dashboards[targetId];
   const targetDefaultParameters = Object.fromEntries(
-    targetDashboard.parameters.map(parameter => [
+    targetDashboard.parameters.map((parameter) => [
       parameter.slug,
       parameter.default ?? "",
     ]),
@@ -216,7 +216,7 @@ function getParameterValuesBySlug(
 function getTypeForSource(source, data, extraData) {
   if (source.type === "parameter") {
     const parameters = getIn(extraData, ["dashboard", "parameters"]) || [];
-    const { type = "text" } = parameters.find(p => p.id === source.id) || {};
+    const { type = "text" } = parameters.find((p) => p.id === source.id) || {};
     return type;
   }
 
diff --git a/frontend/src/metabase-lib/v1/queries/utils/card.js b/frontend/src/metabase-lib/v1/queries/utils/card.js
index 393ac3c72c3..dea7208dbe7 100644
--- a/frontend/src/metabase-lib/v1/queries/utils/card.js
+++ b/frontend/src/metabase-lib/v1/queries/utils/card.js
@@ -18,8 +18,8 @@ function cardVisualizationIsEquivalent(cardA, cardB) {
 }
 
 export function cardQueryIsEquivalent(cardA, cardB) {
-  cardA = updateIn(cardA, ["dataset_query", "parameters"], p => p || []);
-  cardB = updateIn(cardB, ["dataset_query", "parameters"], p => p || []);
+  cardA = updateIn(cardA, ["dataset_query", "parameters"], (p) => p || []);
+  cardB = updateIn(cardB, ["dataset_query", "parameters"], (p) => p || []);
   return Lib.areLegacyQueriesEqual(
     _.pick(cardA, "dataset_query"),
     _.pick(cardB, "dataset_query"),
diff --git a/frontend/src/metabase-lib/v1/queries/utils/dataset.ts b/frontend/src/metabase-lib/v1/queries/utils/dataset.ts
index 5a06108edbf..9160fa6fdfa 100644
--- a/frontend/src/metabase-lib/v1/queries/utils/dataset.ts
+++ b/frontend/src/metabase-lib/v1/queries/utils/dataset.ts
@@ -13,7 +13,7 @@ export function findColumnIndexesForColumnSettings(
     columns.map((column, index) => [column.name, index]),
   );
   return columnSettings.map(
-    columnSetting => columnIndexByKey.get(columnSetting.name) ?? -1,
+    (columnSetting) => columnIndexByKey.get(columnSetting.name) ?? -1,
   );
 }
 
@@ -24,5 +24,7 @@ export function findColumnSettingIndexesForColumns(
   const columnSettingIndexByKey = new Map(
     columnSettings.map((columnSetting, index) => [columnSetting.name, index]),
   );
-  return columns.map(column => columnSettingIndexByKey.get(column.name) ?? -1);
+  return columns.map(
+    (column) => columnSettingIndexByKey.get(column.name) ?? -1,
+  );
 }
diff --git a/frontend/src/metabase-lib/v1/queries/utils/field.js b/frontend/src/metabase-lib/v1/queries/utils/field.js
index e57f8930782..91d5fdce347 100644
--- a/frontend/src/metabase-lib/v1/queries/utils/field.js
+++ b/frontend/src/metabase-lib/v1/queries/utils/field.js
@@ -9,7 +9,7 @@ export function getFieldValues(field) {
       return values;
     } else {
       // console.warn("deprecated field values array!", values);
-      return values.map(value => [value]);
+      return values.map((value) => [value]);
     }
   } else if (values && Array.isArray(values.values)) {
     // console.warn("deprecated field values object!", values);
diff --git a/frontend/src/metabase-lib/v1/queries/utils/pivot.ts b/frontend/src/metabase-lib/v1/queries/utils/pivot.ts
index ffd388c0294..acbdf738c0c 100644
--- a/frontend/src/metabase-lib/v1/queries/utils/pivot.ts
+++ b/frontend/src/metabase-lib/v1/queries/utils/pivot.ts
@@ -23,9 +23,9 @@ export function isColumnNameColumnSplitSetting(
 ): setting is ColumnNameColumnSplitSetting {
   const { rows = [], columns = [], values = [] } = setting;
   return (
-    rows.every(value => typeof value === "string") &&
-    columns.every(value => typeof value === "string") &&
-    values.every(value => typeof value === "string")
+    rows.every((value) => typeof value === "string") &&
+    columns.every((value) => typeof value === "string") &&
+    values.every((value) => typeof value === "string")
   );
 }
 
@@ -33,7 +33,7 @@ export function isColumnNameCollapsedRowsSetting(
   setting: PivotTableCollapsedRowsSetting,
 ): setting is ColumnNameCollapsedRowsSetting {
   const { rows = [] } = setting;
-  return rows.every(value => typeof value === "string");
+  return rows.every((value) => typeof value === "string");
 }
 
 function getColumnNamePivotOptions(
@@ -43,14 +43,14 @@ function getColumnNamePivotOptions(
 ): PivotOptions {
   const returnedColumns = Lib.returnedColumns(query, stageIndex);
   const breakoutColumnNames = returnedColumns
-    .map(column => Lib.displayInfo(query, stageIndex, column))
-    .filter(columnInfo => columnInfo.isBreakout)
-    .map(columnInfo => columnInfo.name);
+    .map((column) => Lib.displayInfo(query, stageIndex, column))
+    .filter((columnInfo) => columnInfo.isBreakout)
+    .map((columnInfo) => columnInfo.name);
 
-  const { rows, columns } = _.mapObject(setting, columnNames => {
+  const { rows, columns } = _.mapObject(setting, (columnNames) => {
     return columnNames
-      .map(columnName => breakoutColumnNames.indexOf(columnName))
-      .filter(columnIndex => columnIndex >= 0);
+      .map((columnName) => breakoutColumnNames.indexOf(columnName))
+      .filter((columnIndex) => columnIndex >= 0);
   });
 
   return { pivot_rows: rows ?? [], pivot_cols: columns ?? [] };
@@ -63,10 +63,10 @@ function getFieldRefPivotOptions(
 ): PivotOptions {
   const returnedColumns = Lib.returnedColumns(query, stageIndex);
   const breakoutColumns = returnedColumns.filter(
-    column => Lib.displayInfo(query, stageIndex, column).isBreakout,
+    (column) => Lib.displayInfo(query, stageIndex, column).isBreakout,
   );
 
-  const { rows, columns } = _.mapObject(setting, fieldRefs => {
+  const { rows, columns } = _.mapObject(setting, (fieldRefs) => {
     if (breakoutColumns.length === 0) {
       return [];
     }
@@ -78,7 +78,7 @@ function getFieldRefPivotOptions(
       breakoutColumns,
       nonEmptyFieldRefs,
     );
-    return breakoutIndexes.filter(breakoutIndex => breakoutIndex >= 0);
+    return breakoutIndexes.filter((breakoutIndex) => breakoutIndex >= 0);
   });
 
   return { pivot_rows: rows ?? [], pivot_cols: columns ?? [] };
@@ -102,11 +102,11 @@ function migratePivotSetting(
   fieldRefs: (FieldReference | null)[] = [],
 ): string[] {
   const columnNameByFieldRef = Object.fromEntries(
-    columns.map(column => [JSON.stringify(column.field_ref), column.name]),
+    columns.map((column) => [JSON.stringify(column.field_ref), column.name]),
   );
 
   return fieldRefs
-    .map(fieldRef => columnNameByFieldRef[JSON.stringify(fieldRef)])
+    .map((fieldRef) => columnNameByFieldRef[JSON.stringify(fieldRef)])
     .filter(isNotNull);
 }
 
diff --git a/frontend/src/metabase-lib/v1/references.ts b/frontend/src/metabase-lib/v1/references.ts
index 2c392b7f487..8e6112a71ee 100644
--- a/frontend/src/metabase-lib/v1/references.ts
+++ b/frontend/src/metabase-lib/v1/references.ts
@@ -46,7 +46,7 @@ export const isValidDimensionReference = (
     isExpressionReference,
     isAggregationReference,
     isTemplateTagReference,
-  ].some(predicate => predicate(mbql));
+  ].some((predicate) => predicate(mbql));
 };
 
 export const normalizeReferenceOptions = (
@@ -57,11 +57,11 @@ export const normalizeReferenceOptions = (
   }
 
   // recursively normalize maps inside options.
-  options = _.mapObject(options, val =>
+  options = _.mapObject(options, (val) =>
     typeof val === "object" ? normalizeReferenceOptions(val) : val,
   );
   // remove null/undefined options from map.
-  options = _.omit(options, value => value == null);
+  options = _.omit(options, (value) => value == null);
   return _.isEmpty(options) ? null : options;
 };
 
diff --git a/frontend/src/metabase-lib/v1/references.unit.spec.ts b/frontend/src/metabase-lib/v1/references.unit.spec.ts
index c43cfb0b50f..f09b29b038b 100644
--- a/frontend/src/metabase-lib/v1/references.unit.spec.ts
+++ b/frontend/src/metabase-lib/v1/references.unit.spec.ts
@@ -15,7 +15,9 @@ describe("reference predicates", () => {
         ["field", "column_name", {}],
       ];
 
-      validReferences.forEach(ref => expect(isFieldReference(ref)).toBe(true));
+      validReferences.forEach((ref) =>
+        expect(isFieldReference(ref)).toBe(true),
+      );
     });
 
     it("returns false for invalid field references", () => {
@@ -27,7 +29,7 @@ describe("reference predicates", () => {
         ["field", "column_name", null, { "source-field": true }],
       ];
 
-      invalidReferences.forEach(ref =>
+      invalidReferences.forEach((ref) =>
         expect(isFieldReference(ref)).toBe(false),
       );
     });
@@ -41,7 +43,7 @@ describe("reference predicates", () => {
         ["aggregation", "column_name", { "base-type": "number" }],
       ];
 
-      validReferences.forEach(ref =>
+      validReferences.forEach((ref) =>
         expect(isAggregationReference(ref)).toBe(true),
       );
     });
@@ -49,7 +51,7 @@ describe("reference predicates", () => {
     it("returns false for invalid aggregation references", () => {
       const invalidReferences = [null, 123, "aggregation", ["field", 123]];
 
-      invalidReferences.forEach(ref =>
+      invalidReferences.forEach((ref) =>
         expect(isAggregationReference(ref)).toBe(false),
       );
     });
@@ -63,7 +65,7 @@ describe("reference predicates", () => {
         ["expression", "column_name", { "base-type": "number" }],
       ];
 
-      validReferences.forEach(ref =>
+      validReferences.forEach((ref) =>
         expect(isExpressionReference(ref)).toBe(true),
       );
     });
@@ -77,7 +79,7 @@ describe("reference predicates", () => {
         ["field", 123],
       ];
 
-      invalidReferences.forEach(ref =>
+      invalidReferences.forEach((ref) =>
         expect(isExpressionReference(ref)).toBe(false),
       );
     });
@@ -87,7 +89,7 @@ describe("reference predicates", () => {
     it("returns true for valid template tag references", () => {
       const validReferences = [["template-tag", "tag name"]];
 
-      validReferences.forEach(ref =>
+      validReferences.forEach((ref) =>
         expect(isTemplateTagReference(ref)).toBe(true),
       );
     });
@@ -95,7 +97,7 @@ describe("reference predicates", () => {
     it("returns false for invalid template tag references", () => {
       const invalidReferences = [null, "tag", ["templateTag", 123]];
 
-      invalidReferences.forEach(ref =>
+      invalidReferences.forEach((ref) =>
         expect(isTemplateTagReference(ref)).toBe(false),
       );
     });
diff --git a/frontend/src/metabase-lib/v1/types/utils/isa.js b/frontend/src/metabase-lib/v1/types/utils/isa.js
index 4cf9b514d6c..008a315fa88 100644
--- a/frontend/src/metabase-lib/v1/types/utils/isa.js
+++ b/frontend/src/metabase-lib/v1/types/utils/isa.js
@@ -110,23 +110,23 @@ export const isSummable = isFieldType.bind(null, SUMMABLE);
 export const isCategory = isFieldType.bind(null, CATEGORY);
 export const isLocation = isFieldType.bind(null, LOCATION);
 
-const hasNonMetricName = col => {
+const hasNonMetricName = (col) => {
   const name = col.name.toLowerCase();
   return name === "id" || name.endsWith("_id") || name.endsWith("-id");
 };
 
-export const isDimension = col => col && col.source !== "aggregation";
-export const isMetric = col =>
+export const isDimension = (col) => col && col.source !== "aggregation";
+export const isMetric = (col) =>
   col && col.source !== "breakout" && isSummable(col) && !hasNonMetricName(col);
 
-export const isFK = field => field && isTypeFK(field.semantic_type);
-export const isPK = field => field && isTypePK(field.semantic_type);
-export const isEntityName = field =>
+export const isFK = (field) => field && isTypeFK(field.semantic_type);
+export const isPK = (field) => field && isTypePK(field.semantic_type);
+export const isEntityName = (field) =>
   field && isa(field.semantic_type, TYPE.Name);
 
-export const isAny = col => true;
+export const isAny = (col) => true;
 
-export const isNumericBaseType = field => {
+export const isNumericBaseType = (field) => {
   if (!field) {
     return false;
   }
@@ -137,7 +137,7 @@ export const isNumericBaseType = field => {
   }
 };
 
-export const isDateWithoutTime = field => {
+export const isDateWithoutTime = (field) => {
   if (!field) {
     return false;
   }
@@ -149,14 +149,14 @@ export const isDateWithoutTime = field => {
 };
 
 // ZipCode, ID, etc derive from Number but should not be formatted as numbers
-export const isNumber = field =>
+export const isNumber = (field) =>
   field &&
   isNumericBaseType(field) &&
   (field.semantic_type == null ||
     isa(field.semantic_type, TYPE.Number) ||
     isa(field.semantic_type, TYPE.Category));
 
-export const isTime = field => {
+export const isTime = (field) => {
   if (!field) {
     return false;
   }
@@ -167,29 +167,29 @@ export const isTime = field => {
   }
 };
 
-export const isState = field => field && isa(field.semantic_type, TYPE.State);
-export const isCountry = field =>
+export const isState = (field) => field && isa(field.semantic_type, TYPE.State);
+export const isCountry = (field) =>
   field && isa(field.semantic_type, TYPE.Country);
-export const isCoordinate = field =>
+export const isCoordinate = (field) =>
   field && isa(field.semantic_type, TYPE.Coordinate);
-export const isLatitude = field =>
+export const isLatitude = (field) =>
   field && isa(field.semantic_type, TYPE.Latitude);
-export const isLongitude = field =>
+export const isLongitude = (field) =>
   field && isa(field.semantic_type, TYPE.Longitude);
 
-export const isCurrency = field =>
+export const isCurrency = (field) =>
   field && isa(field.semantic_type, TYPE.Currency);
 
-export const isPercentage = field =>
+export const isPercentage = (field) =>
   field && isa(field.semantic_type, TYPE.Percentage);
 
-export const isID = field => isFK(field) || isPK(field);
+export const isID = (field) => isFK(field) || isPK(field);
 
-export const isURL = field => field && isa(field.semantic_type, TYPE.URL);
-export const isEmail = field => field && isa(field.semantic_type, TYPE.Email);
-export const isAvatarURL = field =>
+export const isURL = (field) => field && isa(field.semantic_type, TYPE.URL);
+export const isEmail = (field) => field && isa(field.semantic_type, TYPE.Email);
+export const isAvatarURL = (field) =>
   field && isa(field.semantic_type, TYPE.AvatarURL);
-export const isImageURL = field =>
+export const isImageURL = (field) =>
   field && isa(field.semantic_type, TYPE.ImageURL);
 
 export function hasLatitudeAndLongitudeColumns(cols) {
@@ -206,7 +206,7 @@ export function hasLatitudeAndLongitudeColumns(cols) {
   return hasLatitude && hasLongitude;
 }
 
-export const getIsPKFromTablePredicate = tableId => column => {
+export const getIsPKFromTablePredicate = (tableId) => (column) => {
   const isPrimaryKey = isPK(column);
 
   // FIXME: columns of nested questions at this moment miss table_id value
diff --git a/frontend/src/metabase-lib/v1/types/utils/isa.unit.spec.js b/frontend/src/metabase-lib/v1/types/utils/isa.unit.spec.js
index a494c7cba39..58b47e5f41b 100644
--- a/frontend/src/metabase-lib/v1/types/utils/isa.unit.spec.js
+++ b/frontend/src/metabase-lib/v1/types/utils/isa.unit.spec.js
@@ -40,7 +40,7 @@ describe("isa", () => {
       createMockColumn({ base_type: TYPE.Integer }),
       createMockColumn({ base_type: TYPE.BigInteger }),
       createMockColumn({ base_type: TYPE.BigInteger, name: "solid" }),
-    ])("should should return true for numeric columns", column => {
+    ])("should should return true for numeric columns", (column) => {
       expect(isMetric(column)).toBe(true);
     });
 
@@ -52,7 +52,7 @@ describe("isa", () => {
       createMockColumn({ base_type: TYPE.BigInteger, name: "orders-id" }),
     ])(
       "should should return false for breakout, ID, non-summable columns",
-      column => {
+      (column) => {
         expect(isMetric(column)).toBe(false);
       },
     );
diff --git a/frontend/src/metabase-lib/v1/utils/memoize-class.ts b/frontend/src/metabase-lib/v1/utils/memoize-class.ts
index 8f62da1dff6..3c4b41e32d7 100644
--- a/frontend/src/metabase-lib/v1/utils/memoize-class.ts
+++ b/frontend/src/metabase-lib/v1/utils/memoize-class.ts
@@ -34,7 +34,7 @@ export function memoizeClass<T>(
   return (Class: Constructor<T>): Constructor<T> => {
     const descriptors = Object.getOwnPropertyDescriptors(Class.prototype);
 
-    keys.forEach(key => {
+    keys.forEach((key) => {
       // Is targeted method present in Class?
       if (!(key in descriptors)) {
         throw new TypeError(`${key} is not a member of class`);
diff --git a/frontend/src/metabase-lib/viz/display.ts b/frontend/src/metabase-lib/viz/display.ts
index 6e49f141ba4..27bf37ec92f 100644
--- a/frontend/src/metabase-lib/viz/display.ts
+++ b/frontend/src/metabase-lib/viz/display.ts
@@ -134,7 +134,7 @@ const getBreakoutsWithColumns = (
   stageIndex: number,
   breakouts: Lib.BreakoutClause[],
 ) => {
-  return breakouts.map(breakout => {
+  return breakouts.map((breakout) => {
     const column = Lib.breakoutColumn(query, stageIndex, breakout);
     return { breakout, column };
   });
diff --git a/frontend/src/metabase-types/api/mocks/search.ts b/frontend/src/metabase-types/api/mocks/search.ts
index d0a3d590538..503a61f5394 100644
--- a/frontend/src/metabase-types/api/mocks/search.ts
+++ b/frontend/src/metabase-types/api/mocks/search.ts
@@ -54,7 +54,7 @@ export const createMockSearchResults = ({
   items?: SearchResult[];
   options?: Partial<SearchResponse>;
 } = {}): SearchResponse => {
-  const uniqueModels = _.uniq(items.map(item => item.model));
+  const uniqueModels = _.uniq(items.map((item) => item.model));
 
   return {
     available_models: uniqueModels,
diff --git a/frontend/src/metabase-types/api/mocks/series.ts b/frontend/src/metabase-types/api/mocks/series.ts
index 3aa10a31aae..5998fa7c731 100644
--- a/frontend/src/metabase-types/api/mocks/series.ts
+++ b/frontend/src/metabase-types/api/mocks/series.ts
@@ -16,5 +16,5 @@ export const createMockSingleSeries = (
 };
 
 export const createMockSeries = (opts: { name: string }[]): Series => {
-  return opts.map(opt => createMockSingleSeries({ name: opt.name }));
+  return opts.map((opt) => createMockSingleSeries({ name: opt.name }));
 };
diff --git a/frontend/src/metabase/App.styled.tsx b/frontend/src/metabase/App.styled.tsx
index c898790f348..6b956f8e662 100644
--- a/frontend/src/metabase/App.styled.tsx
+++ b/frontend/src/metabase/App.styled.tsx
@@ -14,10 +14,10 @@ export const AppContentContainer = styled.div<{
 }>`
   flex-grow: 1;
   display: flex;
-  flex-direction: ${props => (props.isAdminApp ? "column" : "row")};
+  flex-direction: ${(props) => (props.isAdminApp ? "column" : "row")};
   position: relative;
   overflow: hidden;
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.isAdminApp ? "var(--mb-color-bg-white)" : color("content")};
 
   @media print {
diff --git a/frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.tsx b/frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.tsx
index 96f2d342ba2..af1a1d54481 100644
--- a/frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.tsx
+++ b/frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.tsx
@@ -27,7 +27,7 @@ export const AccountHeader = ({
   onChangeLocation,
 }: AccountHeaderProps) => {
   const hasPasswordChange = useMemo(
-    () => PLUGIN_IS_PASSWORD_USER.every(predicate => predicate(user)),
+    () => PLUGIN_IS_PASSWORD_USER.every((predicate) => predicate(user)),
     [user],
   );
 
diff --git a/frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.unit.spec.tsx b/frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.unit.spec.tsx
index fb9ba06a7f4..6276eb263fb 100644
--- a/frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.unit.spec.tsx
+++ b/frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.unit.spec.tsx
@@ -41,7 +41,7 @@ describe("AccountHeader", () => {
 
   it("should show the password tab if it is enabled by a plugin", () => {
     const user = getUser();
-    PLUGIN_IS_PASSWORD_USER.push(user => user.google_auth);
+    PLUGIN_IS_PASSWORD_USER.push((user) => user.google_auth);
 
     render(<AccountHeader user={user} />);
 
@@ -50,7 +50,7 @@ describe("AccountHeader", () => {
 
   it("should hide the password tab if it is disabled by a plugin", () => {
     const user = getUser();
-    PLUGIN_IS_PASSWORD_USER.push(user => !user.google_auth);
+    PLUGIN_IS_PASSWORD_USER.push((user) => !user.google_auth);
 
     render(<AccountHeader user={user} />);
 
diff --git a/frontend/src/metabase/account/login-history/components/LoginHistory/LoginHistory.jsx b/frontend/src/metabase/account/login-history/components/LoginHistory/LoginHistory.jsx
index 0a63fed6c8b..139062bc032 100644
--- a/frontend/src/metabase/account/login-history/components/LoginHistory/LoginHistory.jsx
+++ b/frontend/src/metabase/account/login-history/components/LoginHistory/LoginHistory.jsx
@@ -45,15 +45,15 @@ const LoginHistoryGroup = ({ items, date }) => (
   <LoginGroup>
     <Label>{date}</Label>
     <div>
-      {items.map(item => (
+      {items.map((item) => (
         <LoginHistoryItem key={item.timestamp} item={item} />
       ))}
     </div>
   </LoginGroup>
 );
 
-const formatItems = items =>
-  items.map(item => {
+const formatItems = (items) =>
+  items.map((item) => {
     const parsedTimestamp = moment.parseZone(item.timestamp);
     return {
       ...item,
@@ -66,7 +66,7 @@ const formatItems = items =>
 
 function LoginHistoryList({ loginHistory }) {
   const items = formatItems(loginHistory);
-  const groups = _.groupBy(items, item => item.date);
+  const groups = _.groupBy(items, (item) => item.date);
 
   if (!items || !items.length) {
     return (
diff --git a/frontend/src/metabase/account/notifications/components/ArchiveModal/ArchiveModal.jsx b/frontend/src/metabase/account/notifications/components/ArchiveModal/ArchiveModal.jsx
index a2458ee690e..0ad95b22ee1 100644
--- a/frontend/src/metabase/account/notifications/components/ArchiveModal/ArchiveModal.jsx
+++ b/frontend/src/metabase/account/notifications/components/ArchiveModal/ArchiveModal.jsx
@@ -97,7 +97,7 @@ const getSubmitMessage = (type, hasUnsubscribed) => {
   }
 };
 
-const getCancelMessage = hasUnsubscribed => {
+const getCancelMessage = (hasUnsubscribed) => {
   return hasUnsubscribed ? t`Keep it around` : t`I changed my mind`;
 };
 
@@ -122,7 +122,7 @@ const getDateMessage = (item, type) => {
   }
 };
 
-const getRecipientsMessage = item => {
+const getRecipientsMessage = (item) => {
   return t`It’s currently being sent to ${formatChannelRecipients(item)}.`;
 };
 
diff --git a/frontend/src/metabase/account/notifications/components/NotificationList/NotificationList.tsx b/frontend/src/metabase/account/notifications/components/NotificationList/NotificationList.tsx
index 25614c9beef..79e7ed323ba 100644
--- a/frontend/src/metabase/account/notifications/components/NotificationList/NotificationList.tsx
+++ b/frontend/src/metabase/account/notifications/components/NotificationList/NotificationList.tsx
@@ -49,7 +49,7 @@ export const NotificationList = ({
           {t`Not seeing one here?`}
         </TextButton>
       </NotificationHeader>
-      {listItems.map(listItem =>
+      {listItems.map((listItem) =>
         listItem.type === "pulse" ? (
           <DashboardNotificationCard
             key={`${listItem.type}-${listItem.item.id}`}
diff --git a/frontend/src/metabase/account/notifications/components/UnsubscribeModal/UnsubscribeModal.jsx b/frontend/src/metabase/account/notifications/components/UnsubscribeModal/UnsubscribeModal.jsx
index 19febfdb1d4..2341de14d62 100644
--- a/frontend/src/metabase/account/notifications/components/UnsubscribeModal/UnsubscribeModal.jsx
+++ b/frontend/src/metabase/account/notifications/components/UnsubscribeModal/UnsubscribeModal.jsx
@@ -67,7 +67,7 @@ const isCreator = (item, user) => {
   return user != null && user.id === item.creator?.id;
 };
 
-const getUnsubscribeMessage = type => {
+const getUnsubscribeMessage = (type) => {
   switch (type) {
     case "alert":
       return t`You’ll stop receiving this alert from now on. `;
diff --git a/frontend/src/metabase/account/notifications/containers/NotificationsApp/NotificationsApp.tsx b/frontend/src/metabase/account/notifications/containers/NotificationsApp/NotificationsApp.tsx
index f00d47ee940..14302ac1428 100644
--- a/frontend/src/metabase/account/notifications/containers/NotificationsApp/NotificationsApp.tsx
+++ b/frontend/src/metabase/account/notifications/containers/NotificationsApp/NotificationsApp.tsx
@@ -44,11 +44,11 @@ const NotificationsAppInner = ({
 
   const items = useMemo(() => {
     const combinedItems: NotificationListItem[] = [
-      ...questionNotifications.map(alert => ({
+      ...questionNotifications.map((alert) => ({
         item: alert,
         type: "question-notification" as const,
       })),
-      ...pulses.map(pulse => ({
+      ...pulses.map((pulse) => ({
         item: pulse,
         type: "pulse" as const,
       })),
diff --git a/frontend/src/metabase/account/profile/selectors.ts b/frontend/src/metabase/account/profile/selectors.ts
index ae0833d7d64..598a3166685 100644
--- a/frontend/src/metabase/account/profile/selectors.ts
+++ b/frontend/src/metabase/account/profile/selectors.ts
@@ -4,13 +4,13 @@ import { PLUGIN_IS_PASSWORD_USER } from "metabase/plugins";
 import { getSettings } from "metabase/selectors/settings";
 import { getUser } from "metabase/selectors/user";
 
-export const getIsSsoUser = createSelector(getUser, user => {
+export const getIsSsoUser = createSelector(getUser, (user) => {
   if (!user) {
     return false;
   }
-  return !PLUGIN_IS_PASSWORD_USER.every(predicate => predicate(user));
+  return !PLUGIN_IS_PASSWORD_USER.every((predicate) => predicate(user));
 });
 
-export const getLocales = createSelector([getSettings], settings => {
+export const getLocales = createSelector([getSettings], (settings) => {
   return settings["available-locales"];
 });
diff --git a/frontend/src/metabase/actions/components/ActionForm/ActionForm.tsx b/frontend/src/metabase/actions/components/ActionForm/ActionForm.tsx
index 392ed2cefc0..9eee1370c33 100644
--- a/frontend/src/metabase/actions/components/ActionForm/ActionForm.tsx
+++ b/frontend/src/metabase/actions/components/ActionForm/ActionForm.tsx
@@ -54,7 +54,7 @@ function ActionForm({
     });
 
   const editableFields = useMemo(
-    () => form.fields.filter(field => !hiddenFields.includes(field.name)),
+    () => form.fields.filter((field) => !hiddenFields.includes(field.name)),
     [form, hiddenFields],
   );
 
@@ -82,7 +82,7 @@ function ActionForm({
       enableReinitialize
     >
       <Form role="form" data-testid="action-form">
-        {editableFields.map(field => (
+        {editableFields.map((field) => (
           <ActionFormFieldWidget key={field.name} formField={field} />
         ))}
 
diff --git a/frontend/src/metabase/actions/components/ActionForm/ActionForm.unit.spec.tsx b/frontend/src/metabase/actions/components/ActionForm/ActionForm.unit.spec.tsx
index 8bba44cacb9..4f337f41da8 100644
--- a/frontend/src/metabase/actions/components/ActionForm/ActionForm.unit.spec.tsx
+++ b/frontend/src/metabase/actions/components/ActionForm/ActionForm.unit.spec.tsx
@@ -580,7 +580,7 @@ describe("Actions > ActionForm", () => {
   // this may not be the final desired behavior, but it's what we have for now
   describe("Null Handling", () => {
     const inputTypes = ["string", "number", "text", "date", "datetime", "time"];
-    inputTypes.forEach(inputType => {
+    inputTypes.forEach((inputType) => {
       it(`casts empty optional ${inputType} field to null`, async () => {
         const { action, onSubmit } = setup({
           initialValues: { "abc-123": 1 },
diff --git a/frontend/src/metabase/actions/components/ActionViz/ActionDashcardSettings.tsx b/frontend/src/metabase/actions/components/ActionViz/ActionDashcardSettings.tsx
index b76eb513b9a..ea529ae94f9 100644
--- a/frontend/src/metabase/actions/components/ActionViz/ActionDashcardSettings.tsx
+++ b/frontend/src/metabase/actions/components/ActionViz/ActionDashcardSettings.tsx
@@ -62,7 +62,7 @@ export function ActionDashcardSettings({
   const currentMappings = useMemo(
     () =>
       Object.fromEntries(
-        dashcard.parameter_mappings?.map(mapping => [
+        dashcard.parameter_mappings?.map((mapping) => [
           getTargetKey(mapping),
           mapping.parameter_id,
         ]) ?? [],
@@ -72,7 +72,7 @@ export function ActionDashcardSettings({
 
   const isFormInvalid =
     action != null &&
-    action.parameters?.some(actionParameter => {
+    action.parameters?.some((actionParameter) => {
       const isHidden = isParameterHidden(action, actionParameter);
       const isRequired = isParameterRequired(action, actionParameter);
       const isParameterMapped =
diff --git a/frontend/src/metabase/actions/components/ActionViz/ActionDashcardSettings.unit.spec.tsx b/frontend/src/metabase/actions/components/ActionViz/ActionDashcardSettings.unit.spec.tsx
index eb4baae49d3..9325e233237 100644
--- a/frontend/src/metabase/actions/components/ActionViz/ActionDashcardSettings.unit.spec.tsx
+++ b/frontend/src/metabase/actions/components/ActionViz/ActionDashcardSettings.unit.spec.tsx
@@ -86,7 +86,7 @@ const setup = (
     React.ComponentProps<typeof ConnectedActionDashcardSettings>
   >,
 ) => {
-  const searchItems = models.map(model =>
+  const searchItems = models.map((model) =>
     createMockCollectionItem({ ...model, model: "dataset" }),
   );
   const closeSpy = jest.fn();
@@ -554,7 +554,7 @@ function dashcardFactory({
     ...actionDashcardWithAction,
     action: action,
     parameter_mappings: mapped
-      ? action.parameters.map(parameter => ({
+      ? action.parameters.map((parameter) => ({
           parameter_id: dashboardParameter.id,
           target: parameter.target,
         }))
diff --git a/frontend/src/metabase/actions/components/ActionViz/ActionParameterMapping.styled.tsx b/frontend/src/metabase/actions/components/ActionViz/ActionParameterMapping.styled.tsx
index 9b475a2849d..f1d89e3b9c1 100644
--- a/frontend/src/metabase/actions/components/ActionViz/ActionParameterMapping.styled.tsx
+++ b/frontend/src/metabase/actions/components/ActionViz/ActionParameterMapping.styled.tsx
@@ -13,7 +13,7 @@ interface ParameterFormLabelProps {
 }
 
 export const ParameterFormLabel = styled.label<ParameterFormLabelProps>`
-  color: ${props => (props.error ? color("error") : color("text-medium"))};
+  color: ${(props) => (props.error ? color("error") : color("text-medium"))};
   font-size: 0.75rem;
   display: flex;
   gap: ${space(1)};
diff --git a/frontend/src/metabase/actions/components/ActionViz/ActionParameterMapping.tsx b/frontend/src/metabase/actions/components/ActionViz/ActionParameterMapping.tsx
index 67bd88e4945..d241f37e443 100644
--- a/frontend/src/metabase/actions/components/ActionViz/ActionParameterMapping.tsx
+++ b/frontend/src/metabase/actions/components/ActionViz/ActionParameterMapping.tsx
@@ -158,7 +158,7 @@ export const ActionParameterMappingItem = ({
             hasDefaultValue,
             defaultValue,
           }),
-          ...dashboardParameters.map(dashboardParam => ({
+          ...dashboardParameters.map((dashboardParam) => ({
             key: dashboardParam.id,
             name: dashboardParam.name,
             value: dashboardParam.id,
diff --git a/frontend/src/metabase/actions/components/ActionViz/utils.ts b/frontend/src/metabase/actions/components/ActionViz/utils.ts
index 983930b74ac..d827c8476ab 100644
--- a/frontend/src/metabase/actions/components/ActionViz/utils.ts
+++ b/frontend/src/metabase/actions/components/ActionViz/utils.ts
@@ -32,7 +32,7 @@ function prepareParameter(
     mapping;
 
   const parameterValue = parameterValues[sourceParameterId];
-  const actionParameter = action.parameters.find(parameter =>
+  const actionParameter = action.parameters.find((parameter) =>
     _.isEqual(parameter.target, actionParameterTarget),
   );
 
@@ -59,7 +59,7 @@ export function getDashcardParamValues(
 
   return Object.fromEntries(
     parameter_mappings
-      ?.map(mapping => prepareParameter(mapping, action, parameterValues))
+      ?.map((mapping) => prepareParameter(mapping, action, parameterValues))
       ?.filter(isNotNull),
   );
 }
@@ -76,7 +76,7 @@ export function getNotProvidedActionParameters(
   dashboardParamValues: ParametersForActionExecution,
 ) {
   // return any action parameters that don't have mapped values
-  return (action.parameters ?? []).filter(parameter => {
+  return (action.parameters ?? []).filter((parameter) => {
     if ("default" in parameter) {
       return false;
     }
@@ -89,7 +89,7 @@ export function getMappedActionParameters(
   dashboardParamValues: ParametersForActionExecution,
 ) {
   const parameters = action.parameters ?? [];
-  return parameters.filter(parameter => {
+  return parameters.filter((parameter) => {
     return isMappedParameter(parameter, dashboardParamValues);
   });
 }
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/ActionContext/QueryActionContextProvider/utils.ts b/frontend/src/metabase/actions/containers/ActionCreator/ActionContext/QueryActionContextProvider/utils.ts
index 608512c669e..a91cec76f04 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/ActionContext/QueryActionContextProvider/utils.ts
+++ b/frontend/src/metabase/actions/containers/ActionCreator/ActionContext/QueryActionContextProvider/utils.ts
@@ -74,7 +74,7 @@ export const setParameterTypesFromFieldSettings = (
   parameters: Parameter[],
 ): Parameter[] => {
   const fields = settings.fields || {};
-  return parameters.map(parameter => {
+  return parameters.map((parameter) => {
     const field = fields[parameter.id];
     return {
       ...parameter,
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/ActionContext/QueryActionContextProvider/utils.unit.spec.ts b/frontend/src/metabase/actions/containers/ActionCreator/ActionContext/QueryActionContextProvider/utils.unit.spec.ts
index 336abfaf65b..fa21459b318 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/ActionContext/QueryActionContextProvider/utils.unit.spec.ts
+++ b/frontend/src/metabase/actions/containers/ActionCreator/ActionContext/QueryActionContextProvider/utils.unit.spec.ts
@@ -76,7 +76,7 @@ describe("actions > containers > ActionCreator > QueryActionContextProvider > ut
         parameters,
       );
 
-      newParams.forEach(param => expect(param.type).toEqual("string/="));
+      newParams.forEach((param) => expect(param.type).toEqual("string/="));
     });
 
     it("should set number parameter types", () => {
@@ -100,7 +100,7 @@ describe("actions > containers > ActionCreator > QueryActionContextProvider > ut
         parameters,
       );
 
-      newParams.forEach(param => expect(param.type).toEqual("number/="));
+      newParams.forEach((param) => expect(param.type).toEqual("number/="));
     });
 
     it("should set date parameter types", () => {
@@ -124,7 +124,7 @@ describe("actions > containers > ActionCreator > QueryActionContextProvider > ut
         parameters,
       );
 
-      newParams.forEach(param => expect(param.type).toEqual("date/single"));
+      newParams.forEach((param) => expect(param.type).toEqual("date/single"));
     });
   });
 
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/ActionCreatorView.tsx b/frontend/src/metabase/actions/containers/ActionCreator/ActionCreatorView.tsx
index 547bf5ec391..75637a868de 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/ActionCreatorView.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/ActionCreatorView.tsx
@@ -62,7 +62,7 @@ export default function ActionCreatorView({
     useState<SideView>(DEFAULT_SIDE_VIEW);
 
   const toggleDataRef = useCallback(() => {
-    setActiveSideView(activeSideView => {
+    setActiveSideView((activeSideView) => {
       if (activeSideView !== "dataReference") {
         return "dataReference";
       }
@@ -72,7 +72,7 @@ export default function ActionCreatorView({
   }, []);
 
   const toggleActionSettings = useCallback(() => {
-    setActiveSideView(activeSideView => {
+    setActiveSideView((activeSideView) => {
       if (activeSideView !== "actionSettings") {
         return "actionSettings";
       }
@@ -94,7 +94,7 @@ export default function ActionCreatorView({
             name={action.name ?? t`New Action`}
             canRename={canRename}
             isEditable={isEditable}
-            onChangeName={name => onChangeAction({ name })}
+            onChangeName={(name) => onChangeAction({ name })}
             actionButtons={[
               <DataReferenceTriggerButton
                 key="dataReference"
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/Description/Description.tsx b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/Description/Description.tsx
index cef4434a15e..6ebe0e13399 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/Description/Description.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/Description/Description.tsx
@@ -8,7 +8,7 @@ import { getShowMetabaseLinks } from "metabase/selectors/whitelabel";
 import { InfoText } from "./Description.styled";
 
 export function Description() {
-  const docsLink = useSelector(state =>
+  const docsLink = useSelector((state) =>
     getDocsUrl(state, { page: "actions/custom" }),
   );
   const showMetabaseLinks = useSelector(getShowMetabaseLinks);
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FieldSettingsPopover.tsx b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FieldSettingsPopover.tsx
index de7a5479e0e..5834d49bb6f 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FieldSettingsPopover.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FieldSettingsPopover.tsx
@@ -155,7 +155,7 @@ function PlaceholderInput({
         id={id}
         fullWidth
         value={value}
-        onChange={e => onChange(e.target.value)}
+        onChange={(e) => onChange(e.target.value)}
         data-testid="placeholder-input"
       />
     </div>
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormCreator.tsx b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormCreator.tsx
index 46ee6437776..49134b85060 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormCreator.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormCreator.tsx
@@ -153,7 +153,7 @@ export function FormCreator({
 
   const fieldSettings = formSettings.fields || {};
 
-  const showWarning = form.fields.some(field => {
+  const showWarning = form.fields.some((field) => {
     const settings = fieldSettings[field.name];
 
     if (!settings) {
@@ -162,7 +162,7 @@ export function FormCreator({
 
     if (actionType === "implicit") {
       const parameter = parameters.find(
-        parameter => parameter.id === settings.id,
+        (parameter) => parameter.id === settings.id,
       );
 
       return parameter?.required && settings.hidden;
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.styled.tsx b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.styled.tsx
index 3d09c64822e..ad44aed7892 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.styled.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.styled.tsx
@@ -39,7 +39,7 @@ export const EditorContainer = styled(ContentContainer)`
 export const Column = styled.div<{ full?: boolean }>`
   display: flex;
   flex-direction: column;
-  flex: ${props => (props.full ? 1 : "unset")};
+  flex: ${(props) => (props.full ? 1 : "unset")};
   min-width: ${DRAG_HANDLE_SIZE}px;
 `;
 
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.tsx b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.tsx
index 11354582c54..d5116ab3f5f 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.tsx
@@ -53,7 +53,7 @@ function cleanFieldValue(
 
 function cleanOptionValues(values: FieldValueOptions, fieldType: FieldType) {
   return values
-    .map(value => cleanFieldValue(value, fieldType))
+    .map((value) => cleanFieldValue(value, fieldType))
     .filter(isNotNull);
 }
 
@@ -71,7 +71,7 @@ function FormFieldEditor({
     const { inputType, valueOptions } = fieldSettings;
 
     const inputTypesForNextFieldType = inputTypeOptions[nextFieldType].map(
-      option => option.value,
+      (option) => option.value,
     );
 
     // Allows to preserve dropdown/radio input types across number/string field types
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.unit.spec.tsx b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.unit.spec.tsx
index 343b7216003..e076a1cf5cb 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.unit.spec.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/FormFieldEditor/FormFieldEditor.unit.spec.tsx
@@ -35,7 +35,7 @@ function setup({
         field={field}
         fieldSettings={fieldSettings}
         isEditable={isEditable}
-        onChange={nextFieldSettings => {
+        onChange={(nextFieldSettings) => {
           onChange(nextFieldSettings);
           setFieldSettings(nextFieldSettings);
         }}
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/OptionEditor.styled.tsx b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/OptionEditor.styled.tsx
index 52fb7b6ed1e..d7389c0b71f 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/OptionEditor.styled.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/OptionEditor.styled.tsx
@@ -16,7 +16,7 @@ export const AddMorePrompt = styled.div<{ isVisible: boolean }>`
   height: 1.25rem;
   color: var(--mb-color-text-light);
   transition: opacity 0.2s ease-in-out;
-  opacity: ${props => (props.isVisible ? 1 : 0)};
+  opacity: ${(props) => (props.isVisible ? 1 : 0)};
 `;
 
 export const ErrorMessage = styled.div`
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/OptionEditor.tsx b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/OptionEditor.tsx
index ff6ec4def42..503bf6d8ecc 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/OptionEditor.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/OptionEditor.tsx
@@ -19,7 +19,7 @@ export const textToOptions = (text: string): FieldValueOptions => {
   const options = text
     .trim()
     .split("\n")
-    .map(option => option.trim())
+    .map((option) => option.trim())
     .filter(Boolean);
   const uniqueOptions = [...new Set(options)];
 
@@ -31,7 +31,7 @@ function transformOptionsIfNeeded(
   fieldType: FieldType,
 ) {
   if (fieldType === "number") {
-    return options.map(option => Number(option));
+    return options.map((option) => Number(option));
   }
 
   return options;
@@ -42,7 +42,7 @@ function getValidationError(options: FieldValueOptions, fieldType: FieldType) {
     return;
   }
 
-  const isValid = options.every(option => !Number.isNaN(option));
+  const isValid = options.every((option) => !Number.isNaN(option));
 
   return isValid ? undefined : t`Invalid number format`;
 }
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/InlineActionSettings.tsx b/frontend/src/metabase/actions/containers/ActionCreator/InlineActionSettings.tsx
index 0d250962a6b..dd30ad2d861 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/InlineActionSettings.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreator/InlineActionSettings.tsx
@@ -96,7 +96,7 @@ const InlineActionSettings = ({
     useDisclosure(false);
   const hasSharingPermission = isAdmin && isPublicSharingEnabled;
 
-  const handleTogglePublic: ChangeEventHandler<HTMLInputElement> = event => {
+  const handleTogglePublic: ChangeEventHandler<HTMLInputElement> = (event) => {
     const isPublic = event.target.checked;
 
     if (isPublic) {
diff --git a/frontend/src/metabase/actions/containers/ActionCreator/utils.ts b/frontend/src/metabase/actions/containers/ActionCreator/utils.ts
index 02759ea04b2..96cd61ca004 100644
--- a/frontend/src/metabase/actions/containers/ActionCreator/utils.ts
+++ b/frontend/src/metabase/actions/containers/ActionCreator/utils.ts
@@ -7,7 +7,7 @@ export const syncFieldsWithParameters = (
   settings: ActionFormSettings,
   parameters: Parameter[],
 ): ActionFormSettings => {
-  const parameterIds = parameters.map(parameter => parameter.id);
+  const parameterIds = parameters.map((parameter) => parameter.id);
   const fieldIds = Object.keys(settings.fields || {});
   const addedIds = _.difference(parameterIds, fieldIds);
   const removedIds = _.difference(fieldIds, parameterIds);
@@ -21,7 +21,7 @@ export const syncFieldsWithParameters = (
     fields: {
       ..._.omit(settings.fields, removedIds),
       ...Object.fromEntries(
-        addedIds.map(id => [id, getDefaultFieldSettings({ id })]),
+        addedIds.map((id) => [id, getDefaultFieldSettings({ id })]),
       ),
     },
   };
diff --git a/frontend/src/metabase/actions/containers/ActionCreatorModal/ActionCreatorModal.unit.spec.tsx b/frontend/src/metabase/actions/containers/ActionCreatorModal/ActionCreatorModal.unit.spec.tsx
index ef44ccae4b5..11df0674ca7 100644
--- a/frontend/src/metabase/actions/containers/ActionCreatorModal/ActionCreatorModal.unit.spec.tsx
+++ b/frontend/src/metabase/actions/containers/ActionCreatorModal/ActionCreatorModal.unit.spec.tsx
@@ -56,7 +56,7 @@ async function setup({
     <>
       <Route
         path="/model/:slug/detail/actions/:actionId"
-        component={routeProps => (
+        component={(routeProps) => (
           <ActionCreatorModal
             {...routeProps}
             onClose={() => history?.push(`/model/${MODEL.id}/detail/actions`)}
diff --git a/frontend/src/metabase/actions/containers/ActionParametersInputForm/ActionParametersInputForm.tsx b/frontend/src/metabase/actions/containers/ActionParametersInputForm/ActionParametersInputForm.tsx
index b42c68093a9..19018626ee9 100644
--- a/frontend/src/metabase/actions/containers/ActionParametersInputForm/ActionParametersInputForm.tsx
+++ b/frontend/src/metabase/actions/containers/ActionParametersInputForm/ActionParametersInputForm.tsx
@@ -32,11 +32,11 @@ function ActionParametersInputForm({
     const hiddenFieldIds = Object.values(
       action.visualization_settings?.fields ?? {},
     )
-      .filter(field => field.hidden)
-      .map(field => field.id);
+      .filter((field) => field.hidden)
+      .map((field) => field.id);
 
     return mappedParameters
-      .map(parameter => parameter.id)
+      .map((parameter) => parameter.id)
       .concat(hiddenFieldIds);
   }, [mappedParameters, action.visualization_settings?.fields]);
 
diff --git a/frontend/src/metabase/actions/containers/ActionPicker/ActionPicker.tsx b/frontend/src/metabase/actions/containers/ActionPicker/ActionPicker.tsx
index 753e44bc0d4..4e7e3bdedcc 100644
--- a/frontend/src/metabase/actions/containers/ActionPicker/ActionPicker.tsx
+++ b/frontend/src/metabase/actions/containers/ActionPicker/ActionPicker.tsx
@@ -43,7 +43,7 @@ export function ActionPicker({
 
   return (
     <div className={CS.scrollY}>
-      {sortedModels.map(model => (
+      {sortedModels.map((model) => (
         <ModelActionPicker
           key={model.id}
           model={model}
@@ -102,7 +102,7 @@ function ModelActionPicker({
       >
         {actions.length ? (
           <ActionsList>
-            {actions.map(action => (
+            {actions.map((action) => (
               <ActionItem
                 key={action.id}
                 role="button"
diff --git a/frontend/src/metabase/actions/hooks/use-action-form/utils.ts b/frontend/src/metabase/actions/hooks/use-action-form/utils.ts
index 2fadd4fc4d9..fc64bed92b3 100644
--- a/frontend/src/metabase/actions/hooks/use-action-form/utils.ts
+++ b/frontend/src/metabase/actions/hooks/use-action-form/utils.ts
@@ -125,7 +125,7 @@ export const getOrGenerateFieldSettings = (
   if (isGeneratedImplicitActionField) {
     const generatedFieldSettings = generateFieldSettingsFromParameters(params);
 
-    fieldValues.forEach(fieldValue => {
+    fieldValues.forEach((fieldValue) => {
       const singleFieldSettings = generatedFieldSettings[fieldValue.id];
       // this is the only field we sync with BE
       singleFieldSettings.hidden = fieldValue.hidden;
diff --git a/frontend/src/metabase/actions/hooks/use-action-form/utils.unit.spec.ts b/frontend/src/metabase/actions/hooks/use-action-form/utils.unit.spec.ts
index 3d67bd72c3e..f1c554cabf1 100644
--- a/frontend/src/metabase/actions/hooks/use-action-form/utils.unit.spec.ts
+++ b/frontend/src/metabase/actions/hooks/use-action-form/utils.unit.spec.ts
@@ -128,7 +128,7 @@ describe("actions > containers > ActionParametersInputForm > utils", () => {
 
     const timezones = ["-02:00", "-07:00", "+01:00", "+09:00"];
 
-    timezones.forEach(offset => {
+    timezones.forEach((offset) => {
       describe(`with timezone ${offset}`, () => {
         it("formats dates", () => {
           const result = formatInitialValue(
diff --git a/frontend/src/metabase/actions/utils.ts b/frontend/src/metabase/actions/utils.ts
index 59e8666a194..be06c74edb5 100644
--- a/frontend/src/metabase/actions/utils.ts
+++ b/frontend/src/metabase/actions/utils.ts
@@ -45,7 +45,7 @@ const fieldPropsTypeMap: FieldPropTypeMap = {
 
 const getOptionsFromArray = (
   options: (number | string)[],
-): ActionFormOption[] => options.map(o => ({ name: o, value: o }));
+): ActionFormOption[] => options.map((o) => ({ name: o, value: o }));
 
 function getSampleOptions(fieldType: FieldType) {
   return fieldType === "number"
@@ -253,7 +253,7 @@ export const getForm = (
   );
   return {
     fields: sortedParams
-      .map(param => getFormField(param, fieldSettings[param.id] ?? {}))
+      .map((param) => getFormField(param, fieldSettings[param.id] ?? {}))
       .filter(Boolean) as ActionFormFieldProps[],
   };
 };
@@ -289,11 +289,11 @@ export const getFormValidationSchema = (
   fieldSettings: FieldSettingsMap = {},
 ) => {
   const schema = Object.values(fieldSettings)
-    .filter(fieldSetting =>
+    .filter((fieldSetting) =>
       // only validate fields that are present in the form
-      parameters.find(parameter => parameter.id === fieldSetting.id),
+      parameters.find((parameter) => parameter.id === fieldSetting.id),
     )
-    .map(fieldSetting => {
+    .map((fieldSetting) => {
       let yupType = getFieldValidationType(fieldSetting);
 
       if (fieldSetting.required) {
diff --git a/frontend/src/metabase/admin/app/components/DeprecationNotice/DeprecationNotice.stories.tsx b/frontend/src/metabase/admin/app/components/DeprecationNotice/DeprecationNotice.stories.tsx
index 2675bdfea7d..57f8ce50735 100644
--- a/frontend/src/metabase/admin/app/components/DeprecationNotice/DeprecationNotice.stories.tsx
+++ b/frontend/src/metabase/admin/app/components/DeprecationNotice/DeprecationNotice.stories.tsx
@@ -13,7 +13,7 @@ export default {
 };
 
 export const Default: StoryObj<DeprecationNoticeProps> = {
-  render: args => {
+  render: (args) => {
     return <DeprecationNotice {...args} />;
   },
 
diff --git a/frontend/src/metabase/admin/app/components/SettingsCommandPaletteActions.tsx b/frontend/src/metabase/admin/app/components/SettingsCommandPaletteActions.tsx
index c7f03680ccb..3252959e88a 100644
--- a/frontend/src/metabase/admin/app/components/SettingsCommandPaletteActions.tsx
+++ b/frontend/src/metabase/admin/app/components/SettingsCommandPaletteActions.tsx
@@ -25,11 +25,11 @@ export const SettingsCommandPaletteActions = () => {
     dispatch(initializeSettings());
   });
 
-  const sections = useSelector<Record<string, AdminSection>>(state =>
+  const sections = useSelector<Record<string, AdminSection>>((state) =>
     getSections(state),
   );
 
-  const { search: query } = useKBar(state => ({ search: state.searchQuery }));
+  const { search: query } = useKBar((state) => ({ search: state.searchQuery }));
   const hasQuery = query.length > 0;
 
   const adminSettingsActions = useMemo(() => {
@@ -39,8 +39,8 @@ export const SettingsCommandPaletteActions = () => {
       const acc: Action[] = [
         ...memo,
         ...settings
-          .filter(s => s.display_name)
-          .map(s => ({
+          .filter((s) => s.display_name)
+          .map((s) => ({
             name: s.display_name || "",
             section: "admin",
             id: `admin-setting-${s.key}`,
diff --git a/frontend/src/metabase/admin/app/reducers.ts b/frontend/src/metabase/admin/app/reducers.ts
index f15f10fc8b9..6cecb399eea 100644
--- a/frontend/src/metabase/admin/app/reducers.ts
+++ b/frontend/src/metabase/admin/app/reducers.ts
@@ -61,13 +61,13 @@ export const getAdminPaths: () => AdminPath[] = () => {
   return items;
 };
 
-const paths = createReducer(getAdminPaths(), builder => {
+const paths = createReducer(getAdminPaths(), (builder) => {
   builder.addCase(refreshCurrentUser.fulfilled, (state, { payload: user }) => {
     if (user?.is_superuser) {
       return state;
     }
 
-    const allowedPaths = PLUGIN_ADMIN_ALLOWED_PATH_GETTERS.map(getter => {
+    const allowedPaths = PLUGIN_ADMIN_ALLOWED_PATH_GETTERS.map((getter) => {
       return getter(user);
     })
       .flat()
@@ -77,14 +77,14 @@ const paths = createReducer(getAdminPaths(), builder => {
       }, new Set<AdminPathKey>());
 
     return state
-      .filter(path => (allowedPaths.has(path.key) ? path : null))
+      .filter((path) => (allowedPaths.has(path.key) ? path : null))
       .filter(isNotNull);
   });
 });
 
 const isNoticeEnabled = createReducer(
   Settings.deprecationNoticeEnabled(),
-  builder => {
+  (builder) => {
     builder.addCase(disableNotice.fulfilled, () => false);
   },
 );
diff --git a/frontend/src/metabase/admin/app/selectors.ts b/frontend/src/metabase/admin/app/selectors.ts
index 27060f72b2e..bbc5bb096dc 100644
--- a/frontend/src/metabase/admin/app/selectors.ts
+++ b/frontend/src/metabase/admin/app/selectors.ts
@@ -20,7 +20,7 @@ export const hasDeprecatedDatabase = (state: State, props: Props): boolean => {
   const engines = getEngines(state);
   return (
     props.databases?.some(
-      d => !d.is_sample && d.engine && isDeprecatedEngine(engines, d.engine),
+      (d) => !d.is_sample && d.engine && isDeprecatedEngine(engines, d.engine),
     ) ?? false
   );
 };
diff --git a/frontend/src/metabase/admin/databases/components/DatabaseConnectionInfoSection/DatabaseConnectionInfoSection.tsx b/frontend/src/metabase/admin/databases/components/DatabaseConnectionInfoSection/DatabaseConnectionInfoSection.tsx
index be0f2457d9a..55e1ea20327 100644
--- a/frontend/src/metabase/admin/databases/components/DatabaseConnectionInfoSection/DatabaseConnectionInfoSection.tsx
+++ b/frontend/src/metabase/admin/databases/components/DatabaseConnectionInfoSection/DatabaseConnectionInfoSection.tsx
@@ -67,7 +67,7 @@ export const DatabaseConnectionInfoSection = ({
       )
       .with(
         { currentData: { status: "error" } },
-        q => ({ message: q.currentData.message, color: "danger" }) as const,
+        (q) => ({ message: q.currentData.message, color: "danger" }) as const,
       )
       .with(
         { isError: true },
diff --git a/frontend/src/metabase/admin/databases/components/DatabaseConnectionInfoSection/DatabaseConnectionInfoSection.unit.spec.tsx b/frontend/src/metabase/admin/databases/components/DatabaseConnectionInfoSection/DatabaseConnectionInfoSection.unit.spec.tsx
index fa10efe1c5b..92dfb489233 100644
--- a/frontend/src/metabase/admin/databases/components/DatabaseConnectionInfoSection/DatabaseConnectionInfoSection.unit.spec.tsx
+++ b/frontend/src/metabase/admin/databases/components/DatabaseConnectionInfoSection/DatabaseConnectionInfoSection.unit.spec.tsx
@@ -74,7 +74,7 @@ describe("DatabaseConnectionInfoSection", () => {
 
     it("should show error message if healthcheck returns errors", async () => {
       setup({
-        mockEndpointsCb: database => {
+        mockEndpointsCb: (database) => {
           fetchMock.get(
             `path:/api/database/${database.id}/healthcheck`,
             { body: { status: "error", message: "Test failure" } },
@@ -87,7 +87,7 @@ describe("DatabaseConnectionInfoSection", () => {
 
     it("should show error message if healthcheck HTTP request fails", async () => {
       setup({
-        mockEndpointsCb: database => {
+        mockEndpointsCb: (database) => {
           fetchMock.get(
             `path:/api/database/${database.id}/healthcheck`,
             { status: 500 },
@@ -136,7 +136,7 @@ describe("DatabaseConnectionInfoSection", () => {
         ).not.toBeInTheDocument();
       });
 
-      NOT_SYNCED_DB_STATUSES.forEach(initial_sync_status => {
+      NOT_SYNCED_DB_STATUSES.forEach((initial_sync_status) => {
         it(`is shown for a database with "${initial_sync_status}" sync status`, () => {
           setup({ database: createMockDatabase({ initial_sync_status }) });
 
diff --git a/frontend/src/metabase/admin/databases/components/DatabaseDangerZoneSection/DatabaseDangerZoneSection.tsx b/frontend/src/metabase/admin/databases/components/DatabaseDangerZoneSection/DatabaseDangerZoneSection.tsx
index 17610305500..dc0236fbc6a 100644
--- a/frontend/src/metabase/admin/databases/components/DatabaseDangerZoneSection/DatabaseDangerZoneSection.tsx
+++ b/frontend/src/metabase/admin/databases/components/DatabaseDangerZoneSection/DatabaseDangerZoneSection.tsx
@@ -42,7 +42,7 @@ export const DatabaseDangerZoneSection = ({
   const hasCompletedSync = isSyncCompleted(database);
   const shouldHideSection =
     database.is_attached_dwh ||
-    [hasCompletedSync, isAdmin].every(bool => bool === false);
+    [hasCompletedSync, isAdmin].every((bool) => bool === false);
 
   if (shouldHideSection) {
     return null;
diff --git a/frontend/src/metabase/admin/databases/components/DatabaseDangerZoneSection/DatabaseDangerZoneSection.unit.spec.tsx b/frontend/src/metabase/admin/databases/components/DatabaseDangerZoneSection/DatabaseDangerZoneSection.unit.spec.tsx
index b1c02d16136..b33415b511b 100644
--- a/frontend/src/metabase/admin/databases/components/DatabaseDangerZoneSection/DatabaseDangerZoneSection.unit.spec.tsx
+++ b/frontend/src/metabase/admin/databases/components/DatabaseDangerZoneSection/DatabaseDangerZoneSection.unit.spec.tsx
@@ -93,7 +93,7 @@ describe("DatabaseDangerZoneSection", () => {
       ).toBe(false);
     });
 
-    NOT_SYNCED_DB_STATUSES.forEach(initial_sync_status => {
+    NOT_SYNCED_DB_STATUSES.forEach((initial_sync_status) => {
       it(`is hidden for databases with "${initial_sync_status}" sync status`, () => {
         setup({
           database: createMockDatabase({ initial_sync_status }),
diff --git a/frontend/src/metabase/admin/databases/components/DatabaseEditConnectionForm.tsx b/frontend/src/metabase/admin/databases/components/DatabaseEditConnectionForm.tsx
index b29a0ea2381..7ee2c9ec354 100644
--- a/frontend/src/metabase/admin/databases/components/DatabaseEditConnectionForm.tsx
+++ b/frontend/src/metabase/admin/databases/components/DatabaseEditConnectionForm.tsx
@@ -89,7 +89,7 @@ export type DatabaseEditErrorType = {
 
 const getSubmitError = (error: DatabaseEditErrorType) => {
   if (_.isObject(error?.data?.errors)) {
-    return updateIn(error, ["data", "errors"], errors => ({
+    return updateIn(error, ["data", "errors"], (errors) => ({
       details: errors,
     }));
   }
diff --git a/frontend/src/metabase/admin/databases/components/DatabaseList/DatabaseList.jsx b/frontend/src/metabase/admin/databases/components/DatabaseList/DatabaseList.jsx
index 8b75327e122..4eb3957c26d 100644
--- a/frontend/src/metabase/admin/databases/components/DatabaseList/DatabaseList.jsx
+++ b/frontend/src/metabase/admin/databases/components/DatabaseList/DatabaseList.jsx
@@ -27,7 +27,7 @@ export default class DatabaseList extends Component {
   constructor(props) {
     super(props);
 
-    props.databases.map(database => {
+    props.databases.map((database) => {
       this["deleteDatabaseModal_" + database.id] = createRef();
     });
 
@@ -91,7 +91,7 @@ export default class DatabaseList extends Component {
               <tbody>
                 {databases ? (
                   [
-                    databases.map(database => {
+                    databases.map((database) => {
                       const isDeleting =
                         this.props.deletes.indexOf(database.id) !== -1;
                       return (
diff --git a/frontend/src/metabase/admin/databases/components/DatabaseModelFeaturesSection/DatabaseModelFeaturesSection.tsx b/frontend/src/metabase/admin/databases/components/DatabaseModelFeaturesSection/DatabaseModelFeaturesSection.tsx
index 2a40f5a8db3..e1eb6e2be63 100644
--- a/frontend/src/metabase/admin/databases/components/DatabaseModelFeaturesSection/DatabaseModelFeaturesSection.tsx
+++ b/frontend/src/metabase/admin/databases/components/DatabaseModelFeaturesSection/DatabaseModelFeaturesSection.tsx
@@ -28,7 +28,9 @@ export const DatabaseModelFeaturesSection = ({
     showModelCachingSection:
       isModelPersistenceEnabled && database.supportsPersistence(),
   };
-  const hasNoContent = Object.values(contentVisibility).every(x => x === false);
+  const hasNoContent = Object.values(contentVisibility).every(
+    (x) => x === false,
+  );
 
   const handleToggleModelActionsEnabled = useCallback(
     (nextValue: boolean) =>
diff --git a/frontend/src/metabase/admin/databases/components/DeleteDatabaseModel/DeleteDatabaseModal.styled.tsx b/frontend/src/metabase/admin/databases/components/DeleteDatabaseModel/DeleteDatabaseModal.styled.tsx
index bba0c8f16b6..5b0467fe39c 100644
--- a/frontend/src/metabase/admin/databases/components/DeleteDatabaseModel/DeleteDatabaseModal.styled.tsx
+++ b/frontend/src/metabase/admin/databases/components/DeleteDatabaseModel/DeleteDatabaseModal.styled.tsx
@@ -22,8 +22,8 @@ interface DeleteDatabaseModalSectionProps {
 }
 
 export const DeleteDatabaseModalSection = styled.div<DeleteDatabaseModalSectionProps>`
-  height: ${props => (props.isHidden ? 0 : "unset")};
-  opacity: ${props => (props.isHidden ? 0 : 1)};
+  height: ${(props) => (props.isHidden ? 0 : "unset")};
+  opacity: ${(props) => (props.isHidden ? 0 : 1)};
   padding: 0.125rem;
   transition:
     all 350ms,
diff --git a/frontend/src/metabase/admin/databases/components/DeleteDatabaseModel/DeleteDatabaseModal.tsx b/frontend/src/metabase/admin/databases/components/DeleteDatabaseModel/DeleteDatabaseModal.tsx
index 8dc85de7b9e..c6617685072 100644
--- a/frontend/src/metabase/admin/databases/components/DeleteDatabaseModel/DeleteDatabaseModal.tsx
+++ b/frontend/src/metabase/admin/databases/components/DeleteDatabaseModel/DeleteDatabaseModal.tsx
@@ -23,7 +23,7 @@ import {
 } from "./DeleteDatabaseModal.styled";
 
 const entityTypesCount = (usageInfo: DatabaseUsageInfo) => {
-  return Object.values(usageInfo).filter(value => value > 0).length;
+  return Object.values(usageInfo).filter((value) => value > 0).length;
 };
 
 const hasContentInDatabase = (usageInfo: DatabaseUsageInfo) => {
@@ -77,7 +77,7 @@ const DeleteDatabaseModal = ({
     }
   };
 
-  const handleEditConnectionDetailsClick: MouseEventHandler = e => {
+  const handleEditConnectionDetailsClick: MouseEventHandler = (e) => {
     e.preventDefault();
     onClose();
   };
@@ -157,7 +157,7 @@ const DeleteDatabaseModal = ({
                 autoFocus
                 placeholder={t`Are you completely sure?`}
                 value={databaseNameConfirmation}
-                onChange={e => setDatabaseNameConfirmation(e.target.value)}
+                onChange={(e) => setDatabaseNameConfirmation(e.target.value)}
               />
             </DatabaseNameInputContainer>
           </DeleteDatabaseModalSection>
diff --git a/frontend/src/metabase/admin/databases/containers/DatabaseConnectionModal.unit.spec.tsx b/frontend/src/metabase/admin/databases/containers/DatabaseConnectionModal.unit.spec.tsx
index b84b51e6348..cb7e85453be 100644
--- a/frontend/src/metabase/admin/databases/containers/DatabaseConnectionModal.unit.spec.tsx
+++ b/frontend/src/metabase/admin/databases/containers/DatabaseConnectionModal.unit.spec.tsx
@@ -201,7 +201,7 @@ describe("DatabaseConnectionModal", () => {
       // need to add an id to the mocked db result so redirect can go the the correct location
       fetchMock.post(
         "path:/api/database",
-        async url => {
+        async (url) => {
           const lastCall = fetchMock.lastCall(url);
           return { ...(await lastCall?.request?.json()), id: 1 };
         },
diff --git a/frontend/src/metabase/admin/databases/containers/DatabaseListApp.jsx b/frontend/src/metabase/admin/databases/containers/DatabaseListApp.jsx
index 08d962b9343..89a69d5f004 100644
--- a/frontend/src/metabase/admin/databases/containers/DatabaseListApp.jsx
+++ b/frontend/src/metabase/admin/databases/containers/DatabaseListApp.jsx
@@ -25,14 +25,14 @@ import {
 const RELOAD_INTERVAL = 2000;
 
 const getReloadInterval = (_state, _props, databases = []) => {
-  return databases.some(d => isSyncInProgress(d)) ? RELOAD_INTERVAL : 0;
+  return databases.some((d) => isSyncInProgress(d)) ? RELOAD_INTERVAL : 0;
 };
 
 const query = {
   ...PLUGIN_FEATURE_LEVEL_PERMISSIONS.databaseDetailsQueryProps,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   isAdmin: getUserIsAdmin(state),
   hasSampleDatabase: Database.selectors.getHasSampleDatabase(state, {
     entityQuery: query,
diff --git a/frontend/src/metabase/admin/databases/database.js b/frontend/src/metabase/admin/databases/database.js
index fd02d948b83..1b851b16699 100644
--- a/frontend/src/metabase/admin/databases/database.js
+++ b/frontend/src/metabase/admin/databases/database.js
@@ -60,7 +60,7 @@ export const selectEngine = createAction(SELECT_ENGINE);
 
 // Migrates old "Enable in-depth database analysis" option to new "Choose when syncs and scans happen" option
 // Migration is run as a separate action because that makes it easy to track in tests
-const migrateDatabaseToNewSchedulingSettings = database => {
+const migrateDatabaseToNewSchedulingSettings = (database) => {
   return async function (dispatch, getState) {
     if (
       database.details &&
@@ -274,9 +274,9 @@ const deletes = handleActions(
     [DELETE_DATABASE_STARTED]: (state, { payload: { databaseId } }) =>
       state.concat([databaseId]),
     [DELETE_DATABASE_FAILED]: (state, { payload: { databaseId, error } }) =>
-      state.filter(dbId => dbId !== databaseId),
+      state.filter((dbId) => dbId !== databaseId),
     [DELETE_DATABASE]: (state, { payload: { databaseId } }) =>
-      state.filter(dbId => dbId !== databaseId),
+      state.filter((dbId) => dbId !== databaseId),
   },
   [],
 );
@@ -291,7 +291,7 @@ const deletionError = handleActions(
 const sampleDatabase = handleActions(
   {
     [ADDING_SAMPLE_DATABASE]: () => ({ loading: true }),
-    [ADD_SAMPLE_DATABASE]: state => ({ ...state, loading: false }),
+    [ADD_SAMPLE_DATABASE]: (state) => ({ ...state, loading: false }),
     [ADD_SAMPLE_DATABASE_FAILED]: (state, { payload: { error } }) => ({
       error,
     }),
diff --git a/frontend/src/metabase/admin/databases/selectors.js b/frontend/src/metabase/admin/databases/selectors.js
index 3d1a502fd6d..cf47c077cd9 100644
--- a/frontend/src/metabase/admin/databases/selectors.js
+++ b/frontend/src/metabase/admin/databases/selectors.js
@@ -1,20 +1,20 @@
 // Database Edit
-export const getEditingDatabase = state =>
+export const getEditingDatabase = (state) =>
   state.admin.databases.editingDatabase;
 
 // Database List
-export const getDeletes = state => state.admin.databases.deletes;
-export const getDeletionError = state => state.admin.databases.deletionError;
+export const getDeletes = (state) => state.admin.databases.deletes;
+export const getDeletionError = (state) => state.admin.databases.deletionError;
 
-export const getIsAddingSampleDatabase = state =>
+export const getIsAddingSampleDatabase = (state) =>
   state.admin.databases.sampleDatabase.loading;
-export const getAddSampleDatabaseError = state =>
+export const getAddSampleDatabaseError = (state) =>
   state.admin.databases.sampleDatabase.error;
 
-export const getInitializeError = state =>
+export const getInitializeError = (state) =>
   state.admin.databases.initializeError;
 
 // Deprecation notice
 
-export const isDeprecationNoticeEnabled = state =>
+export const isDeprecationNoticeEnabled = (state) =>
   state.admin.databases.isDeprecationNoticeEnabled;
diff --git a/frontend/src/metabase/admin/datamodel/components/FormInput/FormInput.styled.tsx b/frontend/src/metabase/admin/datamodel/components/FormInput/FormInput.styled.tsx
index 4014953b2a7..4bc32e80aab 100644
--- a/frontend/src/metabase/admin/datamodel/components/FormInput/FormInput.styled.tsx
+++ b/frontend/src/metabase/admin/datamodel/components/FormInput/FormInput.styled.tsx
@@ -12,6 +12,6 @@ export const FormInputRoot = styled.input<FormInputRootProps>`
   width: 100%;
 
   &:not(:focus) {
-    border-color: ${props => props.touched && props.error && color("error")};
+    border-color: ${(props) => props.touched && props.error && color("error")};
   }
 `;
diff --git a/frontend/src/metabase/admin/datamodel/components/FormTextArea/FormTextArea.styled.tsx b/frontend/src/metabase/admin/datamodel/components/FormTextArea/FormTextArea.styled.tsx
index b534ac22603..cffb60f4439 100644
--- a/frontend/src/metabase/admin/datamodel/components/FormTextArea/FormTextArea.styled.tsx
+++ b/frontend/src/metabase/admin/datamodel/components/FormTextArea/FormTextArea.styled.tsx
@@ -12,6 +12,6 @@ export const FormTextAreaRoot = styled.textarea<FormTextAreaRootProps>`
   width: 100%;
 
   &:not(:focus) {
-    border-color: ${props => props.touched && props.error && color("error")};
+    border-color: ${(props) => props.touched && props.error && color("error")};
   }
 `;
diff --git a/frontend/src/metabase/admin/datamodel/components/SegmentForm/SegmentForm.tsx b/frontend/src/metabase/admin/datamodel/components/SegmentForm/SegmentForm.tsx
index a5b70974b36..7fc8e063f0b 100644
--- a/frontend/src/metabase/admin/datamodel/components/SegmentForm/SegmentForm.tsx
+++ b/frontend/src/metabase/admin/datamodel/components/SegmentForm/SegmentForm.tsx
@@ -51,7 +51,7 @@ const SegmentForm = ({
     useFormik({
       initialValues: segment ?? {},
       isInitialValid: false,
-      validate: values => getFormErrors(values, metadata),
+      validate: (values) => getFormErrors(values, metadata),
       onSubmit,
     });
 
diff --git a/frontend/src/metabase/admin/datamodel/components/SegmentRetireModal.jsx b/frontend/src/metabase/admin/datamodel/components/SegmentRetireModal.jsx
index b035ee3985b..224c0d43b55 100644
--- a/frontend/src/metabase/admin/datamodel/components/SegmentRetireModal.jsx
+++ b/frontend/src/metabase/admin/datamodel/components/SegmentRetireModal.jsx
@@ -48,7 +48,7 @@ export default class SegmentRetireModal extends Component {
               ref={this.revisionMessage}
               className={cx(CS.input, CS.full)}
               placeholder={t`This will show up in the activity feed and in an email that will be sent to anyone on your team who created something that uses this segment.`}
-              onChange={e => this.setState({ valid: !!e.target.value })}
+              onChange={(e) => this.setState({ valid: !!e.target.value })}
             />
           </div>
 
diff --git a/frontend/src/metabase/admin/datamodel/components/revisions/Revision.jsx b/frontend/src/metabase/admin/datamodel/components/revisions/Revision.jsx
index 16b1856c688..9bde0d7f257 100644
--- a/frontend/src/metabase/admin/datamodel/components/revisions/Revision.jsx
+++ b/frontend/src/metabase/admin/datamodel/components/revisions/Revision.jsx
@@ -61,7 +61,7 @@ export default class Revision extends Component {
     if (revision.is_creation) {
       // these are included in the
       message = revision.diff.description.after;
-      diffKeys = diffKeys.filter(k => k !== "name" && k !== "description");
+      diffKeys = diffKeys.filter((k) => k !== "name" && k !== "description");
     }
 
     return (
@@ -85,7 +85,7 @@ export default class Revision extends Component {
             </span>
           </div>
           {message && <p>&quot;{message}&quot;</p>}
-          {diffKeys.map(key => (
+          {diffKeys.map((key) => (
             <RevisionDiff
               key={key}
               property={key}
diff --git a/frontend/src/metabase/admin/datamodel/components/revisions/RevisionHistory.jsx b/frontend/src/metabase/admin/datamodel/components/revisions/RevisionHistory.jsx
index c3d5ee1fba0..116b1e0386a 100644
--- a/frontend/src/metabase/admin/datamodel/components/revisions/RevisionHistory.jsx
+++ b/frontend/src/metabase/admin/datamodel/components/revisions/RevisionHistory.jsx
@@ -23,7 +23,7 @@ export default class RevisionHistory extends Component {
     let userColorAssignments = {};
     if (revisions) {
       userColorAssignments = assignUserColors(
-        revisions.map(r => r.user.id),
+        revisions.map((r) => r.user.id),
         user.id,
       );
     }
@@ -51,7 +51,7 @@ export default class RevisionHistory extends Component {
                 {t`Revision History for`} &quot;{segment.name}&quot;
               </h2>
               <ol>
-                {revisions.map(revision => (
+                {revisions.map((revision) => (
                   <Revision
                     key={revision.id}
                     revision={revision}
diff --git a/frontend/src/metabase/admin/datamodel/containers/DataModelApp/DataModelApp.jsx b/frontend/src/metabase/admin/datamodel/containers/DataModelApp/DataModelApp.jsx
index b406429fc28..16793bc704a 100644
--- a/frontend/src/metabase/admin/datamodel/containers/DataModelApp/DataModelApp.jsx
+++ b/frontend/src/metabase/admin/datamodel/containers/DataModelApp/DataModelApp.jsx
@@ -20,12 +20,12 @@ const propTypes = {
   isAdmin: PropTypes.bool,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   isAdmin: getUserIsAdmin(state),
 });
 
 const mapDispatchToProps = {
-  onChangeTab: tab => push(`/admin/datamodel/${tab}`),
+  onChangeTab: (tab) => push(`/admin/datamodel/${tab}`),
 };
 
 const TAB = {
diff --git a/frontend/src/metabase/admin/datamodel/containers/SegmentApp.jsx b/frontend/src/metabase/admin/datamodel/containers/SegmentApp.jsx
index 9c179c949be..ad795591006 100644
--- a/frontend/src/metabase/admin/datamodel/containers/SegmentApp.jsx
+++ b/frontend/src/metabase/admin/datamodel/containers/SegmentApp.jsx
@@ -34,7 +34,7 @@ const UpdateSegmentFormInner = ({
   const [isDirty, setIsDirty] = useState(false);
 
   const handleSubmit = useCallback(
-    async segment => {
+    async (segment) => {
       setIsDirty(false);
 
       try {
@@ -86,7 +86,7 @@ const CreateSegmentForm = ({
   const [, scheduleCallback] = useCallbackEffect();
 
   const handleSubmit = useCallback(
-    segment => {
+    (segment) => {
       setIsDirty(false);
 
       scheduleCallback(async () => {
@@ -113,7 +113,7 @@ const CreateSegmentForm = ({
   );
 };
 
-const SegmentApp = props => {
+const SegmentApp = (props) => {
   if (props.params.id) {
     return <UpdateSegmentForm {...props} />;
   }
diff --git a/frontend/src/metabase/admin/datamodel/containers/SegmentListApp.jsx b/frontend/src/metabase/admin/datamodel/containers/SegmentListApp.jsx
index c42a0a7914d..c5e6517cadb 100644
--- a/frontend/src/metabase/admin/datamodel/containers/SegmentListApp.jsx
+++ b/frontend/src/metabase/admin/datamodel/containers/SegmentListApp.jsx
@@ -34,7 +34,7 @@ class SegmentListAppInner extends Component {
             </tr>
           </thead>
           <tbody>
-            {segments.map(segment => (
+            {segments.map((segment) => (
               <SegmentItem
                 key={segment.id}
                 onRetire={() => setArchived(segment, true)}
diff --git a/frontend/src/metabase/admin/datamodel/datamodel.js b/frontend/src/metabase/admin/datamodel/datamodel.js
index 8e0ee549bb4..21a57663220 100644
--- a/frontend/src/metabase/admin/datamodel/datamodel.js
+++ b/frontend/src/metabase/admin/datamodel/datamodel.js
@@ -11,7 +11,7 @@ export const UPDATE_PREVIEW_SUMMARY =
 
 export const updatePreviewSummary = createAction(
   UPDATE_PREVIEW_SUMMARY,
-  async query => {
+  async (query) => {
     const result = await MetabaseApi.dataset(query);
     return result.data.rows[0][0];
   },
@@ -23,7 +23,7 @@ export const FETCH_REVISIONS = "metabase/admin/datamodel/FETCH_REVISIONS";
 
 export const fetchSegmentRevisions = createThunkAction(
   FETCH_REVISIONS,
-  id => async () => RevisionsApi.get({ entity: "segment", id }),
+  (id) => async () => RevisionsApi.get({ entity: "segment", id }),
 );
 
 // reducers
diff --git a/frontend/src/metabase/admin/datamodel/hoc/FilteredToUrlTable.jsx b/frontend/src/metabase/admin/datamodel/hoc/FilteredToUrlTable.jsx
index 1d0260dc9de..30eadc1cd1f 100644
--- a/frontend/src/metabase/admin/datamodel/hoc/FilteredToUrlTable.jsx
+++ b/frontend/src/metabase/admin/datamodel/hoc/FilteredToUrlTable.jsx
@@ -14,7 +14,7 @@ import { Icon } from "metabase/ui";
 /**
  * @deprecated HOCs are deprecated
  */
-const FilteredToUrlTable = propName => ComposedComponent =>
+const FilteredToUrlTable = (propName) => (ComposedComponent) =>
   connect(null, { push })(
     class FilteredToUrlTable extends Component {
       constructor(props) {
@@ -23,7 +23,7 @@ const FilteredToUrlTable = propName => ComposedComponent =>
         this.state = { tableId: table != null ? parseInt(table) : null };
       }
 
-      setTableId = tableId => {
+      setTableId = (tableId) => {
         this.setState({ tableId });
         this.props.push({
           ...this.props.location,
@@ -38,7 +38,7 @@ const FilteredToUrlTable = propName => ComposedComponent =>
           [propName]:
             tableId == null
               ? items
-              : items.filter(item => item.table_id === tableId),
+              : items.filter((item) => item.table_id === tableId),
           tableSelector: (
             <TableSelector tableId={tableId} setTableId={this.setTableId} />
           ),
@@ -79,7 +79,7 @@ class TableSelectorInner extends Component {
                 <Icon
                   name={table ? "close" : "chevrondown"}
                   size={12}
-                  onClick={e => {
+                  onClick={(e) => {
                     if (table) {
                       e.stopPropagation();
                       setTableId(null);
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/FieldGeneralSettings/FieldGeneralSettings.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/FieldGeneralSettings/FieldGeneralSettings.tsx
index 0c005333aaf..5bbf4eef064 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/FieldGeneralSettings/FieldGeneralSettings.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/FieldGeneralSettings/FieldGeneralSettings.tsx
@@ -224,7 +224,7 @@ const FieldCoercionStrategySection = ({
 }: FieldCoercionStrategySectionProps) => {
   const options = useMemo(
     () => [
-      ...field.coercionStrategyOptions().map(value => ({
+      ...field.coercionStrategyOptions().map((value) => ({
         name: humanizeCoercionStrategy(value),
         value,
       })),
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/FieldRemappingSettings/FieldRemappingSettings.jsx b/frontend/src/metabase/admin/datamodel/metadata/components/FieldRemappingSettings/FieldRemappingSettings.jsx
index 49ff9c87f15..4faf42f59db 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/FieldRemappingSettings/FieldRemappingSettings.jsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/FieldRemappingSettings/FieldRemappingSettings.jsx
@@ -41,7 +41,7 @@ class FieldRemappingSettings extends Component {
     this.fkPopover = createRef();
   }
 
-  getMappingTypeForField = field => {
+  getMappingTypeForField = (field) => {
     if (this.state.isChoosingInitialFkTarget) {
       return MAP_OPTIONS.foreign;
     }
@@ -74,7 +74,7 @@ class FieldRemappingSettings extends Component {
     return (
       remapping.size > 0 &&
       [...remapping.keys()].every(
-        key => typeof key === "number" || key === null,
+        (key) => typeof key === "number" || key === null,
       )
     );
   };
@@ -97,7 +97,7 @@ class FieldRemappingSettings extends Component {
 
   getFKTargetTableEntityNameOrNull = () => {
     const fkTargetFields = this.getForeignKeyTargetFields();
-    const nameField = fkTargetFields.find(field => isEntityName(field));
+    const nameField = fkTargetFields.find((field) => isEntityName(field));
     return nameField ? nameField.id : null;
   };
 
@@ -151,7 +151,7 @@ class FieldRemappingSettings extends Component {
     }
   };
 
-  onForeignKeyFieldChange = async fkFieldId => {
+  onForeignKeyFieldChange = async (fkFieldId) => {
     const { field, updateFieldDimension } = this.props;
 
     this.clearEditingStates();
@@ -167,7 +167,7 @@ class FieldRemappingSettings extends Component {
     this.fkPopover.current?.close();
   };
 
-  onUpdateRemappings = remappings => {
+  onUpdateRemappings = (remappings) => {
     const { field, updateFieldValues } = this.props;
     return updateFieldValues({ id: field.id }, Array.from(remappings));
   };
@@ -199,7 +199,7 @@ class FieldRemappingSettings extends Component {
             value={mappingType}
             onChange={this.handleChangeMappingType}
             options={this.getAvailableMappingTypes()}
-            optionValueFn={o => o}
+            optionValueFn={(o) => o}
             className={CS.inlineBlock}
           />
           {mappingType === MAP_OPTIONS.foreign && (
@@ -325,7 +325,7 @@ class ValueRemappings extends Component {
 
   customValuesAreNonEmpty = () => {
     return Array.from(this.state.editingRemappings.values()).every(
-      value => value !== "",
+      (value) => value !== "",
     );
   };
 
@@ -352,7 +352,7 @@ class ValueRemappings extends Component {
               <FieldValueMapping
                 original={original}
                 mapped={mapped}
-                setMapping={newMapped =>
+                setMapping={(newMapped) =>
                   this.onSetRemapping(original, newMapped)
                 }
               />
@@ -374,7 +374,7 @@ class ValueRemappings extends Component {
 }
 
 class FieldValueMapping extends Component {
-  onInputChange = e => {
+  onInputChange = (e) => {
     this.props.setMapping(e.target.value);
   };
 
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/FieldRemappingSettings/FieldRemappingSettings.styled.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/FieldRemappingSettings/FieldRemappingSettings.styled.tsx
index 96cd3945df9..aba6d147d02 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/FieldRemappingSettings/FieldRemappingSettings.styled.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/FieldRemappingSettings/FieldRemappingSettings.styled.tsx
@@ -21,7 +21,7 @@ interface FieldSelectButtonProps {
 }
 
 export const FieldSelectButton = styled(SelectButton)<FieldSelectButtonProps>`
-  border-color: ${props =>
+  border-color: ${(props) =>
     props.hasError ? color("error") : alpha("accent2", 0.2)};
 `;
 
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/FieldVisibilityPicker/FieldVisibilityPicker.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/FieldVisibilityPicker/FieldVisibilityPicker.tsx
index 135dfd28e14..11522a9d7dc 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/FieldVisibilityPicker/FieldVisibilityPicker.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/FieldVisibilityPicker/FieldVisibilityPicker.tsx
@@ -42,9 +42,9 @@ export const FieldVisibilityPicker = ({
       data={DATA}
       fw="bold"
       placeholder={t`Select a field visibility`}
-      renderOption={item => {
+      renderOption={(item) => {
         const selected = item.option.value === value;
-        const option = DATA.find(option => option.value === value);
+        const option = DATA.find((option) => option.value === value);
 
         return (
           <SelectItem selected={selected}>
@@ -71,7 +71,7 @@ export const FieldVisibilityPicker = ({
 };
 
 function getData() {
-  return FIELD_VISIBILITY_TYPES.map(type => ({
+  return FIELD_VISIBILITY_TYPES.map((type) => ({
     description: type.description,
     label: type.name,
     value: type.id,
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataFieldSettings/MetadataFieldSettings.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataFieldSettings/MetadataFieldSettings.tsx
index e5c05d39006..bdf0de0be0c 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataFieldSettings/MetadataFieldSettings.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataFieldSettings/MetadataFieldSettings.tsx
@@ -90,7 +90,7 @@ const MetadataFieldSettings = ({
   loading = true,
   params: { schemaId, section },
 }: MetadataFieldSettingsProps) => {
-  const schema = schemas.find(schema => schema.id === schemaId);
+  const schema = schemas.find((schema) => schema.id === schemaId);
   if (!schema || (!fetched && loading)) {
     return <LoadingAndErrorWrapper loading />;
   }
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataSchemaList/MetadataSchemaList.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataSchemaList/MetadataSchemaList.tsx
index 3292504bb47..c7e7b731965 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataSchemaList/MetadataSchemaList.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataSchemaList/MetadataSchemaList.tsx
@@ -57,8 +57,10 @@ const MetadataSchemaList = ({
     const searchValue = searchText.toLowerCase();
 
     return _.chain(allSchemas)
-      .filter(schema => (schema.name ?? "").toLowerCase().includes(searchValue))
-      .sortBy(schema => schema.name ?? "")
+      .filter((schema) =>
+        (schema.name ?? "").toLowerCase().includes(searchValue),
+      )
+      .sortBy((schema) => schema.name ?? "")
       .value();
   }, [allSchemas, searchText]);
 
@@ -86,7 +88,7 @@ const MetadataSchemaList = ({
           type="text"
           placeholder={t`Find a schema`}
           value={searchText}
-          onChange={e => setSearchText(e.target.value)}
+          onChange={(e) => setSearchText(e.target.value)}
         />
       </div>
       <ul>
@@ -97,7 +99,7 @@ const MetadataSchemaList = ({
             schemas.length,
           )}
         </div>
-        {schemas.map(schema => (
+        {schemas.map((schema) => (
           <SchemaRow
             key={schema.id}
             schema={schema}
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTable/MetadataTable.styled.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTable/MetadataTable.styled.tsx
index a2ed5694ced..82cd811bd58 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTable/MetadataTable.styled.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTable/MetadataTable.styled.tsx
@@ -50,7 +50,7 @@ export const VisibilityBadge = styled.span<VisibilityBadgeProps>`
   margin: 0 0.5rem;
   font-weight: bold;
   cursor: pointer;
-  color: ${props => (props.isChecked ? color("brand") : color("text-dark"))};
+  color: ${(props) => (props.isChecked ? color("brand") : color("text-dark"))};
 
   &:hover {
     color: var(--mb-color-brand);
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableColumnList/MetadataTableColumnList.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableColumnList/MetadataTableColumnList.tsx
index e25aaab5593..bcd10dd663a 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableColumnList/MetadataTableColumnList.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableColumnList/MetadataTableColumnList.tsx
@@ -70,7 +70,7 @@ const MetadataTableColumnList = ({
   });
 
   const sortedFields = useMemo(
-    () => _.sortBy(fields, field => field.position),
+    () => _.sortBy(fields, (field) => field.position),
     [fields],
   );
 
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableList/MetadataTableList.styled.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableList/MetadataTableList.styled.tsx
index 48bbf773741..ed1883557ca 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableList/MetadataTableList.styled.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableList/MetadataTableList.styled.tsx
@@ -26,9 +26,9 @@ export const BackIconContainer = styled.span`
 
 export const HideIconButton = styled(IconButtonWrapper)`
   float: right;
-  cursor: ${props => props.disabled && "not-allowed"};
+  cursor: ${(props) => props.disabled && "not-allowed"};
 
   &:hover {
-    color: ${props => !props.disabled && color("brand")};
+    color: ${(props) => !props.disabled && color("brand")};
   }
 `;
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableList/MetadataTableList.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableList/MetadataTableList.tsx
index 2b0ac0c5bf3..a701b8963d6 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableList/MetadataTableList.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableList/MetadataTableList.tsx
@@ -59,14 +59,14 @@ interface DispatchProps {
 type MetadataTableListProps = OwnProps & TableLoaderProps & DispatchProps;
 
 const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => ({
-  onSelectDatabase: databaseId =>
+  onSelectDatabase: (databaseId) =>
     dispatch(push(Urls.dataModelDatabase(databaseId))),
   onSelectTable: (databaseId, schemaId, tableId) =>
     dispatch(push(Urls.dataModelTable(databaseId, schemaId, tableId))),
   onUpdateTableVisibility: async (tables, visibility) =>
     dispatch(
       Tables.actions.bulkUpdate({
-        ids: tables.map(table => table.id),
+        ids: tables.map((table) => table.id),
         visibility_type: visibility,
       }),
     ),
@@ -88,9 +88,11 @@ const MetadataTableList = ({
     const searchValue = searchText.toLowerCase();
 
     return _.chain(allTables)
-      .filter(table => table.displayName().toLowerCase().includes(searchValue))
-      .sortBy(table => table.displayName())
-      .partition(table => table.visibility_type != null)
+      .filter((table) =>
+        table.displayName().toLowerCase().includes(searchValue),
+      )
+      .sortBy((table) => table.displayName())
+      .partition((table) => table.visibility_type != null)
       .value();
   }, [allTables, searchText]);
 
@@ -125,7 +127,7 @@ const MetadataTableList = ({
             onUpdateTableVisibility={onUpdateTableVisibility}
           />
         )}
-        {visibleTables.map(table => (
+        {visibleTables.map((table) => (
           <TableRow
             key={table.id}
             table={table}
@@ -141,7 +143,7 @@ const MetadataTableList = ({
             onUpdateTableVisibility={onUpdateTableVisibility}
           />
         )}
-        {hiddenTables.map(table => (
+        {hiddenTables.map((table) => (
           <TableRow
             key={table.id}
             table={table}
@@ -359,7 +361,7 @@ const getReloadInterval = (
   _props: TableLoaderProps,
   tables = [],
 ) => {
-  return tables.some(t => isSyncInProgress(t)) ? RELOAD_INTERVAL : 0;
+  return tables.some((t) => isSyncInProgress(t)) ? RELOAD_INTERVAL : 0;
 };
 
 // eslint-disable-next-line import/no-default-export -- deprecated usage
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableSchema/MetadataTableSchema.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableSchema/MetadataTableSchema.tsx
index 15dbaf644c4..c4c9f007a5a 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableSchema/MetadataTableSchema.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableSchema/MetadataTableSchema.tsx
@@ -19,11 +19,11 @@ interface MetadataTableSchemaProps {
 
 const MetadataTableSchema = ({ table }: MetadataTableSchemaProps) => {
   const rootFields = useMemo(() => {
-    return table.fields?.filter(field => field.nfc_path === null) ?? [];
+    return table.fields?.filter((field) => field.nfc_path === null) ?? [];
   }, [table]);
 
   const fieldByParent = useMemo(() => {
-    return _.groupBy(table.fields ?? [], field => field.nfc_path?.[0] ?? "");
+    return _.groupBy(table.fields ?? [], (field) => field.nfc_path?.[0] ?? "");
   }, [table]);
 
   return (
diff --git a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableSettings/MetadataTableSettings.tsx b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableSettings/MetadataTableSettings.tsx
index f315bf78ffa..b17d2760f5b 100644
--- a/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableSettings/MetadataTableSettings.tsx
+++ b/frontend/src/metabase/admin/datamodel/metadata/components/MetadataTableSettings/MetadataTableSettings.tsx
@@ -57,7 +57,7 @@ const MetadataTableSettings = ({
   table,
   params: { schemaId },
 }: MetadataTableSettingsProps) => {
-  const schema = schemas.find(schema => schema.id === schemaId);
+  const schema = schemas.find((schema) => schema.id === schemaId);
   const [rescanTableFieldValues] = useRescanTableFieldValuesMutation();
   const [discardTableFieldValues] = useDiscardTableFieldValuesMutation();
 
diff --git a/frontend/src/metabase/admin/datamodel/selectors.js b/frontend/src/metabase/admin/datamodel/selectors.js
index 2b96d611fee..41880bc6187 100644
--- a/frontend/src/metabase/admin/datamodel/selectors.js
+++ b/frontend/src/metabase/admin/datamodel/selectors.js
@@ -1,3 +1,4 @@
-export const getPreviewSummary = state => state.admin.datamodel.previewSummary;
-export const getRevisions = state => state.admin.datamodel.revisions;
-export const getCurrentUser = state => state.currentUser;
+export const getPreviewSummary = (state) =>
+  state.admin.datamodel.previewSummary;
+export const getRevisions = (state) => state.admin.datamodel.revisions;
+export const getCurrentUser = (state) => state.currentUser;
diff --git a/frontend/src/metabase/admin/people/components/AddMemberRow.jsx b/frontend/src/metabase/admin/people/components/AddMemberRow.jsx
index cd0aa06269e..0e2bdaa7067 100644
--- a/frontend/src/metabase/admin/people/components/AddMemberRow.jsx
+++ b/frontend/src/metabase/admin/people/components/AddMemberRow.jsx
@@ -25,13 +25,13 @@ export default function AddMemberRow({ users, excludeIds, onCancel, onDone }) {
   const [text, setText] = useState("");
   const [selectedUsersById, setSelectedUsersById] = useState(new Map());
 
-  const handleRemoveUser = user => {
+  const handleRemoveUser = (user) => {
     const newSelectedUsersById = new Map(selectedUsersById);
     newSelectedUsersById.delete(user.id);
     setSelectedUsersById(newSelectedUsersById);
   };
 
-  const handleAddUser = user => {
+  const handleAddUser = (user) => {
     const newSelectedUsersById = new Map(selectedUsersById);
     newSelectedUsersById.set(user.id, user);
     setSelectedUsersById(newSelectedUsersById);
@@ -45,7 +45,7 @@ export default function AddMemberRow({ users, excludeIds, onCancel, onDone }) {
   const availableToSelectUsers = useMemo(
     () =>
       users.filter(
-        user => !selectedUsersById.has(user.id) && !excludeIds.has(user.id),
+        (user) => !selectedUsersById.has(user.id) && !excludeIds.has(user.id),
       ),
     [selectedUsersById, excludeIds, users],
   );
@@ -58,11 +58,11 @@ export default function AddMemberRow({ users, excludeIds, onCancel, onDone }) {
           value={text}
           isValid={selectedUsersById.size > 0}
           placeholder={t`Julie McMemberson`}
-          onChange={e => setText(e.target.value)}
+          onChange={(e) => setText(e.target.value)}
           onDone={handleDone}
           onCancel={onCancel}
         >
-          {Array.from(selectedUsersById.values()).map(user => (
+          {Array.from(selectedUsersById.values()).map((user) => (
             <div
               key={user.id}
               className={cx(
diff --git a/frontend/src/metabase/admin/people/components/AddMemberRow.styled.tsx b/frontend/src/metabase/admin/people/components/AddMemberRow.styled.tsx
index e8890b244af..207641d2d22 100644
--- a/frontend/src/metabase/admin/people/components/AddMemberRow.styled.tsx
+++ b/frontend/src/metabase/admin/people/components/AddMemberRow.styled.tsx
@@ -8,5 +8,5 @@ interface AddMemberAutocompleteSuggestionRootProps {
 export const AddMemberAutocompleteSuggestionRoot = styled.div<AddMemberAutocompleteSuggestionRootProps>`
   padding: 0.5rem 1rem;
   cursor: pointer;
-  background-color: ${props => props.isSelected && "var(--mb-color-brand)"};
+  background-color: ${(props) => props.isSelected && "var(--mb-color-brand)"};
 `;
diff --git a/frontend/src/metabase/admin/people/components/GroupDetail.jsx b/frontend/src/metabase/admin/people/components/GroupDetail.jsx
index 916f1d5c63b..a3ac1a7d633 100644
--- a/frontend/src/metabase/admin/people/components/GroupDetail.jsx
+++ b/frontend/src/metabase/admin/people/components/GroupDetail.jsx
@@ -93,17 +93,17 @@ const GroupDetail = ({
     loadMemberships();
   }, [loadMemberships]);
 
-  const alert = alertMessage => setAlertMessage(alertMessage);
+  const alert = (alertMessage) => setAlertMessage(alertMessage);
 
   const onAddUsersClicked = () => setAddUserVisible(true);
 
   const onAddUserCanceled = () => setAddUserVisible(false);
 
-  const onAddUserDone = async userIds => {
+  const onAddUserDone = async (userIds) => {
     setAddUserVisible(false);
     try {
       await Promise.all(
-        userIds.map(async userId => {
+        userIds.map(async (userId) => {
           await createMembership({
             groupId: group.id,
             userId,
@@ -115,7 +115,7 @@ const GroupDetail = ({
     }
   };
 
-  const handleChange = async membership => {
+  const handleChange = async (membership) => {
     const confirmation = PLUGIN_GROUP_MANAGERS.getChangeMembershipConfirmation(
       currentUser,
       membership,
@@ -135,7 +135,7 @@ const GroupDetail = ({
     });
   };
 
-  const handleRemove = async membershipId => {
+  const handleRemove = async (membershipId) => {
     const confirmation = PLUGIN_GROUP_MANAGERS.getRemoveMembershipConfirmation(
       currentUser,
       membershipsByUser[currentUser.id],
diff --git a/frontend/src/metabase/admin/people/components/GroupMembersTable/GroupMembersTable.tsx b/frontend/src/metabase/admin/people/components/GroupMembersTable/GroupMembersTable.tsx
index 1ee48959f04..6f2c752c5e5 100644
--- a/frontend/src/metabase/admin/people/components/GroupMembersTable/GroupMembersTable.tsx
+++ b/frontend/src/metabase/admin/people/components/GroupMembersTable/GroupMembersTable.tsx
@@ -62,7 +62,7 @@ function GroupMembersTable({
 }: GroupMembersTableProps) {
   const { isLoading, data: apiKeys } = useListApiKeysQuery();
   const groupApiKeys = useMemo(() => {
-    return apiKeys?.filter(apiKey => apiKey.group.id === group.id) ?? [];
+    return apiKeys?.filter((apiKey) => apiKey.group.id === group.id) ?? [];
   }, [apiKeys, group.id]);
 
   // you can't remove people from Default and you can't remove the last user from Admin
@@ -72,11 +72,12 @@ function GroupMembersTable({
 
   const hasMembers = group.members.length > 0;
 
-  const handleAddUser: GroupMembersTableProps["onAddUserDone"] =
-    async userIds => {
-      await onAddUserDone(userIds);
-      reload();
-    };
+  const handleAddUser: GroupMembersTableProps["onAddUserDone"] = async (
+    userIds,
+  ) => {
+    await onAddUserDone(userIds);
+    reload();
+  };
 
   const handleRemoveUser = async (membershipId: number) => {
     await onMembershipRemove(membershipId);
@@ -90,7 +91,7 @@ function GroupMembersTable({
   ].filter(isNotNull);
 
   const alreadyMembersIds = useMemo(
-    () => new Set(groupMemberships.map(membership => membership.user_id)),
+    () => new Set(groupMemberships.map((membership) => membership.user_id)),
     [groupMemberships],
   );
 
@@ -177,7 +178,7 @@ const UserRow = ({
   memberships = [],
 }: UserRowProps) => {
   const groupMembership = memberships.find(
-    membership => membership.group_id === group.id,
+    (membership) => membership.group_id === group.id,
   );
 
   if (!groupMembership) {
diff --git a/frontend/src/metabase/admin/people/components/GroupSummary.jsx b/frontend/src/metabase/admin/people/components/GroupSummary.jsx
index a005e889ea4..532bda38663 100644
--- a/frontend/src/metabase/admin/people/components/GroupSummary.jsx
+++ b/frontend/src/metabase/admin/people/components/GroupSummary.jsx
@@ -9,7 +9,7 @@ import { AdminGroupLabel } from "./GroupSummary.styled";
 const GroupSummary = ({ groups, selectedGroupIds }) => {
   const adminGroup = groups.find(isAdminGroup);
   const otherGroups = groups.filter(
-    g =>
+    (g) =>
       selectedGroupIds.includes(g.id) && !isAdminGroup(g) && !isDefaultGroup(g),
   );
   if (adminGroup && selectedGroupIds.includes(adminGroup.id)) {
@@ -19,7 +19,7 @@ const GroupSummary = ({ groups, selectedGroupIds }) => {
         {otherGroups.length > 0 && " " + t`and` + " "}
         {otherGroups.length > 0 && (
           <span className={CS.textBrand}>
-            {(n => ngettext(msgid`${n} other group`, `${n} other groups`, n))(
+            {((n) => ngettext(msgid`${n} other group`, `${n} other groups`, n))(
               otherGroups.length,
             )}
           </span>
@@ -31,7 +31,7 @@ const GroupSummary = ({ groups, selectedGroupIds }) => {
   } else if (otherGroups.length > 1) {
     return (
       <span className={CS.textBrand}>
-        {(n => ngettext(msgid`${n} other group`, `${n} other groups`, n))(
+        {((n) => ngettext(msgid`${n} other group`, `${n} other groups`, n))(
           otherGroups.length,
         )}
       </span>
diff --git a/frontend/src/metabase/admin/people/components/GroupsListing.jsx b/frontend/src/metabase/admin/people/components/GroupsListing.jsx
index 6451c9d5bb9..b070b5869eb 100644
--- a/frontend/src/metabase/admin/people/components/GroupsListing.jsx
+++ b/frontend/src/metabase/admin/people/components/GroupsListing.jsx
@@ -41,8 +41,8 @@ function AddGroupRow({ text, onCancelClicked, onCreateClicked, onTextChange }) {
           value={text}
           isValid={textIsValid}
           placeholder={t`Something like "Marketing"`}
-          onChange={e => onTextChange(e.target.value)}
-          onKeyDown={e => {
+          onChange={(e) => onTextChange(e.target.value)}
+          onKeyDown={(e) => {
             if (e.keyCode === KEYCODE_ENTER) {
               onCreateClicked();
             }
@@ -159,7 +159,7 @@ function EditingGroupRow({
           type="text"
           autoFocus={true}
           value={group.name}
-          onChange={e => onTextChange(e.target.value)}
+          onChange={(e) => onTextChange(e.target.value)}
         />
       </td>
       <td />
@@ -301,7 +301,7 @@ function GroupsTable({
             apiKeys={
               isDefaultGroup(group)
                 ? (apiKeys ?? [])
-                : (apiKeys?.filter(apiKey => apiKey.group.id === group.id) ??
+                : (apiKeys?.filter((apiKey) => apiKey.group.id === group.id) ??
                   [])
             }
             groupBeingEdited={groupBeingEdited}
diff --git a/frontend/src/metabase/admin/people/components/MembershipSelect/MembershipSelect.styled.tsx b/frontend/src/metabase/admin/people/components/MembershipSelect/MembershipSelect.styled.tsx
index 59d61180b93..56cb7449064 100644
--- a/frontend/src/metabase/admin/people/components/MembershipSelect/MembershipSelect.styled.tsx
+++ b/frontend/src/metabase/admin/people/components/MembershipSelect/MembershipSelect.styled.tsx
@@ -17,13 +17,13 @@ export const MembershipSelectItem = styled.li<MembershipSelectItemProps>`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  cursor: ${props => (props.isDisabled ? "unset" : "pointer")};
+  cursor: ${(props) => (props.isDisabled ? "unset" : "pointer")};
   padding: 0.5rem 1.5rem;
   background-color: var(--mb-color-bg-white);
   color: var(--mb-color-text-medium);
   font-weight: 700;
 
-  ${props =>
+  ${(props) =>
     !props.isDisabled &&
     css`
       &:hover {
diff --git a/frontend/src/metabase/admin/people/components/MembershipSelect/MembershipSelect.tsx b/frontend/src/metabase/admin/people/components/MembershipSelect/MembershipSelect.tsx
index 9733ec27c69..013cd34522e 100644
--- a/frontend/src/metabase/admin/people/components/MembershipSelect/MembershipSelect.tsx
+++ b/frontend/src/metabase/admin/people/components/MembershipSelect/MembershipSelect.tsx
@@ -28,7 +28,7 @@ const getGroupSections = (groups: GroupListQuery[]) => {
   const adminGroup = groups.find(isAdminGroup);
   const pinnedGroups = [defaultGroup, adminGroup].filter(isNotNull);
   const regularGroups = groups.filter(
-    group => !isAdminGroup(group) && !isDefaultGroup(group),
+    (group) => !isAdminGroup(group) && !isDefaultGroup(group),
   );
 
   if (pinnedGroups.length > 0) {
@@ -109,7 +109,7 @@ export const MembershipSelect = ({
             {section.header && (
               <MembershipSelectHeader>{section.header}</MembershipSelectHeader>
             )}
-            {section.groups.map(group => {
+            {section.groups.map((group) => {
               const isDisabled =
                 (isAdminGroup(group) && isCurrentUser) || isDefaultGroup(group);
               const isMember = memberships.has(group.id);
diff --git a/frontend/src/metabase/admin/people/components/NudgeToPro.tsx b/frontend/src/metabase/admin/people/components/NudgeToPro.tsx
index 015c01ba8b8..c4f1cab4892 100644
--- a/frontend/src/metabase/admin/people/components/NudgeToPro.tsx
+++ b/frontend/src/metabase/admin/people/components/NudgeToPro.tsx
@@ -8,7 +8,7 @@ import { Icon } from "metabase/ui";
 import { Description, NudgeCard, ProLink, Subtitle } from "./NudgeToPro.styled";
 
 export const NudgeToPro = () => {
-  const upgradeUrl = useSelector(state =>
+  const upgradeUrl = useSelector((state) =>
     getUpgradeUrl(state, { utm_content: "people" }),
   );
   return (
diff --git a/frontend/src/metabase/admin/people/components/PeopleList.jsx b/frontend/src/metabase/admin/people/components/PeopleList.jsx
index 2b04c9dabbb..1bda1266dee 100644
--- a/frontend/src/metabase/admin/people/components/PeopleList.jsx
+++ b/frontend/src/metabase/admin/people/components/PeopleList.jsx
@@ -27,7 +27,7 @@ import { getMembershipsByUser } from "../selectors";
 
 import PeopleListRow from "./PeopleListRow";
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   currentUser: getUser(state),
   isAdmin: getUserIsAdmin(state),
   groups: Group.selectors.getList(state),
@@ -85,8 +85,8 @@ const PeopleList = ({
     }
 
     const areSameUsers = _.isEqual(
-      prevUsers.map(u => u.id),
-      users.map(u => u.id),
+      prevUsers.map((u) => u.id),
+      users.map((u) => u.id),
     );
 
     if (!areSameUsers) {
@@ -94,8 +94,8 @@ const PeopleList = ({
     }
 
     const isActivityChanged = !_.isEqual(
-      prevUsers.map(u => u.is_active),
-      users.map(u => u.is_active),
+      prevUsers.map((u) => u.is_active),
+      users.map((u) => u.is_active),
     );
 
     if (isActivityChanged) {
@@ -107,13 +107,13 @@ const PeopleList = ({
 
   const { page, pageSize, status } = query;
 
-  const isCurrentUser = u => currentUser?.id === u.id;
+  const isCurrentUser = (u) => currentUser?.id === u.id;
   const showDeactivated = status === USER_STATUS.deactivated;
   const hasUsers = users.length > 0;
 
   const handleChange = async (groupId, membershipData, userId) => {
     const membership = membershipsByUser[userId].find(
-      membership => membership.group_id === groupId,
+      (membership) => membership.group_id === groupId,
     );
     const updatedMembership = {
       ...membership,
@@ -146,7 +146,7 @@ const PeopleList = ({
 
   const handleRemove = async (groupId, userId) => {
     const membershipId = membershipsByUser[userId].find(
-      membership => membership.group_id === groupId,
+      (membership) => membership.group_id === groupId,
     ).membership_id;
 
     const confirmation = PLUGIN_GROUP_MANAGERS.getRemoveMembershipConfirmation(
@@ -205,7 +205,7 @@ const PeopleList = ({
         </thead>
         <tbody>
           {hasUsers &&
-            users.map(user => (
+            users.map((user) => (
               <PeopleListRow
                 key={user.id}
                 user={user}
@@ -214,8 +214,8 @@ const PeopleList = ({
                 userMemberships={membershipsByUser[user.id]}
                 isCurrentUser={isCurrentUser(user)}
                 isAdmin={isAdmin}
-                onAdd={groupId => handleAdd(groupId, user.id)}
-                onRemove={groupId => handleRemove(groupId, user.id)}
+                onAdd={(groupId) => handleAdd(groupId, user.id)}
+                onRemove={(groupId) => handleRemove(groupId, user.id)}
                 onChange={(groupId, membershipData) =>
                   handleChange(groupId, membershipData, user.id)
                 }
diff --git a/frontend/src/metabase/admin/people/components/PeopleListRow.jsx b/frontend/src/metabase/admin/people/components/PeopleListRow.jsx
index abf20982704..462cf51ed7d 100644
--- a/frontend/src/metabase/admin/people/components/PeopleListRow.jsx
+++ b/frontend/src/metabase/admin/people/components/PeopleListRow.jsx
@@ -43,7 +43,7 @@ const PeopleListRow = ({
 
   const isLoadingGroups = !groups;
 
-  const isPasswordLoginEnabled = useSelector(state =>
+  const isPasswordLoginEnabled = useSelector((state) =>
     getSetting(state, enablePasswordLoginKey),
   );
 
@@ -117,7 +117,7 @@ const PeopleListRow = ({
                     title: t`Reset password`,
                     link: Urls.resetPassword(user.id),
                   },
-                  ...PLUGIN_ADMIN_USER_MENU_ITEMS.flatMap(getItems =>
+                  ...PLUGIN_ADMIN_USER_MENU_ITEMS.flatMap((getItems) =>
                     getItems(user),
                   ),
                   !isCurrentUser && {
diff --git a/frontend/src/metabase/admin/people/components/SearchInput.jsx b/frontend/src/metabase/admin/people/components/SearchInput.jsx
index 8a305fa4fcc..f813336a9e1 100644
--- a/frontend/src/metabase/admin/people/components/SearchInput.jsx
+++ b/frontend/src/metabase/admin/people/components/SearchInput.jsx
@@ -4,7 +4,7 @@ import styled from "@emotion/styled";
 import Input from "metabase/core/components/Input";
 import { Icon } from "metabase/ui";
 
-const SearchInput = styled(props => (
+const SearchInput = styled((props) => (
   <Input
     {...props}
     icon={props.icon ?? <Icon name="search" size={16} />}
diff --git a/frontend/src/metabase/admin/people/containers/PeopleListingApp.jsx b/frontend/src/metabase/admin/people/containers/PeopleListingApp.jsx
index 331bedab776..f8b792aa28a 100644
--- a/frontend/src/metabase/admin/people/containers/PeopleListingApp.jsx
+++ b/frontend/src/metabase/admin/people/containers/PeopleListingApp.jsx
@@ -27,7 +27,7 @@ function PeopleListingApp({ children, isAdmin }) {
     handlePreviousPage,
   } = usePeopleQuery(PAGE_SIZE);
 
-  const handleSearchChange = e => {
+  const handleSearchChange = (e) => {
     updateSearchInputValue(e.target.value);
   };
 
@@ -76,6 +76,6 @@ PeopleListingApp.propTypes = {
   isAdmin: PropTypes.bool,
 };
 
-export default connect(state => ({
+export default connect((state) => ({
   isAdmin: getUserIsAdmin(state),
 }))(PeopleListingApp);
diff --git a/frontend/src/metabase/admin/people/containers/UserSuccessModal.jsx b/frontend/src/metabase/admin/people/containers/UserSuccessModal.jsx
index f4239654746..17b8e13b2c1 100644
--- a/frontend/src/metabase/admin/people/containers/UserSuccessModal.jsx
+++ b/frontend/src/metabase/admin/people/containers/UserSuccessModal.jsx
@@ -23,11 +23,11 @@ export function UserSuccessModal({ params }) {
   const userId = parseInt(params.userId);
   const { data: user, isLoading, error } = useGetUserQuery(userId);
 
-  const temporaryPassword = useSelector(state =>
+  const temporaryPassword = useSelector((state) =>
     getUserTemporaryPassword(state, { userId }),
   );
   const hasSsoEnabled = useSelector(isSsoEnabled);
-  const hasPasswordLoginEnabled = useSelector(state =>
+  const hasPasswordLoginEnabled = useSelector((state) =>
     getSetting(state, "enable-password-login"),
   );
   const dispatch = useDispatch();
diff --git a/frontend/src/metabase/admin/people/hooks/use-people-query.js b/frontend/src/metabase/admin/people/hooks/use-people-query.js
index 1ddec2a8e66..dbfcb8b3cfd 100644
--- a/frontend/src/metabase/admin/people/hooks/use-people-query.js
+++ b/frontend/src/metabase/admin/people/hooks/use-people-query.js
@@ -11,7 +11,7 @@ const MIN_SEARCH_LENGTH = 2;
 // it is not the best place to store pagination state since we might want to
 // change it from the ancestors, for instance, when we change list filter props.
 // If users change any filters, we should reset the page state.
-export const usePeopleQuery = pageSize => {
+export const usePeopleQuery = (pageSize) => {
   const { handleNextPage, handlePreviousPage, setPage, page } = usePagination();
 
   const [status, setStatus] = useState(USER_STATUS.active);
@@ -31,7 +31,7 @@ export const usePeopleQuery = pageSize => {
     return () => clearTimeout(timerId);
   }, [searchInputValue, setPage]);
 
-  const updateStatus = status => {
+  const updateStatus = (status) => {
     setPage(0);
     setStatus(status);
   };
diff --git a/frontend/src/metabase/admin/people/people.js b/frontend/src/metabase/admin/people/people.js
index e3d5bcacd6b..c0c5f5caba4 100644
--- a/frontend/src/metabase/admin/people/people.js
+++ b/frontend/src/metabase/admin/people/people.js
@@ -26,7 +26,7 @@ export const loadMemberships = createAction(LOAD_MEMBERSHIPS, async () =>
   _.chain(await PermissionsApi.memberships())
     .values()
     .flatten()
-    .map(m => [m.membership_id, m])
+    .map((m) => [m.membership_id, m])
     .object()
     .value(),
 );
@@ -48,7 +48,7 @@ export const createMembership = createAction(
 );
 export const deleteMembership = createThunkAction(
   DELETE_MEMBERSHIP,
-  membershipId => async (_dispatch, getState) => {
+  (membershipId) => async (_dispatch, getState) => {
     const memberships = getMemberships(getState());
     const membership = memberships[membershipId];
     await PermissionsApi.deleteMembership({ id: membershipId });
@@ -59,7 +59,7 @@ export const deleteMembership = createThunkAction(
 
 export const updateMembership = createAction(
   UPDATE_MEMBERSHIP,
-  async membership => {
+  async (membership) => {
     await PermissionsApi.updateMembership({
       ...membership,
       id: membership.membership_id,
diff --git a/frontend/src/metabase/admin/people/selectors.js b/frontend/src/metabase/admin/people/selectors.js
index 896598ca5c8..c7a7b1535b5 100644
--- a/frontend/src/metabase/admin/people/selectors.js
+++ b/frontend/src/metabase/admin/people/selectors.js
@@ -5,22 +5,22 @@ import { hasAnySsoFeature } from "metabase/common/utils/plan";
 import { getSetting } from "metabase/selectors/settings";
 import { getUserIsAdmin } from "metabase/selectors/user";
 
-export const getMemberships = state => state.admin.people.memberships;
+export const getMemberships = (state) => state.admin.people.memberships;
 
 export const getMembershipsList = createSelector(
   [getMemberships],
-  memberships => Object.values(memberships) || [],
+  (memberships) => Object.values(memberships) || [],
 );
 
 export const getGroupMemberships = createSelector(
   [getMembershipsList, (_state, props) => props.group.id],
   (membershipsList, groupId) =>
-    membershipsList.filter(membership => membership.group_id === groupId),
+    membershipsList.filter((membership) => membership.group_id === groupId),
 );
 
 export const getMembershipsByUser = createSelector(
   [getMembershipsList],
-  membershipsList =>
+  (membershipsList) =>
     membershipsList?.reduce((acc, membership) => {
       acc[membership.user_id] ??= [];
       acc[membership.user_id].push(membership);
@@ -32,9 +32,9 @@ export const getUserTemporaryPassword = (state, props) =>
   state.admin.people.temporaryPasswords[props.userId];
 
 export const shouldNudgeToPro = createSelector(
-  state => getSetting(state, "token-features"),
-  state => getUserIsAdmin(state),
-  state => getSetting(state, "active-users-count"),
+  (state) => getSetting(state, "token-features"),
+  (state) => getUserIsAdmin(state),
+  (state) => getSetting(state, "active-users-count"),
   (tokenFeatures, isAdmin, numActiveUsers) => {
     return (
       !hasAnySsoFeature(tokenFeatures) &&
diff --git a/frontend/src/metabase/admin/performance/components/PerformanceApp.tsx b/frontend/src/metabase/admin/performance/components/PerformanceApp.tsx
index 005a1aa680b..19ce65107b0 100644
--- a/frontend/src/metabase/admin/performance/components/PerformanceApp.tsx
+++ b/frontend/src/metabase/admin/performance/components/PerformanceApp.tsx
@@ -50,7 +50,7 @@ export const PerformanceApp = ({
   return (
     <Tabs
       value={tabId}
-      onChange={value => {
+      onChange={(value) => {
         if (isValidTabId(value)) {
           dispatch(
             push(
diff --git a/frontend/src/metabase/admin/performance/components/StrategyEditorForDatabases.styled.tsx b/frontend/src/metabase/admin/performance/components/StrategyEditorForDatabases.styled.tsx
index cac53fde6e0..d4686c051e8 100644
--- a/frontend/src/metabase/admin/performance/components/StrategyEditorForDatabases.styled.tsx
+++ b/frontend/src/metabase/admin/performance/components/StrategyEditorForDatabases.styled.tsx
@@ -8,7 +8,7 @@ export const Panel = styled.section<{ hasLeftBorder?: boolean }>`
   background-color: var(--mb-color-bg-white);
   height: 100%;
 
-  ${props =>
+  ${(props) =>
     props.hasLeftBorder &&
     css`
       border-left: 1px solid var(--mb-color-border);
@@ -19,9 +19,9 @@ export const RoundedBox = styled.div<{ twoColumns?: boolean }>`
   margin-bottom: 1rem;
   width: 100%;
   display: grid;
-  grid-template-columns: minmax(5rem, 30rem) ${props =>
+  grid-template-columns: minmax(5rem, 30rem) ${(props) =>
       props.twoColumns ? "minmax(5rem, auto)" : ""};
-  max-width: ${props => (props.twoColumns ? "100%" : "30rem")};
+  max-width: ${(props) => (props.twoColumns ? "100%" : "30rem")};
   overflow: hidden;
   border-radius: 1rem;
   border: 2px solid var(--mb-color-border);
diff --git a/frontend/src/metabase/admin/performance/components/StrategyEditorForDatabases.tsx b/frontend/src/metabase/admin/performance/components/StrategyEditorForDatabases.tsx
index 87329bedc31..0e810dda8e8 100644
--- a/frontend/src/metabase/admin/performance/components/StrategyEditorForDatabases.tsx
+++ b/frontend/src/metabase/admin/performance/components/StrategyEditorForDatabases.tsx
@@ -94,7 +94,7 @@ const StrategyEditorForDatabases_Base = ({
     }
   }, [canOverrideRootStrategy, targetId]);
 
-  const targetDatabase = databases.find(db => db.id === targetId);
+  const targetDatabase = databases.find((db) => db.id === targetId);
 
   const shouldAllowInvalidation = useMemo(() => {
     if (
diff --git a/frontend/src/metabase/admin/performance/components/StrategyForm.tsx b/frontend/src/metabase/admin/performance/components/StrategyForm.tsx
index fbf249a03a0..4e15231ab65 100644
--- a/frontend/src/metabase/admin/performance/components/StrategyForm.tsx
+++ b/frontend/src/metabase/admin/performance/components/StrategyForm.tsx
@@ -132,7 +132,7 @@ export const StrategyForm = ({
 const isFormDirty = (values: CacheStrategy, initialValues: CacheStrategy) => {
   const fieldNames = [...Object.keys(values), ...Object.keys(initialValues)];
   const defaultValues = _.object(
-    _.map(fieldNames, fieldName => [
+    _.map(fieldNames, (fieldName) => [
       fieldName,
       getDefaultValueForField(values.type, fieldName),
     ]),
@@ -389,7 +389,7 @@ const ScheduleStrategyFormFields = () => {
   const { values, setFieldValue } = useFormikContext<ScheduleStrategy>();
   const { schedule: scheduleInCronFormat } = values;
   const initialSchedule = cronToScheduleSettings(scheduleInCronFormat);
-  const timezone = useSelector(state =>
+  const timezone = useSelector((state) =>
     getSetting(state, "report-timezone-short"),
   );
   const onScheduleChange = useCallback(
diff --git a/frontend/src/metabase/admin/performance/constants/complex.ts b/frontend/src/metabase/admin/performance/constants/complex.ts
index e1434f21faa..d32d548ab5c 100644
--- a/frontend/src/metabase/admin/performance/constants/complex.ts
+++ b/frontend/src/metabase/admin/performance/constants/complex.ts
@@ -117,4 +117,4 @@ export const getPerformanceTabMetadata = () =>
   ] as (AdminPath & { tabId: string })[];
 
 export const getPerformanceAdminPaths = (metadata: AdminPath[]) =>
-  metadata.map(tab => ({ ...tab, name: `${t`Performance`} - ${tab.name}` }));
+  metadata.map((tab) => ({ ...tab, name: `${t`Performance`} - ${tab.name}` }));
diff --git a/frontend/src/metabase/admin/performance/hooks/useCacheConfigs.tsx b/frontend/src/metabase/admin/performance/hooks/useCacheConfigs.tsx
index 976efe3e40a..c127b1bf753 100644
--- a/frontend/src/metabase/admin/performance/hooks/useCacheConfigs.tsx
+++ b/frontend/src/metabase/admin/performance/hooks/useCacheConfigs.tsx
@@ -23,7 +23,7 @@ export const useCacheConfigs = ({
 }) => {
   const configsApiResult = useAsync(async () => {
     const configsForEachModel = await Promise.all(
-      configurableModels.map(model =>
+      configurableModels.map((model) =>
         CacheConfigApi.list({ model, id }).then(
           (response: CacheConfigAPIResponse) => response.data,
         ),
@@ -39,7 +39,7 @@ export const useCacheConfigs = ({
   const [configs, setConfigs] = useState<CacheConfig[]>([]);
 
   const rootStrategyOverriddenOnce = configs.some(
-    config => config.model_id !== rootId,
+    (config) => config.model_id !== rootId,
   );
 
   const [rootStrategyRecentlyOverridden] = useRecentlyTrue(
diff --git a/frontend/src/metabase/admin/performance/hooks/useConfirmOnRouteLeave.tsx b/frontend/src/metabase/admin/performance/hooks/useConfirmOnRouteLeave.tsx
index c26b38dacd6..4c658462fc3 100644
--- a/frontend/src/metabase/admin/performance/hooks/useConfirmOnRouteLeave.tsx
+++ b/frontend/src/metabase/admin/performance/hooks/useConfirmOnRouteLeave.tsx
@@ -23,7 +23,7 @@ export const useConfirmOnRouteLeave = ({
     if (!route || !router) {
       return;
     }
-    const removeLeaveHook = router.setRouteLeaveHook(route, location => {
+    const removeLeaveHook = router.setRouteLeaveHook(route, (location) => {
       if (shouldConfirm && !isConfirmed) {
         confirm(() => {
           setIsConfirmed(true);
diff --git a/frontend/src/metabase/admin/performance/hooks/useSaveStrategy.tsx b/frontend/src/metabase/admin/performance/hooks/useSaveStrategy.tsx
index 16b7e1629de..6ac68806355 100644
--- a/frontend/src/metabase/admin/performance/hooks/useSaveStrategy.tsx
+++ b/frontend/src/metabase/admin/performance/hooks/useSaveStrategy.tsx
@@ -38,7 +38,7 @@ export const useSaveStrategy = (
       };
 
       const otherConfigs = configs.filter(
-        config => config.model_id !== targetId,
+        (config) => config.model_id !== targetId,
       );
       const shouldDeleteStrategy =
         values.type === "inherit" ||
diff --git a/frontend/src/metabase/admin/performance/utils.tsx b/frontend/src/metabase/admin/performance/utils.tsx
index ff0902bbba9..f32f299df50 100644
--- a/frontend/src/metabase/admin/performance/utils.tsx
+++ b/frontend/src/metabase/admin/performance/utils.tsx
@@ -33,7 +33,7 @@ export const cronUnitToNumber = (unit: string) =>
 
 const dayToCron = (day: ScheduleSettings["schedule_day"]) => {
   const { weekdays } = getScheduleStrings();
-  const index = weekdays.findIndex(o => o.value === day);
+  const index = weekdays.findIndex((o) => o.value === day);
   if (index === -1) {
     throw new Error(`Invalid day: ${day}`);
   }
@@ -215,7 +215,7 @@ export const isErrorWithMessage = (error: unknown): error is ErrorWithMessage =>
   typeof (error as { data: { message: any } }).data.message === "string";
 
 const delay = (milliseconds: number) =>
-  new Promise(resolve => setTimeout(resolve, milliseconds));
+  new Promise((resolve) => setTimeout(resolve, milliseconds));
 
 /** To prevent UI jumpiness, ensure a minimum delay before continuing.
  * An example of jumpiness: clicking a save button results in
@@ -258,12 +258,12 @@ export const getShortStrategyLabel = (
   const mainLabel = getLabelString(type.shortLabel ?? type.label, model);
   /** Part of the label shown after the colon */
   const subLabel = match(strategy)
-    .with({ type: "schedule" }, strategy =>
+    .with({ type: "schedule" }, (strategy) =>
       getFrequencyFromCron(strategy.schedule),
     )
     .with(
       { type: "duration" },
-      strategy =>
+      (strategy) =>
         c(
           "{0} is a number. Indicates a number of hours (the length of a cache)",
         ).t`${strategy.duration}h`,
diff --git a/frontend/src/metabase/admin/permissions/components/CollectionPermissionsModal/CollectionPermissionsModal.jsx b/frontend/src/metabase/admin/permissions/components/CollectionPermissionsModal/CollectionPermissionsModal.jsx
index 12f4382d640..7f49c4abbb7 100644
--- a/frontend/src/metabase/admin/permissions/components/CollectionPermissionsModal/CollectionPermissionsModal.jsx
+++ b/frontend/src/metabase/admin/permissions/components/CollectionPermissionsModal/CollectionPermissionsModal.jsx
@@ -29,7 +29,7 @@ import { PermissionsTable } from "../PermissionsTable";
 
 import { PermissionTableContainer } from "./CollectionPermissionsModal.styled";
 
-const getDefaultTitle = namespace =>
+const getDefaultTitle = (namespace) =>
   namespace === "snippets"
     ? t`Permissions for this folder`
     : t`Permissions for this collection`;
diff --git a/frontend/src/metabase/admin/permissions/components/DataPermissionsHelp/DataPermissionsHelp.tsx b/frontend/src/metabase/admin/permissions/components/DataPermissionsHelp/DataPermissionsHelp.tsx
index 26cc8cfbb38..559393d6c9b 100644
--- a/frontend/src/metabase/admin/permissions/components/DataPermissionsHelp/DataPermissionsHelp.tsx
+++ b/frontend/src/metabase/admin/permissions/components/DataPermissionsHelp/DataPermissionsHelp.tsx
@@ -23,10 +23,10 @@ import { hasPermissionValueInGraph } from "../../utils/graph/data-permissions";
 
 export const DataPermissionsHelp = () => {
   const isAdvancedPermissionsFeatureEnabled = useSelector(
-    state => getSetting(state, "token-features").advanced_permissions,
+    (state) => getSetting(state, "token-features").advanced_permissions,
   );
 
-  const shouldShowLegacyNoSelfServiceInfo = useSelector(state =>
+  const shouldShowLegacyNoSelfServiceInfo = useSelector((state) =>
     hasPermissionValueInGraph(
       state.admin.permissions.originalDataPermissions,
       DataPermissionValue.LEGACY_NO_SELF_SERVICE,
diff --git a/frontend/src/metabase/admin/permissions/components/DataPermissionsHelp/DataPermissionsHelp.unit.spec.tsx b/frontend/src/metabase/admin/permissions/components/DataPermissionsHelp/DataPermissionsHelp.unit.spec.tsx
index 7df1e05cb2e..09a948d2a2d 100644
--- a/frontend/src/metabase/admin/permissions/components/DataPermissionsHelp/DataPermissionsHelp.unit.spec.tsx
+++ b/frontend/src/metabase/admin/permissions/components/DataPermissionsHelp/DataPermissionsHelp.unit.spec.tsx
@@ -29,11 +29,11 @@ describe("DataPermissionsHelp", () => {
 
     screen
       .queryAllByText("Only available in certain Metabase plans.")
-      .every(element => {
+      .every((element) => {
         expect(element).toBeInTheDocument();
       });
 
-    screen.getAllByText("Upgrade to Pro").every(link => {
+    screen.getAllByText("Upgrade to Pro").every((link) => {
       expect(link).toHaveAttribute(
         "href",
         "https://www.metabase.com/upgrade?utm_source=product&utm_medium=upsell&utm_content=admin_permissions&source_plan=oss",
diff --git a/frontend/src/metabase/admin/permissions/components/FilterableTree/FilterableTree.styled.tsx b/frontend/src/metabase/admin/permissions/components/FilterableTree/FilterableTree.styled.tsx
index a71024a3f5d..4c9e6bc7ba4 100644
--- a/frontend/src/metabase/admin/permissions/components/FilterableTree/FilterableTree.styled.tsx
+++ b/frontend/src/metabase/admin/permissions/components/FilterableTree/FilterableTree.styled.tsx
@@ -29,12 +29,13 @@ export const EmptyStateContainer = styled.div`
 `;
 
 export const AdminTreeNode = styled(Tree.Node)`
-  color: ${props =>
+  color: ${(props) =>
     props.isSelected ? color("text-white") : color("text-medium")};
-  background-color: ${props => (props.isSelected ? color("filter") : "unset")};
+  background-color: ${(props) =>
+    props.isSelected ? color("filter") : "unset"};
 
   &:hover {
-    background-color: ${props =>
+    background-color: ${(props) =>
       props.isSelected ? color("filter") : lighten(color("filter"), 0.6)};
   }
 `;
diff --git a/frontend/src/metabase/admin/permissions/components/FilterableTree/FilterableTree.tsx b/frontend/src/metabase/admin/permissions/components/FilterableTree/FilterableTree.tsx
index af2742c74bc..f464ac2c864 100644
--- a/frontend/src/metabase/admin/permissions/components/FilterableTree/FilterableTree.tsx
+++ b/frontend/src/metabase/admin/permissions/components/FilterableTree/FilterableTree.tsx
@@ -51,7 +51,7 @@ export const FilterableTree = ({
     return searchItems(itemGroups.flat(), trimmedFilter);
   }, [itemGroups, debouncedFilter]);
 
-  const handleFilterChange: InputProps["onChange"] = e =>
+  const handleFilterChange: InputProps["onChange"] = (e) =>
     setFilter(e.target.value);
 
   return (
diff --git a/frontend/src/metabase/admin/permissions/components/FilterableTree/utils.ts b/frontend/src/metabase/admin/permissions/components/FilterableTree/utils.ts
index 54c5aa0b13a..9da2dc193bc 100644
--- a/frontend/src/metabase/admin/permissions/components/FilterableTree/utils.ts
+++ b/frontend/src/metabase/admin/permissions/components/FilterableTree/utils.ts
@@ -1,10 +1,10 @@
 export const searchItems = (items: any[], filter: string) => {
-  const matchingItems = items.filter(item =>
+  const matchingItems = items.filter((item) =>
     item.name.toLowerCase().includes(filter),
   );
 
   const children = items
-    .map(c => c.children)
+    .map((c) => c.children)
     .filter(Boolean)
     .flat();
 
diff --git a/frontend/src/metabase/admin/permissions/components/LegacyPermissionsModal/LegacyPermissionsModal.tsx b/frontend/src/metabase/admin/permissions/components/LegacyPermissionsModal/LegacyPermissionsModal.tsx
index f3525e5badb..37af10d6933 100644
--- a/frontend/src/metabase/admin/permissions/components/LegacyPermissionsModal/LegacyPermissionsModal.tsx
+++ b/frontend/src/metabase/admin/permissions/components/LegacyPermissionsModal/LegacyPermissionsModal.tsx
@@ -16,7 +16,7 @@ export const LegacyPermissionsModal = ({
   //Used to animate the modal
   const { open: showModal } = useModalOpen();
 
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     getDocsUrl(state, { page: "permissions/no-self-service-deprecation" }),
   );
   return (
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionHelpDescription/PermissionHelpDescription.styled.tsx b/frontend/src/metabase/admin/permissions/components/PermissionHelpDescription/PermissionHelpDescription.styled.tsx
index 1019f590c7a..4469ee93611 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionHelpDescription/PermissionHelpDescription.styled.tsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionHelpDescription/PermissionHelpDescription.styled.tsx
@@ -16,5 +16,5 @@ export const PermissionIconContainer = styled.div<PermissionIconContainerProps>`
   border-radius: 0.25rem;
   margin-right: 0.375rem;
   color: var(--mb-color-text-white);
-  background-color: ${props => color(props.color)};
+  background-color: ${(props) => color(props.color)};
 `;
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionHelpDescription/PermissionHelpDescription.tsx b/frontend/src/metabase/admin/permissions/components/PermissionHelpDescription/PermissionHelpDescription.tsx
index a4c2cbfa6b1..2438e56f550 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionHelpDescription/PermissionHelpDescription.tsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionHelpDescription/PermissionHelpDescription.tsx
@@ -25,7 +25,7 @@ export const PermissionHelpDescription = ({
   iconColor,
   hasUpgradeNotice,
 }: PermissionHelpDescriptionProps) => {
-  const upgradeUrl = useSelector(state =>
+  const upgradeUrl = useSelector((state) =>
     getUpgradeUrl(state, { utm_content: "admin_permissions" }),
   );
 
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsConfirm.jsx b/frontend/src/metabase/admin/permissions/components/PermissionsConfirm.jsx
index 23f457bdbe6..d5a0c79d507 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsConfirm.jsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsConfirm.jsx
@@ -30,7 +30,7 @@ const TableAccessChange = ({ tables, verb, colorClassName }) => {
         <span>
           <span className={colorClassName}>
             {" " +
-              (n => ngettext(msgid`${n} table`, `${n} tables`, n))(
+              ((n) => ngettext(msgid`${n} table`, `${n} tables`, n))(
                 tableEntries.length,
               )}
           </span>
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorContent.jsx b/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorContent.jsx
index fa42af6b2dd..c05d5614e37 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorContent.jsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorContent.jsx
@@ -58,12 +58,12 @@ export function PermissionsEditorContent({
       return null;
     }
 
-    return entities.filter(entity =>
+    return entities.filter((entity) =>
       entity.name.toLowerCase().includes(trimmedFilter),
     );
   }, [entities, debouncedFilter]);
 
-  const handleFilterChange = e => setFilter(e.target.value);
+  const handleFilterChange = (e) => setFilter(e.target.value);
 
   return (
     <PermissionEditorContentRoot data-testid="permissions-editor">
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorEmptyState.jsx b/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorEmptyState.jsx
index 56ab9972360..c9474da1868 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorEmptyState.jsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorEmptyState.jsx
@@ -9,7 +9,7 @@ const propTypes = {
   message: PropTypes.string.isRequired,
 };
 
-export const PermissionsEditorEmptyState = props => (
+export const PermissionsEditorEmptyState = (props) => (
   <EmptyStateRoot>
     <EmptyState {...props} />
   </EmptyStateRoot>
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorSplitPermsMessage.tsx b/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorSplitPermsMessage.tsx
index 92587dff314..edb83ed6e59 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorSplitPermsMessage.tsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsEditor/PermissionsEditorSplitPermsMessage.tsx
@@ -9,7 +9,7 @@ import { Alert, Anchor, Box, Icon, Text } from "metabase/ui";
 export const PermissionsEditorSplitPermsMessage = () => {
   const dispatch = useDispatch();
 
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     getDocsUrl(state, { page: "permissions/no-self-service-deprecation" }),
   );
 
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsPageLayout/PermissionsPageLayout.tsx b/frontend/src/metabase/admin/permissions/components/PermissionsPageLayout/PermissionsPageLayout.tsx
index 744b3511350..1f6be897a61 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsPageLayout/PermissionsPageLayout.tsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsPageLayout/PermissionsPageLayout.tsx
@@ -83,7 +83,7 @@ export function PermissionsPageLayout({
   const [showSplitPermsModal, { turnOff: disableSplitPermsModal }] =
     useToggle(_showSplitPermsModal);
 
-  const saveError = useSelector(state => state.admin.permissions.saveError);
+  const saveError = useSelector((state) => state.admin.permissions.saveError);
   const showRefreshModal = useSelector(showRevisionChangedModal);
 
   const isHelpReferenceOpen = useSelector(getIsHelpReferenceOpen);
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelect.jsx b/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelect.jsx
index c691ea7b02e..456f37d63d0 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelect.jsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelect.jsx
@@ -50,10 +50,10 @@ export const PermissionsSelect = memo(function PermissionsSelect({
   isHighlighted,
 }) {
   const [toggleState, setToggleState] = useState(false);
-  const selectedOption = options.find(option => option.value === value);
+  const selectedOption = options.find((option) => option.value === value);
   const selectableOptions = hasChildren
     ? options
-    : options.filter(option => option !== selectedOption);
+    : options.filter((option) => option !== selectedOption);
 
   const selectedOptionValue = (
     <PermissionsSelectRoot
@@ -101,7 +101,7 @@ export const PermissionsSelect = memo(function PermissionsSelect({
       {({ onClose }) => (
         <Fragment>
           <OptionsList role="listbox">
-            {selectableOptions.map(option => (
+            {selectableOptions.map((option) => (
               <OptionsListItem
                 role="option"
                 key={option.value}
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelect.styled.tsx b/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelect.styled.tsx
index e76023e111b..151d3a345a5 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelect.styled.tsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelect.styled.tsx
@@ -11,7 +11,7 @@ export const PermissionsSelectRoot = styled.div<{ isDisabled: boolean }>`
   display: flex;
   align-items: center;
   min-width: 180px;
-  cursor: ${props => (props.isDisabled ? "default" : "pointer")};
+  cursor: ${(props) => (props.isDisabled ? "default" : "pointer")};
 `;
 
 export const SelectedOption = styled(PermissionsSelectOption)`
@@ -73,6 +73,6 @@ export const WarningIcon = styled(
 export const DisabledPermissionOption = styled(PermissionsSelectOption)<{
   isHighlighted: boolean;
 }>`
-  color: ${props =>
+  color: ${(props) =>
     props.isHighlighted ? color("text-medium") : color("text-light")};
 `;
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelectOption.styled.tsx b/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelectOption.styled.tsx
index 13f4e539add..3f891955fc1 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelectOption.styled.tsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsSelect/PermissionsSelectOption.styled.tsx
@@ -17,7 +17,7 @@ export const IconContainer = styled.div<{ color: string }>`
   width: 20px;
   height: 20px;
   color: var(--mb-color-text-white);
-  background-color: ${props => color(props.color)};
+  background-color: ${(props) => color(props.color)};
   flex-shrink: 0;
 `;
 
diff --git a/frontend/src/metabase/admin/permissions/components/PermissionsTable/PermissionsTable.jsx b/frontend/src/metabase/admin/permissions/components/PermissionsTable/PermissionsTable.jsx
index e5c7e1d06d5..bfe59e002e2 100644
--- a/frontend/src/metabase/admin/permissions/components/PermissionsTable/PermissionsTable.jsx
+++ b/frontend/src/metabase/admin/permissions/components/PermissionsTable/PermissionsTable.jsx
@@ -63,7 +63,7 @@ export function PermissionsTable({
   };
 
   const handleConfirm = () => {
-    setConfirmations(prev => prev.slice(1));
+    setConfirmations((prev) => prev.slice(1));
     if (confirmations.length === 1) {
       confirmActionRef.current();
       confirmActionRef.current = null;
@@ -99,7 +99,7 @@ export function PermissionsTable({
           </tr>
         </thead>
         <tbody>
-          {entities.map(entity => {
+          {entities.map((entity) => {
             const entityName = (
               <span className={cx(CS.flex, CS.alignCenter)}>
                 <Ellipsified>{entity.name}</Ellipsified>
@@ -132,7 +132,7 @@ export function PermissionsTable({
                         onChange={(value, toggleState) =>
                           handleChange(value, toggleState, entity, permission)
                         }
-                        onAction={actionCreator =>
+                        onAction={(actionCreator) =>
                           onAction(actionCreator, entity)
                         }
                         colorScheme={colorScheme}
diff --git a/frontend/src/metabase/admin/permissions/pages/CollectionPermissionsPage/tests/common.unit.spec.tsx b/frontend/src/metabase/admin/permissions/pages/CollectionPermissionsPage/tests/common.unit.spec.tsx
index 244d01812bf..3b81a84a8b6 100644
--- a/frontend/src/metabase/admin/permissions/pages/CollectionPermissionsPage/tests/common.unit.spec.tsx
+++ b/frontend/src/metabase/admin/permissions/pages/CollectionPermissionsPage/tests/common.unit.spec.tsx
@@ -119,7 +119,7 @@ describe("Admin > CollectionPermissionsPage", () => {
       // should also change permissions on nested one from no access to curate
       const otherUsersRow = await screen
         .findAllByRole("row")
-        .then(rows => rows[3]);
+        .then((rows) => rows[3]);
 
       expect(within(otherUsersRow).getByText("Other Users")).toBeVisible();
       await userEvent.click(within(otherUsersRow).getByText("View"));
diff --git a/frontend/src/metabase/admin/permissions/pages/CollectionPermissionsPage/tests/enterprise.unit.spec.tsx b/frontend/src/metabase/admin/permissions/pages/CollectionPermissionsPage/tests/enterprise.unit.spec.tsx
index 36cb11d8d3f..03f69ad26d1 100644
--- a/frontend/src/metabase/admin/permissions/pages/CollectionPermissionsPage/tests/enterprise.unit.spec.tsx
+++ b/frontend/src/metabase/admin/permissions/pages/CollectionPermissionsPage/tests/enterprise.unit.spec.tsx
@@ -44,7 +44,7 @@ describe("Admin > CollectionPermissionsPage (enterprise)", () => {
       expect(await screen.findAllByText("View")).toHaveLength(3);
 
       await userEvent.click(
-        await screen.findAllByText("View").then(dropdowns => dropdowns[2]),
+        await screen.findAllByText("View").then((dropdowns) => dropdowns[2]),
       );
 
       expect(await screen.findByText("No access")).toBeInTheDocument();
@@ -63,7 +63,7 @@ describe("Admin > CollectionPermissionsPage (enterprise)", () => {
       expect(await screen.findAllByText("View")).toHaveLength(3);
 
       await userEvent.hover(
-        await screen.findAllByText("View").then(dropdowns => dropdowns[1]),
+        await screen.findAllByText("View").then((dropdowns) => dropdowns[1]),
       );
 
       expect(
@@ -81,7 +81,7 @@ describe("Admin > CollectionPermissionsPage (enterprise)", () => {
 
       // change all users users view to no access
       await userEvent.click(
-        await screen.findAllByText("View").then(dropdowns => dropdowns[0]),
+        await screen.findAllByText("View").then((dropdowns) => dropdowns[0]),
       );
       await userEvent.click(await screen.findByText("No access"));
 
diff --git a/frontend/src/metabase/admin/permissions/pages/DataPermissionsPage/DataPermissionsPage.tsx b/frontend/src/metabase/admin/permissions/pages/DataPermissionsPage/DataPermissionsPage.tsx
index e28766e3e13..d0b023de54d 100644
--- a/frontend/src/metabase/admin/permissions/pages/DataPermissionsPage/DataPermissionsPage.tsx
+++ b/frontend/src/metabase/admin/permissions/pages/DataPermissionsPage/DataPermissionsPage.tsx
@@ -41,8 +41,8 @@ function DataPermissionsPage({
   groups,
 }: DataPermissionsPageProps) {
   const isDirty = useSelector(getIsDirty);
-  const diff = useSelector(state => getDiff(state, { databases, groups }));
-  const showSplitPermsModal = useSelector(state =>
+  const diff = useSelector((state) => getDiff(state, { databases, groups }));
+  const showSplitPermsModal = useSelector((state) =>
     getSetting(state, "show-updated-permission-modal"),
   );
 
diff --git a/frontend/src/metabase/admin/permissions/pages/DatabasePermissionsPage/DatabasesPermissionsPage.jsx b/frontend/src/metabase/admin/permissions/pages/DatabasePermissionsPage/DatabasesPermissionsPage.jsx
index 6c3b9d47784..99ddbef78fc 100644
--- a/frontend/src/metabase/admin/permissions/pages/DatabasePermissionsPage/DatabasesPermissionsPage.jsx
+++ b/frontend/src/metabase/admin/permissions/pages/DatabasePermissionsPage/DatabasesPermissionsPage.jsx
@@ -34,14 +34,14 @@ import {
   getDatabaseFocusPermissionsUrl,
 } from "../../utils/urls";
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
   dispatch,
   ...bindActionCreators(
     {
       updateDataPermission,
-      switchView: entityType => push(`/admin/permissions/data/${entityType}`),
+      switchView: (entityType) => push(`/admin/permissions/data/${entityType}`),
       navigateToDatabaseList: () => push(DATABASES_BASE_PATH),
-      navigateToItem: item =>
+      navigateToItem: (item) =>
         push(getDatabaseFocusPermissionsUrl(item.entityId)),
     },
     dispatch,
@@ -84,11 +84,11 @@ function DatabasesPermissionsPage({
   sidebarError,
 }) {
   const dispatch = useDispatch();
-  const permissionEditor = useSelector(state =>
+  const permissionEditor = useSelector((state) =>
     getGroupsDataPermissionEditor(state, { params }),
   );
 
-  const showSplitPermsMessage = useSelector(state =>
+  const showSplitPermsMessage = useSelector((state) =>
     getSetting(state, "show-updated-permission-banner"),
   );
 
@@ -105,7 +105,7 @@ function DatabasesPermissionsPage({
   }, [params.databaseId]);
 
   const handleEntityChange = useCallback(
-    entityType => {
+    (entityType) => {
       switchView(entityType);
     },
     [switchView],
@@ -128,7 +128,7 @@ function DatabasesPermissionsPage({
     dispatch(action.actionCreator(item.entityId, item.id, "database"));
   };
 
-  const handleBreadcrumbsItemSelect = item => dispatch(push(item.url));
+  const handleBreadcrumbsItemSelect = (item) => dispatch(push(item.url));
 
   const showLegacyNoSelfServiceWarning =
     PLUGIN_ADVANCED_PERMISSIONS.shouldShowViewDataColumn &&
diff --git a/frontend/src/metabase/admin/permissions/pages/GroupDataPermissionsPage/GroupsPermissionsPage.jsx b/frontend/src/metabase/admin/permissions/pages/GroupDataPermissionsPage/GroupsPermissionsPage.jsx
index 4737f8669cf..8385c85529b 100644
--- a/frontend/src/metabase/admin/permissions/pages/GroupDataPermissionsPage/GroupsPermissionsPage.jsx
+++ b/frontend/src/metabase/admin/permissions/pages/GroupDataPermissionsPage/GroupsPermissionsPage.jsx
@@ -34,13 +34,14 @@ import {
   getGroupFocusPermissionsUrl,
 } from "../../utils/urls";
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
   dispatch,
   ...bindActionCreators(
     {
       updateDataPermission,
-      switchView: entityType => push(`/admin/permissions/data/${entityType}/`),
-      navigateToItem: item => push(`${GROUPS_BASE_PATH}/${item.id}`),
+      switchView: (entityType) =>
+        push(`/admin/permissions/data/${entityType}/`),
+      navigateToItem: (item) => push(`${GROUPS_BASE_PATH}/${item.id}`),
       navigateToTableItem: (item, { groupId }) => {
         return push(getGroupFocusPermissionsUrl(groupId, item.entityId));
       },
@@ -99,29 +100,29 @@ function GroupsPermissionsPage({
     }
   }, [params.groupId]);
 
-  const permissionEditor = useSelector(state =>
+  const permissionEditor = useSelector((state) =>
     getDatabasesPermissionEditor(state, { params }),
   );
-  const showSplitPermsMessage = useSelector(state =>
+  const showSplitPermsMessage = useSelector((state) =>
     getSetting(state, "show-updated-permission-banner"),
   );
 
   const handleEntityChange = useCallback(
-    entityType => {
+    (entityType) => {
       switchView(entityType);
     },
     [switchView],
   );
 
   const handleSidebarItemSelect = useCallback(
-    item => {
+    (item) => {
       navigateToItem(item, params);
     },
     [navigateToItem, params],
   );
 
   const handleTableItemSelect = useCallback(
-    item => {
+    (item) => {
       navigateToTableItem(item, params);
     },
     [navigateToTableItem, params],
@@ -144,7 +145,7 @@ function GroupsPermissionsPage({
     dispatch(action.actionCreator(item.entityId, params.groupId, "group"));
   };
 
-  const handleBreadcrumbsItemSelect = item => dispatch(push(item.url));
+  const handleBreadcrumbsItemSelect = (item) => dispatch(push(item.url));
 
   const showEmptyState = !permissionEditor && !isEditorLoading && !editorError;
   const showLegacyNoSelfServiceWarning =
diff --git a/frontend/src/metabase/admin/permissions/permissions.js b/frontend/src/metabase/admin/permissions/permissions.js
index 6c3f37afbf0..b25311dc4b2 100644
--- a/frontend/src/metabase/admin/permissions/permissions.js
+++ b/frontend/src/metabase/admin/permissions/permissions.js
@@ -38,7 +38,7 @@ const INITIALIZE_DATA_PERMISSIONS =
   "metabase/admin/permissions/INITIALIZE_DATA_PERMISSIONS";
 export const initializeDataPermissions = createThunkAction(
   INITIALIZE_DATA_PERMISSIONS,
-  () => async dispatch => {
+  () => async (dispatch) => {
     await Promise.all([
       dispatch(loadDataPermissions()),
       dispatch(Group.actions.fetchList()),
@@ -76,7 +76,7 @@ const INITIALIZE_COLLECTION_PERMISSIONS =
   "metabase/admin/permissions/INITIALIZE_COLLECTION_PERMISSIONS";
 export const initializeCollectionPermissions = createThunkAction(
   INITIALIZE_COLLECTION_PERMISSIONS,
-  namespace => async dispatch => {
+  (namespace) => async (dispatch) => {
     await Promise.all([
       dispatch(loadCollectionPermissions(namespace)),
       dispatch(Group.actions.fetchList()),
@@ -88,7 +88,7 @@ const LOAD_COLLECTION_PERMISSIONS =
   "metabase/admin/permissions/LOAD_COLLECTION_PERMISSIONS";
 export const loadCollectionPermissions = createThunkAction(
   LOAD_COLLECTION_PERMISSIONS,
-  namespace => async () => {
+  (namespace) => async () => {
     const params = namespace != null ? { namespace } : {};
     return CollectionsApi.graph(params);
   },
@@ -98,7 +98,7 @@ export const LIMIT_DATABASE_PERMISSION =
   "metabase/admin/permissions/LIMIT_DATABASE_PERMISSION";
 export const limitDatabasePermission = createThunkAction(
   LIMIT_DATABASE_PERMISSION,
-  (groupId, entityId, accessPermissionValue) => dispatch => {
+  (groupId, entityId, accessPermissionValue) => (dispatch) => {
     const newValue =
       PLUGIN_ADVANCED_PERMISSIONS.getDatabaseLimitedAccessPermission(
         accessPermissionValue,
@@ -126,7 +126,7 @@ export const NAVIGATE_TO_GRANULAR_PERMISSIONS =
   "metabase/admin/permissions/NAVIGATE_TO_GRANULAR_PERMISSIONS";
 export const navigateToGranularPermissions = createThunkAction(
   NAVIGATE_TO_GRANULAR_PERMISSIONS,
-  (groupId, entityId) => dispatch => {
+  (groupId, entityId) => (dispatch) => {
     dispatch(push(getGroupFocusPermissionsUrl(groupId, entityId)));
   },
 );
@@ -223,7 +223,7 @@ const SAVE_COLLECTION_PERMISSIONS =
   "metabase/admin/permissions/data/SAVE_COLLECTION_PERMISSIONS";
 export const saveCollectionPermissions = createThunkAction(
   SAVE_COLLECTION_PERMISSIONS,
-  namespace => async (_dispatch, getState) => {
+  (namespace) => async (_dispatch, getState) => {
     const {
       originalCollectionPermissions,
       collectionPermissions,
@@ -252,7 +252,7 @@ const CLEAR_SAVE_ERROR = "metabase/admin/permissions/CLEAR_SAVE_ERROR";
 export const clearSaveError = createAction(CLEAR_SAVE_ERROR);
 
 const savePermission = {
-  next: _state => null,
+  next: (_state) => null,
   throw: (_state, { payload }) => {
     return (
       (payload && typeof payload.data === "string"
@@ -266,11 +266,11 @@ const saveError = handleActions(
   {
     [SAVE_DATA_PERMISSIONS]: savePermission,
     [LOAD_DATA_PERMISSIONS]: {
-      next: state => null,
+      next: (state) => null,
     },
     [SAVE_COLLECTION_PERMISSIONS]: savePermission,
     [LOAD_COLLECTION_PERMISSIONS]: {
-      next: state => null,
+      next: (state) => null,
     },
     [CLEAR_SAVE_ERROR]: { next: () => null },
   },
@@ -279,7 +279,7 @@ const saveError = handleActions(
 
 function getDecendentCollections(collection) {
   const subCollections = collection.children.filter(
-    collection => !collection.is_personal,
+    (collection) => !collection.is_personal,
   );
   return subCollections.concat(...subCollections.map(getDecendentCollections));
 }
@@ -489,7 +489,7 @@ export const toggleHelpReference = createAction(TOGGLE_HELP_REFERENCE);
 export const isHelpReferenceOpen = handleActions(
   {
     [toggleHelpReference]: {
-      next: state => !state,
+      next: (state) => !state,
     },
   },
   false,
diff --git a/frontend/src/metabase/admin/permissions/selectors/collection-permissions.ts b/frontend/src/metabase/admin/permissions/selectors/collection-permissions.ts
index 55a44a2e6c6..8e326084204 100644
--- a/frontend/src/metabase/admin/permissions/selectors/collection-permissions.ts
+++ b/frontend/src/metabase/admin/permissions/selectors/collection-permissions.ts
@@ -86,7 +86,7 @@ const getCollections = (state: State) =>
     }) ?? []
   ).filter(nonPersonalOrArchivedCollection);
 
-const getCollectionsTree = createSelector([getCollections], collections => {
+const getCollectionsTree = createSelector([getCollections], (collections) => {
   return [getRootCollectionTreeItem(), ...buildCollectionTree(collections)];
 });
 
@@ -140,7 +140,7 @@ const findCollection = (
   }
 
   const collection = collections.find(
-    collection => collection.id === collectionId,
+    (collection) => collection.id === collectionId,
   );
 
   if (collection) {
@@ -148,7 +148,7 @@ const findCollection = (
   }
 
   return findCollection(
-    collections.map(collection => collection.children ?? []).flat(),
+    collections.map((collection) => collection.children ?? []).flat(),
     collectionId,
   );
 };
@@ -317,7 +317,7 @@ function getPermissionsSet(
   permissions: CollectionPermissions,
   groupId: number,
 ) {
-  const perms = collections.map(collection =>
+  const perms = collections.map((collection) =>
     getCollectionPermission(permissions, groupId, collection.id),
   );
   return new Set(perms);
diff --git a/frontend/src/metabase/admin/permissions/selectors/confirmations.tsx b/frontend/src/metabase/admin/permissions/selectors/confirmations.tsx
index 668f39900a7..5e065305fcf 100644
--- a/frontend/src/metabase/admin/permissions/selectors/confirmations.tsx
+++ b/frontend/src/metabase/admin/permissions/selectors/confirmations.tsx
@@ -290,7 +290,7 @@ export function getRevokingAccessToAllTablesWarningModal(
     ) !== DataPermissionValue.NO
   ) {
     // allTableEntityIds contains tables from all schemas
-    const allTableEntityIds = database.getTables().map(table => ({
+    const allTableEntityIds = database.getTables().map((table) => ({
       databaseId: table.db_id,
       schemaName: table.schema_name || "",
       tableId: table.id as ConcreteTableId,
@@ -299,7 +299,7 @@ export function getRevokingAccessToAllTablesWarningModal(
     // Show the warning only if user tries to revoke access to the very last table of all schemas
     const afterChangesNoAccessToAnyTable = _.every(
       allTableEntityIds,
-      id =>
+      (id) =>
         getFieldsPermission(
           permissions,
           groupId,
diff --git a/frontend/src/metabase/admin/permissions/selectors/data-permissions/data-sidebar.ts b/frontend/src/metabase/admin/permissions/selectors/data-permissions/data-sidebar.ts
index 0843c5da4d4..f9240382ae3 100644
--- a/frontend/src/metabase/admin/permissions/selectors/data-permissions/data-sidebar.ts
+++ b/frontend/src/metabase/admin/permissions/selectors/data-permissions/data-sidebar.ts
@@ -53,8 +53,8 @@ const getTableId = (id: string | number) => `table:${id}`;
 const getDatabasesSidebar = (metadata: Metadata): DataSidebarProps => {
   const entities = metadata
     .databasesList({ savedQuestions: false })
-    .filter(db => !PLUGIN_AUDIT.isAuditDb(db as DatabaseType))
-    .map(database => ({
+    .filter((db) => !PLUGIN_AUDIT.isAuditDb(db as DatabaseType))
+    .map((database) => ({
       id: database.id,
       name: database.name,
       entityId: getDatabaseEntityId(database),
@@ -84,7 +84,7 @@ const getTablesSidebar = (
   let entities = database
     .getSchemas()
     .sort((a, b) => a.name.localeCompare(b.name))
-    .map<DataTreeNodeItem>(schema => {
+    .map<DataTreeNodeItem>((schema) => {
       return {
         id: getSchemaId(schema.name),
         name: schema.name,
@@ -93,7 +93,7 @@ const getTablesSidebar = (
         children: schema
           .getTables()
           .sort((a, b) => a.displayName().localeCompare(b.displayName()))
-          .map(table => ({
+          .map((table) => ({
             id: getTableId(table.id),
             entityId: getTableEntityId(table),
             name: table.displayName(),
diff --git a/frontend/src/metabase/admin/permissions/selectors/data-permissions/diff.ts b/frontend/src/metabase/admin/permissions/selectors/data-permissions/diff.ts
index ffe97230f0b..76a4c98900b 100644
--- a/frontend/src/metabase/admin/permissions/selectors/data-permissions/diff.ts
+++ b/frontend/src/metabase/admin/permissions/selectors/data-permissions/diff.ts
@@ -13,7 +13,7 @@ export const getIsDirty = createSelector(
   (state: State) => state,
   (permissions, originalPermissions, state) =>
     !_.isEqual(permissions, originalPermissions) ||
-    PLUGIN_DATA_PERMISSIONS.hasChanges.some(hasChanges => hasChanges(state)),
+    PLUGIN_DATA_PERMISSIONS.hasChanges.some((hasChanges) => hasChanges(state)),
 );
 
 interface DiffProps {
diff --git a/frontend/src/metabase/admin/permissions/selectors/data-permissions/fields.ts b/frontend/src/metabase/admin/permissions/selectors/data-permissions/fields.ts
index ce583048a80..a8e372f1fae 100644
--- a/frontend/src/metabase/admin/permissions/selectors/data-permissions/fields.ts
+++ b/frontend/src/metabase/admin/permissions/selectors/data-permissions/fields.ts
@@ -99,7 +99,7 @@ const buildAccessPermission = (
       groupId,
       undefined,
     ),
-    ...PLUGIN_ADMIN_PERMISSIONS_TABLE_FIELDS_CONFIRMATIONS.map(confirmation =>
+    ...PLUGIN_ADMIN_PERMISSIONS_TABLE_FIELDS_CONFIRMATIONS.map((confirmation) =>
       confirmation(permissions, groupId, entityId, newValue),
     ),
     getRevokingAccessToAllTablesWarningModal(
diff --git a/frontend/src/metabase/admin/permissions/selectors/data-permissions/group-sidebar.ts b/frontend/src/metabase/admin/permissions/selectors/data-permissions/group-sidebar.ts
index d7b183ae22f..ac32fbcb310 100644
--- a/frontend/src/metabase/admin/permissions/selectors/data-permissions/group-sidebar.ts
+++ b/frontend/src/metabase/admin/permissions/selectors/data-permissions/group-sidebar.ts
@@ -29,13 +29,13 @@ export const getGroupsSidebar = createSelector(
 
     const [pinnedGroups, unpinnedGroups] = groups;
 
-    const pinnedGroupItems = pinnedGroups.map(group => ({
+    const pinnedGroupItems = pinnedGroups.map((group) => ({
       ...group,
       name: getGroupNameLocalized(group),
       icon: "bolt",
     }));
 
-    const unpinnedGroupItems = unpinnedGroups.map(group => ({
+    const unpinnedGroupItems = unpinnedGroups.map((group) => ({
       ...group,
       name: getGroupNameLocalized(group),
       icon: "group",
diff --git a/frontend/src/metabase/admin/permissions/selectors/data-permissions/group-sidebar.unit.spec.ts b/frontend/src/metabase/admin/permissions/selectors/data-permissions/group-sidebar.unit.spec.ts
index 8c511b9bcb7..2879a391808 100644
--- a/frontend/src/metabase/admin/permissions/selectors/data-permissions/group-sidebar.unit.spec.ts
+++ b/frontend/src/metabase/admin/permissions/selectors/data-permissions/group-sidebar.unit.spec.ts
@@ -64,7 +64,7 @@ describe("getGroupsDataPermissionEditor", () => {
     })?.entities;
 
     expect(entities).toHaveLength(3);
-    expect(entities?.map(entity => entity.name)).toEqual([
+    expect(entities?.map((entity) => entity.name)).toEqual([
       "All Users",
       "Group starting with full access",
       "Group starting with no access at all",
diff --git a/frontend/src/metabase/admin/permissions/selectors/data-permissions/permission-editor.ts b/frontend/src/metabase/admin/permissions/selectors/data-permissions/permission-editor.ts
index 32bae367ee6..3d9c3901283 100644
--- a/frontend/src/metabase/admin/permissions/selectors/data-permissions/permission-editor.ts
+++ b/frontend/src/metabase/admin/permissions/selectors/data-permissions/permission-editor.ts
@@ -143,7 +143,7 @@ const getGroup = (state: State, props: { params: RawGroupRouteParams }) => {
 
 const hasViewDataOptions = (entities: any[]) => {
   return entities.some(
-    entity =>
+    (entity) =>
       entity.permissions?.findIndex(
         (permissionSectionConfig: any) =>
           permissionSectionConfig.permission === DataPermission.VIEW_DATA,
@@ -206,7 +206,7 @@ export const getDatabasesPermissionEditor = createSelector(
       entities = schema
         .getTables()
         .sort((a, b) => a.display_name.localeCompare(b.display_name))
-        .map(table => {
+        .map((table) => {
           const entityId = getTableEntityId(table);
           return {
             id: table.id,
@@ -228,7 +228,7 @@ export const getDatabasesPermissionEditor = createSelector(
         ?.database(databaseId)
         ?.getSchemas()
         .sort((a, b) => a.name.localeCompare(b.name))
-        .map(schema => {
+        .map((schema) => {
           const entityId = getSchemaEntityId(schema);
           return {
             id: schema.id,
@@ -254,8 +254,8 @@ export const getDatabasesPermissionEditor = createSelector(
       permissionSubject = "schemas";
       entities = metadata
         .databasesList({ savedQuestions: false })
-        .filter(db => !PLUGIN_AUDIT.isAuditDb(db as Database))
-        .map(database => {
+        .filter((db) => !PLUGIN_AUDIT.isAuditDb(db as Database))
+        .map((database) => {
           const entityId = getDatabaseEntityId(database);
           return {
             id: database.id,
@@ -373,7 +373,7 @@ export const getGroupsDataPermissionEditor: GetGroupsDataPermissionEditorSelecto
       const permissionSubject =
         tableId != null ? "fields" : schemaName != null ? "tables" : "schemas";
 
-      const entities = sortedGroups.map(group => {
+      const entities = sortedGroups.map((group) => {
         const isAdmin = isAdminGroup(group);
         let groupPermissions;
 
diff --git a/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/has.ts b/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/has.ts
index 3e45346c227..6601c58fd20 100644
--- a/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/has.ts
+++ b/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/has.ts
@@ -47,7 +47,7 @@ export function hasPermissionValueInSubgraph(
   );
 
   if (schemasToSearch) {
-    const hasSchemaWithMatchingPermission = schemasToSearch.some(schema => {
+    const hasSchemaWithMatchingPermission = schemasToSearch.some((schema) => {
       const currVal = getTablesPermission(
         permissions,
         groupId,
@@ -62,8 +62,8 @@ export function hasPermissionValueInSubgraph(
     }
   }
 
-  return schemasToSearch.some(schema => {
-    return schema.getTables().some(table => {
+  return schemasToSearch.some((schema) => {
+    return schema.getTables().some((table) => {
       return (
         value ===
         getFieldsPermission(
@@ -128,7 +128,7 @@ export function hasPermissionValueInEntityGraphs(
   permission: DataPermission,
   permissionValue: DataPermissionValue,
 ): boolean {
-  return entityIds.some(entityId => {
+  return entityIds.some((entityId) => {
     // try to get the raw section of the graph so we can crawl it's children if it has them
     const permissionPortion = getRawPermissionsGraphValue(
       permissions,
diff --git a/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/has.unit.spec.ts b/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/has.unit.spec.ts
index 8f163c3542b..8679a5f6926 100644
--- a/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/has.unit.spec.ts
+++ b/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/has.unit.spec.ts
@@ -15,7 +15,8 @@ describe("data permissions", () => {
       const schemas = [{ name: "", getTables: () => [{ id: 1 }, { id: 2 }] }];
       const database = {
         schemas,
-        schema: (name: string) => schemas.find(schema => schema.name === name),
+        schema: (name: string) =>
+          schemas.find((schema) => schema.name === name),
       };
 
       const testPermissions: GroupsPermissions = {
@@ -77,7 +78,8 @@ describe("data permissions", () => {
       ];
       const database = {
         schemas,
-        schema: (name: string) => schemas.find(schema => schema.name === name),
+        schema: (name: string) =>
+          schemas.find((schema) => schema.name === name),
       };
 
       const testPermissions: GroupsPermissions = {
@@ -112,7 +114,8 @@ describe("data permissions", () => {
       ];
       const database = {
         schemas,
-        schema: (name: string) => schemas.find(schema => schema.name === name),
+        schema: (name: string) =>
+          schemas.find((schema) => schema.name === name),
       };
 
       const testPermissions: GroupsPermissions = {
@@ -178,7 +181,8 @@ describe("data permissions", () => {
       ];
       const database = {
         schemas,
-        schema: (name: string) => schemas.find(schema => schema.name === name),
+        schema: (name: string) =>
+          schemas.find((schema) => schema.name === name),
       };
 
       const testPermissions: GroupsPermissions = {
diff --git a/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/update.ts b/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/update.ts
index a1472eb8249..a8ac5d0ded7 100644
--- a/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/update.ts
+++ b/frontend/src/metabase/admin/permissions/utils/graph/data-permissions/update.ts
@@ -235,7 +235,7 @@ export function restrictCreateQueriesPermissionsIfNeeded(
   if (shouldRestrictNative) {
     const schemaNames = (database && database.schemaNames()) ?? [null];
 
-    schemaNames.forEach(schemaName => {
+    schemaNames.forEach((schemaName) => {
       permissions = updateTablesPermission(
         permissions,
         groupId,
@@ -275,12 +275,12 @@ function inferEntityPermissionValueFromChildTables(
   permission: DataPermission,
 ): DataPermissionValue {
   const entityIdsForDescendantTables = _.chain(database.tables)
-    .filter(t => _.isMatch(t, entityIdToMetadataTableFields(entityId)))
+    .filter((t) => _.isMatch(t, entityIdToMetadataTableFields(entityId)))
     .map(metadataTableToTableEntityId)
     .value();
 
   const entityIdsByPermValue = _.chain(entityIdsForDescendantTables)
-    .map(id => getFieldsPermission(permissions, groupId, id, permission))
+    .map((id) => getFieldsPermission(permissions, groupId, id, permission))
     .groupBy(_.identity)
     .value();
 
diff --git a/frontend/src/metabase/admin/permissions/utils/graph/partial-updates.ts b/frontend/src/metabase/admin/permissions/utils/graph/partial-updates.ts
index b136edfe784..96b854b4167 100644
--- a/frontend/src/metabase/admin/permissions/utils/graph/partial-updates.ts
+++ b/frontend/src/metabase/admin/permissions/utils/graph/partial-updates.ts
@@ -16,7 +16,7 @@ export function getModifiedGroupsPermissionsGraphParts(
   allGroupIds: string[],
   externallyModifiedGroupIds: string[],
 ) {
-  const dataPermissionsModifiedGroupIds = allGroupIds.filter(groupId => {
+  const dataPermissionsModifiedGroupIds = allGroupIds.filter((groupId) => {
     return !_.isEqual(
       dataPermissions[groupId],
       originalDataPermissions[groupId],
@@ -47,7 +47,7 @@ export function mergeGroupsPermissionsUpdates(
     ...Object.keys(newDataPermissions),
   ]);
 
-  const latestPermissionsEntries = allGroupIds.map(groupId => {
+  const latestPermissionsEntries = allGroupIds.map((groupId) => {
     // values can be omitted from the graph to save space or to indicate that the group has default permissions for all entities
     // this means we need to determine the value if we need to use the value currently in memory or default to an empty object
     // which is the FE definition of completely default permissions for all entities
@@ -66,7 +66,7 @@ export function getModifiedCollectionPermissionsGraphParts(
   collectionPermissions: CollectionPermissions,
 ) {
   const groupIds = Object.keys(collectionPermissions);
-  const modifiedGroupIds = groupIds.filter(groupId => {
+  const modifiedGroupIds = groupIds.filter((groupId) => {
     const originalPerms = originalCollectionPermissions[groupId];
     const currPerms = collectionPermissions[groupId];
     return !_.isEqual(currPerms, originalPerms);
diff --git a/frontend/src/metabase/admin/permissions/utils/urls.js b/frontend/src/metabase/admin/permissions/utils/urls.js
index 6df983d5e6d..32b4ca4c0e8 100644
--- a/frontend/src/metabase/admin/permissions/utils/urls.js
+++ b/frontend/src/metabase/admin/permissions/utils/urls.js
@@ -7,7 +7,7 @@ import {
 export const DATABASES_BASE_PATH = `/admin/permissions/data/database`;
 export const GROUPS_BASE_PATH = `/admin/permissions/data/group`;
 
-export const getDatabaseFocusPermissionsUrl = entityId => {
+export const getDatabaseFocusPermissionsUrl = (entityId) => {
   if (entityId == null) {
     return DATABASES_BASE_PATH;
   }
diff --git a/frontend/src/metabase/admin/routes.jsx b/frontend/src/metabase/admin/routes.jsx
index 2f4578b7628..6998bfe7f61 100644
--- a/frontend/src/metabase/admin/routes.jsx
+++ b/frontend/src/metabase/admin/routes.jsx
@@ -153,7 +153,7 @@ const getRoutes = (store, CanAccessSettings, IsAdmin) => (
           <IndexRedirect to={PerformanceTabId.Databases} />
           {PLUGIN_CACHING.getTabMetadata().map(({ name, key, tabId }) => (
             <Route
-              component={routeProps => (
+              component={(routeProps) => (
                 <PerformanceApp {...routeProps} tabId={tabId} />
               )}
               title={name}
@@ -185,7 +185,7 @@ const getRoutes = (store, CanAccessSettings, IsAdmin) => (
       </Route>
       {/* PLUGINS */}
       <Fragment>
-        {PLUGIN_ADMIN_ROUTES.map(getRoutes => getRoutes(store))}
+        {PLUGIN_ADMIN_ROUTES.map((getRoutes) => getRoutes(store))}
       </Fragment>
     </Route>
   </Route>
diff --git a/frontend/src/metabase/admin/settings/app/components/SettingsEditor/SettingsEditor.jsx b/frontend/src/metabase/admin/settings/app/components/SettingsEditor/SettingsEditor.jsx
index 9595ca0a560..31afba196f1 100644
--- a/frontend/src/metabase/admin/settings/app/components/SettingsEditor/SettingsEditor.jsx
+++ b/frontend/src/metabase/admin/settings/app/components/SettingsEditor/SettingsEditor.jsx
@@ -51,7 +51,7 @@ const mapStateToProps = (state, props) => {
   };
 };
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
   ...bindActionCreators(
     {
       initializeSettings,
diff --git a/frontend/src/metabase/admin/settings/app/components/SettingsEditor/SettingsSection.tsx b/frontend/src/metabase/admin/settings/app/components/SettingsEditor/SettingsSection.tsx
index 40b0b0c3b44..27465419781 100644
--- a/frontend/src/metabase/admin/settings/app/components/SettingsEditor/SettingsSection.tsx
+++ b/frontend/src/metabase/admin/settings/app/components/SettingsEditor/SettingsSection.tsx
@@ -39,11 +39,11 @@ export function SettingsSection({
   const dispatch = useDispatch();
 
   if (tabs) {
-    const activeTab = tabs.find(tab => tab.isActive);
+    const activeTab = tabs.find((tab) => tab.isActive);
     return (
       <Tabs value={activeTab?.key}>
         <Tabs.List mx="1rem" mb="1rem">
-          {tabs.map(tab => {
+          {tabs.map((tab) => {
             return (
               <Tabs.Tab
                 key={tab.key}
@@ -57,7 +57,7 @@ export function SettingsSection({
         </Tabs.List>
         {tabs.map((tab, index) => {
           const isFirstTab = index === 0;
-          const tabSettingElements = settingElements.filter(settingElement =>
+          const tabSettingElements = settingElements.filter((settingElement) =>
             settingElement.tab ? settingElement.tab === tab.key : isFirstTab,
           );
 
diff --git a/frontend/src/metabase/admin/settings/auth/components/AuthCard/AuthCard.styled.tsx b/frontend/src/metabase/admin/settings/auth/components/AuthCard/AuthCard.styled.tsx
index 34878620571..705205de0cc 100644
--- a/frontend/src/metabase/admin/settings/auth/components/AuthCard/AuthCard.styled.tsx
+++ b/frontend/src/metabase/admin/settings/auth/components/AuthCard/AuthCard.styled.tsx
@@ -37,8 +37,8 @@ interface CardBadgeProps {
 }
 
 export const CardBadge = styled.div<CardBadgeProps>`
-  color: ${props => (props.isEnabled ? color("brand") : color("danger"))};
-  background-color: ${props =>
+  color: ${(props) => (props.isEnabled ? color("brand") : color("danger"))};
+  background-color: ${(props) =>
     props.isEnabled
       ? "var(--mb-color-brand-lighter)"
       : "var(--mb-color-bg-light)"};
diff --git a/frontend/src/metabase/admin/settings/components/ApiKeys/ManageApiKeys.tsx b/frontend/src/metabase/admin/settings/components/ApiKeys/ManageApiKeys.tsx
index 825349d2d95..8fde1a57b48 100644
--- a/frontend/src/metabase/admin/settings/components/ApiKeys/ManageApiKeys.tsx
+++ b/frontend/src/metabase/admin/settings/components/ApiKeys/ManageApiKeys.tsx
@@ -80,7 +80,7 @@ function ApiKeysTable({
       data-testid="api-keys-table"
       columns={columns}
       rows={flatApiKeys}
-      rowRenderer={row => (
+      rowRenderer={(row) => (
         <ApiKeyRow
           apiKey={row}
           setActiveApiKey={setActiveApiKey}
diff --git a/frontend/src/metabase/admin/settings/components/AuthTabs.tsx b/frontend/src/metabase/admin/settings/components/AuthTabs.tsx
index cab384ec5fe..4acbf72bca9 100644
--- a/frontend/src/metabase/admin/settings/components/AuthTabs.tsx
+++ b/frontend/src/metabase/admin/settings/components/AuthTabs.tsx
@@ -26,7 +26,7 @@ export const AuthTabs = ({ activeKey }: AuthTabsProps) => {
   return (
     <Tabs value={activeKey}>
       <Tabs.List mx="1rem" mb="2rem">
-        {_.sortBy(PLUGIN_ADMIN_SETTINGS_AUTH_TABS, "order").map(tab => {
+        {_.sortBy(PLUGIN_ADMIN_SETTINGS_AUTH_TABS, "order").map((tab) => {
           return (
             <Tabs.Tab
               key={tab.key}
diff --git a/frontend/src/metabase/admin/settings/components/CloudPanel/CloudPanel.styled.tsx b/frontend/src/metabase/admin/settings/components/CloudPanel/CloudPanel.styled.tsx
index 13f4a993300..8a5aea73f75 100644
--- a/frontend/src/metabase/admin/settings/components/CloudPanel/CloudPanel.styled.tsx
+++ b/frontend/src/metabase/admin/settings/components/CloudPanel/CloudPanel.styled.tsx
@@ -19,6 +19,6 @@ export const LargeIconContainer = styled.div<{
   height: 4rem;
   width: 4rem;
   border-radius: 50%;
-  background: ${props => alpha(props.color, 0.15)};
-  color: ${props => props.color};
+  background: ${(props) => alpha(props.color, 0.15)};
+  color: ${(props) => props.color};
 `;
diff --git a/frontend/src/metabase/admin/settings/components/Email/BccToggleWidget.tsx b/frontend/src/metabase/admin/settings/components/Email/BccToggleWidget.tsx
index 257d9560f81..c068b1f15cb 100644
--- a/frontend/src/metabase/admin/settings/components/Email/BccToggleWidget.tsx
+++ b/frontend/src/metabase/admin/settings/components/Email/BccToggleWidget.tsx
@@ -22,7 +22,7 @@ export function BccToggleWidget({ onChange, setting }: BccToggleWidgetProps) {
     <Radio.Group
       mt="0.25rem"
       value={stringValue(setting.value ?? setting.defaultValue)}
-      onChange={value => onChange(value === "true")}
+      onChange={(value) => onChange(value === "true")}
     >
       {setting.options.map(({ value, name }) => (
         <Radio key={name} mb="0.5rem" value={stringValue(value)} label={name} />
diff --git a/frontend/src/metabase/admin/settings/components/Email/SMTPConnectionForm.tsx b/frontend/src/metabase/admin/settings/components/Email/SMTPConnectionForm.tsx
index cd04500f477..25f9cc50436 100644
--- a/frontend/src/metabase/admin/settings/components/Email/SMTPConnectionForm.tsx
+++ b/frontend/src/metabase/admin/settings/components/Email/SMTPConnectionForm.tsx
@@ -143,7 +143,7 @@ export const SMTPConnectionForm = ({
   }, [dispatch, isHosted]);
 
   const allSetByEnvVars = useMemo(() => {
-    return elements.every(element => element.is_env_setting);
+    return elements.every((element) => element.is_env_setting);
   }, [elements]);
 
   return (
diff --git a/frontend/src/metabase/admin/settings/components/Email/SMTPConnectionForm.unit.spec.tsx b/frontend/src/metabase/admin/settings/components/Email/SMTPConnectionForm.unit.spec.tsx
index 5a588b1c8b8..f0362002f73 100644
--- a/frontend/src/metabase/admin/settings/components/Email/SMTPConnectionForm.unit.spec.tsx
+++ b/frontend/src/metabase/admin/settings/components/Email/SMTPConnectionForm.unit.spec.tsx
@@ -375,7 +375,7 @@ describe("SMTP connection form", () => {
   });
 
   it("should enable test email button when all fields are set by environment variables (metabase#45445)", async () => {
-    const elements = defaultElements.map(el => ({
+    const elements = defaultElements.map((el) => ({
       ...el,
       is_env_setting: true,
     }));
diff --git a/frontend/src/metabase/admin/settings/components/Email/SettingsEmailForm.tsx b/frontend/src/metabase/admin/settings/components/Email/SettingsEmailForm.tsx
index 6336d005026..3e53f1ec119 100644
--- a/frontend/src/metabase/admin/settings/components/Email/SettingsEmailForm.tsx
+++ b/frontend/src/metabase/admin/settings/components/Email/SettingsEmailForm.tsx
@@ -42,7 +42,7 @@ export function SettingsEmailForm({
   }, [dispatch, isHosted, isEmailConfigured]);
 
   const settingElements = elements.filter(
-    setting => !setting.getHidden?.(settingValues, derivedSettingValues),
+    (setting) => !setting.getHidden?.(settingValues, derivedSettingValues),
   );
 
   return (
diff --git a/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkLegaleseModal/EmbeddingSdkLegaleseModal.unit.spec.tsx b/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkLegaleseModal/EmbeddingSdkLegaleseModal.unit.spec.tsx
index 0ef2ac47a46..707d69f3784 100644
--- a/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkLegaleseModal/EmbeddingSdkLegaleseModal.unit.spec.tsx
+++ b/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkLegaleseModal/EmbeddingSdkLegaleseModal.unit.spec.tsx
@@ -11,7 +11,7 @@ const setup = () => {
   const updateSetting = jest
     .fn()
     .mockImplementation(
-      () => new Promise(resolve => setTimeout(resolve, MOCK_TIMEOUT)),
+      () => new Promise((resolve) => setTimeout(resolve, MOCK_TIMEOUT)),
     );
   renderWithProviders(
     <EmbeddingSdkLegaleseModal
diff --git a/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkSettings/EmbeddingSdkSettings.tsx b/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkSettings/EmbeddingSdkSettings.tsx
index 04927e603d0..bff996310dc 100644
--- a/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkSettings/EmbeddingSdkSettings.tsx
+++ b/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkSettings/EmbeddingSdkSettings.tsx
@@ -44,7 +44,7 @@ export function EmbeddingSdkSettings({
 
   const isHosted = useSetting("is-hosted?");
 
-  const upgradeUrl = useSelector(state =>
+  const upgradeUrl = useSelector((state) =>
     getUpgradeUrl(state, {
       utm_campaign: "embedding-sdk",
       utm_content: "embedding-sdk-admin",
diff --git a/frontend/src/metabase/admin/settings/components/LicenseInput/LicenseInput.tsx b/frontend/src/metabase/admin/settings/components/LicenseInput/LicenseInput.tsx
index 5be8f77c234..0bb7fa241ab 100644
--- a/frontend/src/metabase/admin/settings/components/LicenseInput/LicenseInput.tsx
+++ b/frontend/src/metabase/admin/settings/components/LicenseInput/LicenseInput.tsx
@@ -32,7 +32,7 @@ export const LicenseInput = ({
 }: LicenseInputProps) => {
   const [value, setValue] = useState(token ?? "");
 
-  const handleChange: InputProps["onChange"] = e => setValue(e.target.value);
+  const handleChange: InputProps["onChange"] = (e) => setValue(e.target.value);
 
   const handleActivate = () => {
     onUpdate(value);
diff --git a/frontend/src/metabase/admin/settings/components/SettingsLdapForm.tsx b/frontend/src/metabase/admin/settings/components/SettingsLdapForm.tsx
index 0fe6a6e6bd9..46564a3e36e 100644
--- a/frontend/src/metabase/admin/settings/components/SettingsLdapForm.tsx
+++ b/frontend/src/metabase/admin/settings/components/SettingsLdapForm.tsx
@@ -27,14 +27,14 @@ import type { SettingKey, Settings } from "metabase-types/api";
 const testParentheses: TestConfig<string | null | undefined> = {
   name: "test-parentheses",
   message: "Check your parentheses",
-  test: value =>
+  test: (value) =>
     (value?.match(/\(/g) || []).length === (value?.match(/\)/g) || []).length,
 };
 
 const testPort: TestConfig<string | null | undefined> = {
   name: "test-port",
   message: "That's not a valid port number",
-  test: value => Boolean((value || "").trim().match(/^\d*$/)),
+  test: (value) => Boolean((value || "").trim().match(/^\d*$/)),
 };
 
 const LDAP_SCHEMA = Yup.object({
@@ -74,7 +74,7 @@ export const SettingsLdapFormView = ({
   }, [elements]);
 
   const fields = useMemo(() => {
-    return _.mapObject(settings, setting => ({
+    return _.mapObject(settings, (setting) => ({
       name: setting.key,
       label: setting.display_name,
       description: setting.description,
@@ -231,7 +231,7 @@ const getAttributeValues = (
   defaultableAttrs: Set<string>,
 ): LdapFormValues => {
   const attributeValues = Object.fromEntries(
-    ldapAttributes.map(key => [
+    ldapAttributes.map((key) => [
       key,
       defaultableAttrs.has(key)
         ? (values[key] ?? settings[key]?.default)
diff --git a/frontend/src/metabase/admin/settings/components/SettingsLicense/SettingsLicense.styled.tsx b/frontend/src/metabase/admin/settings/components/SettingsLicense/SettingsLicense.styled.tsx
index 3b55122b580..f70c64b06dd 100644
--- a/frontend/src/metabase/admin/settings/components/SettingsLicense/SettingsLicense.styled.tsx
+++ b/frontend/src/metabase/admin/settings/components/SettingsLicense/SettingsLicense.styled.tsx
@@ -32,7 +32,7 @@ export const ExplorePaidPlansContainer = styled.div<ExplorePaidPlansContainerPro
   margin: 16px 0;
   display: flex;
   align-items: flex-start;
-  justify-content: ${props => props.justifyContent ?? "space-between"};
+  justify-content: ${(props) => props.justifyContent ?? "space-between"};
   border-bottom: 1px solid var(--mb-color-border);
 `;
 
diff --git a/frontend/src/metabase/admin/settings/components/SettingsSetting.jsx b/frontend/src/metabase/admin/settings/components/SettingsSetting.jsx
index 6fb03cffc1e..10a10c530bb 100644
--- a/frontend/src/metabase/admin/settings/components/SettingsSetting.jsx
+++ b/frontend/src/metabase/admin/settings/components/SettingsSetting.jsx
@@ -36,7 +36,7 @@ const SETTING_WIDGET_MAP = {
   hidden: () => null,
 };
 
-export const SettingsSetting = props => {
+export const SettingsSetting = (props) => {
   const [fancyStyle, setFancyStyle] = useState({});
   const thisRef = useRef();
 
diff --git a/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSetting.styled.tsx b/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSetting.styled.tsx
index eee6d212607..1e272306cb0 100644
--- a/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSetting.styled.tsx
+++ b/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSetting.styled.tsx
@@ -12,7 +12,7 @@ export const SectionTitle = styled.h3`
 
 export const ColorText = styled.div<{ color: string }>`
   margin-top: 1rem;
-  color: ${props => color(props.color)};
+  color: ${(props) => color(props.color)};
 `;
 
 export const PaddedForm = styled.form`
diff --git a/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSettings.unit.spec.tsx b/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSettings.unit.spec.tsx
index 319c0990b61..3045f1706b5 100644
--- a/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSettings.unit.spec.tsx
+++ b/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSettings.unit.spec.tsx
@@ -74,7 +74,7 @@ function setup({
   });
   const metadata = getMetadata(state);
 
-  databases.forEach(db => {
+  databases.forEach((db) => {
     setupSchemaEndpoints(db);
   });
 
@@ -509,7 +509,7 @@ describe("Admin > Settings > UploadSetting", () => {
         },
       });
       updateSpy.mockImplementation(
-        () => new Promise(resolve => setTimeout(resolve, 500)),
+        () => new Promise((resolve) => setTimeout(resolve, 500)),
       );
 
       const prefixInput = await screen.findByPlaceholderText("upload_");
@@ -537,7 +537,7 @@ describe("Admin > Settings > UploadSetting", () => {
         },
       });
       updateSpy.mockImplementation(
-        () => new Promise(resolve => setTimeout(resolve, 500)),
+        () => new Promise((resolve) => setTimeout(resolve, 500)),
       );
 
       const prefixInput = await screen.findByPlaceholderText("upload_");
diff --git a/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSettingsForm.tsx b/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSettingsForm.tsx
index b00644f2684..b1a33563ac8 100644
--- a/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSettingsForm.tsx
+++ b/frontend/src/metabase/admin/settings/components/UploadSettings/UploadSettingsForm.tsx
@@ -159,7 +159,7 @@ export function UploadSettingsFormView({
 
   const hasValidDatabases = databaseOptions.length > 0;
   const isH2db = Boolean(
-    dbId && databases.find(db => db.id === dbId)?.engine === "h2",
+    dbId && databases.find((db) => db.id === dbId)?.engine === "h2",
   );
 
   const {
@@ -227,7 +227,7 @@ export function UploadSettingsFormView({
             <Input
               value={tablePrefix ?? ""}
               placeholder={t`upload_`}
-              onChange={e => {
+              onChange={(e) => {
                 resetButtons();
                 setTablePrefix(e.target.value);
               }}
diff --git a/frontend/src/metabase/admin/settings/components/UploadSettings/utils.ts b/frontend/src/metabase/admin/settings/components/UploadSettings/utils.ts
index 3901048d0ec..a8068f08343 100644
--- a/frontend/src/metabase/admin/settings/components/UploadSettings/utils.ts
+++ b/frontend/src/metabase/admin/settings/components/UploadSettings/utils.ts
@@ -2,10 +2,10 @@ import type Database from "metabase-lib/v1/metadata/Database";
 import type { SchemaName } from "metabase-types/api";
 
 export const getDatabaseOptions = (databases: Database[]) =>
-  databases.map(db => ({ name: db.name, value: db.id }));
+  databases.map((db) => ({ name: db.name, value: db.id }));
 
 export const getSchemaOptions = (schemas: SchemaName[]) =>
-  schemas.map(schema => ({ name: schema, value: schema }));
+  schemas.map((schema) => ({ name: schema, value: schema }));
 
 export const dbHasSchema = (databases: Database[], dbId: number): boolean =>
   !!databases
diff --git a/frontend/src/metabase/admin/settings/components/UploadSettings/utils.unit.spec.ts b/frontend/src/metabase/admin/settings/components/UploadSettings/utils.unit.spec.ts
index 684c09d9bab..3f77ea3e93d 100644
--- a/frontend/src/metabase/admin/settings/components/UploadSettings/utils.unit.spec.ts
+++ b/frontend/src/metabase/admin/settings/components/UploadSettings/utils.unit.spec.ts
@@ -60,7 +60,7 @@ describe("Admin > UploadSettings > utils", () => {
 
   describe("getSchemaOptions", () => {
     it("should return an array of schema", () => {
-      expect(getSchemaOptions(schemas.map(schema => schema.name))).toEqual([
+      expect(getSchemaOptions(schemas.map((schema) => schema.name))).toEqual([
         { name: "schema1", value: "schema1" },
         { name: "schema2", value: "schema2" },
         { name: "schema3", value: "schema3" },
diff --git a/frontend/src/metabase/admin/settings/components/widgets/AdminSettingInput.tsx b/frontend/src/metabase/admin/settings/components/widgets/AdminSettingInput.tsx
index 562efcca537..52cce5a6290 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/AdminSettingInput.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/AdminSettingInput.tsx
@@ -75,7 +75,7 @@ export function AdminSettingInput<SettingName extends SettingKey>({
     if (newValue === initialValue) {
       return;
     }
-    updateSetting({ key: name, value: newValue }).then(response => {
+    updateSetting({ key: name, value: newValue }).then((response) => {
       if (response?.error) {
         const message =
           (response.error as GenericErrorResponse)?.message ||
@@ -151,7 +151,7 @@ export function BasicAdminSettingInput({
         <Switch
           id={name}
           checked={localValue}
-          onChange={e => handleChange(e.target.checked)}
+          onChange={(e) => handleChange(e.target.checked)}
           label={localValue ? t`Enabled` : t`Disabled`}
         />
       );
@@ -168,7 +168,7 @@ export function BasicAdminSettingInput({
         <Textarea
           id={name}
           value={localValue}
-          onChange={e => setLocalValue(e.target.value)}
+          onChange={(e) => setLocalValue(e.target.value)}
           onBlur={() => onChange(localValue)}
         />
       );
@@ -181,7 +181,7 @@ export function BasicAdminSettingInput({
           id={name}
           value={localValue}
           placeholder={placeholder}
-          onChange={e => setLocalValue(e.target.value)}
+          onChange={(e) => setLocalValue(e.target.value)}
           onBlur={() => onChange(localValue)}
           type={inputType ?? "text"}
         />
diff --git a/frontend/src/metabase/admin/settings/components/widgets/AdminSettingInput.unit.spec.tsx b/frontend/src/metabase/admin/settings/components/widgets/AdminSettingInput.unit.spec.tsx
index 88f678bf90a..97f199aac70 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/AdminSettingInput.unit.spec.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/AdminSettingInput.unit.spec.tsx
@@ -412,7 +412,7 @@ describe("AdminSettingInput", () => {
 async function findPut() {
   const calls = fetchMock.calls();
   const [putUrl, putDetails] =
-    calls.find(call => call[1]?.method === "PUT") ?? [];
+    calls.find((call) => call[1]?.method === "PUT") ?? [];
 
   const body = ((await putDetails?.body) as string) ?? "{}";
 
diff --git a/frontend/src/metabase/admin/settings/components/widgets/CustomGeoJSONWidget.jsx b/frontend/src/metabase/admin/settings/components/widgets/CustomGeoJSONWidget.jsx
index ad8f76ddb3c..876caf499e8 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/CustomGeoJSONWidget.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/CustomGeoJSONWidget.jsx
@@ -78,11 +78,11 @@ export default class CustomGeoJSONWidget extends Component {
     this.setState({ map: null, originalMap: null });
   };
 
-  _delete = async map => {
+  _delete = async (map) => {
     await this._saveMap(map.id, null);
   };
 
-  _validateGeoJson = geoJson => {
+  _validateGeoJson = (geoJson) => {
     if (!geoJson) {
       throw t`Invalid custom GeoJSON`;
     }
@@ -195,7 +195,7 @@ export default class CustomGeoJSONWidget extends Component {
             ...value,
             id: key,
           }))}
-          onEditMap={map =>
+          onEditMap={(map) =>
             this.setState(
               {
                 map: {
@@ -217,7 +217,7 @@ export default class CustomGeoJSONWidget extends Component {
               <EditMap
                 map={this.state.map}
                 originalMap={this.state.originalMap}
-                onMapChange={map => this.setState({ map })}
+                onMapChange={(map) => this.setState({ map })}
                 geoJson={this.state.geoJson}
                 geoJsonLoading={this.state.geoJsonLoading}
                 geoJsonError={this.state.geoJsonError}
@@ -246,8 +246,8 @@ const ListMaps = ({ maps, onEditMap, onDeleteMap }) => {
         </thead>
         <tbody>
           {maps
-            .filter(map => !map.builtin)
-            .map(map => (
+            .filter((map) => !map.builtin)
+            .map((map) => (
               <tr key={map.id}>
                 <td className={CS.cursorPointer} onClick={() => onEditMap(map)}>
                   {map.name}
@@ -300,7 +300,7 @@ const GeoJsonPropertySelect = ({ value, onChange, geoJson }) => {
   return (
     <Select
       value={value}
-      onChange={e => onChange(e.target.value)}
+      onChange={(e) => onChange(e.target.value)}
       placeholder={t`Select…`}
     >
       {Object.entries(options).map(([name, values]) => (
@@ -372,7 +372,7 @@ const EditMap = ({
               )}
               placeholder={t`e.g. United Kingdom, Brazil, Mars`}
               value={map.name}
-              onChange={e => onMapChange({ ...map, name: e.target.value })}
+              onChange={(e) => onMapChange({ ...map, name: e.target.value })}
             />
           </div>
         </SettingContainer>
@@ -391,7 +391,7 @@ const EditMap = ({
               )}
               placeholder={t`Like https://my-mb-server.com/maps/my-map.json`}
               value={map.url}
-              onChange={e => onMapChange({ ...map, url: e.target.value })}
+              onChange={(e) => onMapChange({ ...map, url: e.target.value })}
             />
             <button
               className={cx(ButtonsS.Button, CS.ml1, {
@@ -410,7 +410,7 @@ const EditMap = ({
           >
             <GeoJsonPropertySelect
               value={map.region_key}
-              onChange={value => onMapChange({ ...map, region_key: value })}
+              onChange={(value) => onMapChange({ ...map, region_key: value })}
               geoJson={geoJson}
             />
           </SettingContainer>
@@ -419,7 +419,7 @@ const EditMap = ({
           >
             <GeoJsonPropertySelect
               value={map.region_name}
-              onChange={value => onMapChange({ ...map, region_name: value })}
+              onChange={(value) => onMapChange({ ...map, region_name: value })}
               geoJson={geoJson}
             />
           </SettingContainer>
diff --git a/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/EmbeddingSdkOptionCard/EmbeddingSdkOptionCard.tsx b/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/EmbeddingSdkOptionCard/EmbeddingSdkOptionCard.tsx
index c35920c77ed..0340af5ab2b 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/EmbeddingSdkOptionCard/EmbeddingSdkOptionCard.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/EmbeddingSdkOptionCard/EmbeddingSdkOptionCard.tsx
@@ -51,7 +51,7 @@ export function EmbeddingSdkOptionCard({
         </LinkButton>
         <SwitchWithSetByEnvVar
           settingKey="enable-embedding-sdk"
-          onChange={value =>
+          onChange={(value) =>
             showSdkEmbedTerms && !isEmbeddingSdkEnabled
               ? openLegaleseModal()
               : onToggle(value)
diff --git a/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/InteractiveEmbeddingOptionCard/InteractiveEmbeddingOptionCard.tsx b/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/InteractiveEmbeddingOptionCard/InteractiveEmbeddingOptionCard.tsx
index 7a79af7b88d..1fec5ac2ece 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/InteractiveEmbeddingOptionCard/InteractiveEmbeddingOptionCard.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/InteractiveEmbeddingOptionCard/InteractiveEmbeddingOptionCard.tsx
@@ -27,13 +27,13 @@ export const InteractiveEmbeddingOptionCard = ({
   onToggle,
 }: EmbeddingOptionCardProps) => {
   const isEE = PLUGIN_EMBEDDING.isEnabled();
-  const plan = useSelector(state =>
+  const plan = useSelector((state) =>
     getPlan(getSetting(state, "token-features")),
   );
   const isInteractiveEmbeddingEnabled = useSetting(
     "enable-embedding-interactive",
   );
-  const quickStartUrl = useSelector(state =>
+  const quickStartUrl = useSelector((state) =>
     getDocsUrl(state, {
       page: "embedding/interactive-embedding-quick-start-guide",
       utm: interactiveEmbeddingUtmTags,
diff --git a/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/StaticEmbeddingOptionCard/StaticEmbeddingOptionCard.tsx b/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/StaticEmbeddingOptionCard/StaticEmbeddingOptionCard.tsx
index 483799fac70..adf1cb014ff 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/StaticEmbeddingOptionCard/StaticEmbeddingOptionCard.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/EmbeddingOption/StaticEmbeddingOptionCard/StaticEmbeddingOptionCard.tsx
@@ -18,7 +18,7 @@ export const StaticEmbeddingOptionCard = ({
   onToggle,
 }: EmbeddingOptionCardProps) => {
   const isStaticEmbeddingEnabled = useSetting("enable-embedding-static");
-  const upgradeUrl = useSelector(state =>
+  const upgradeUrl = useSelector((state) =>
     getUpgradeUrl(state, { utm_content: "embed-settings" }),
   );
   const shouldPromptToUpgrade = !PLUGIN_EMBEDDING.isEnabled();
diff --git a/frontend/src/metabase/admin/settings/components/widgets/FormattingWidget.jsx b/frontend/src/metabase/admin/settings/components/widgets/FormattingWidget.jsx
index 896471a1af4..7ac2c317ab3 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/FormattingWidget.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/FormattingWidget.jsx
@@ -57,7 +57,7 @@ class FormattingWidget extends Component {
             <h3 className={CS.mb3}>{name}</h3>
             <ColumnSettings
               value={value[type]}
-              onChange={settings => onChange({ ...value, [type]: settings })}
+              onChange={(settings) => onChange({ ...value, [type]: settings })}
               column={column}
               allowlist={new Set(settings)}
             />
diff --git a/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/AddMappingRow/AddMappingRow.tsx b/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/AddMappingRow/AddMappingRow.tsx
index 702c4bfb72f..db64ef7fea5 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/AddMappingRow/AddMappingRow.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/AddMappingRow/AddMappingRow.tsx
@@ -65,7 +65,7 @@ function AddMappingRow({
             value={value}
             placeholder={placeholder}
             autoFocus
-            onChange={e => setValue(e.target.value)}
+            onChange={(e) => setValue(e.target.value)}
             onKeyDown={handleKeyDown}
           />
           <div>
diff --git a/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/GroupMappingsWidget.jsx b/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/GroupMappingsWidget.jsx
index 429ed26bac7..60ab8e15c60 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/GroupMappingsWidget.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/GroupMappingsWidget.jsx
@@ -24,7 +24,7 @@ import {
 } from "./GroupMappingsWidget.styled";
 import MappingRow from "./MappingRow";
 
-const groupIsMappable = group => !isDefaultGroup(group);
+const groupIsMappable = (group) => !isDefaultGroup(group);
 
 function GroupMappingsWidget({
   groupHeading,
@@ -51,7 +51,7 @@ function GroupMappingsWidget({
     setShowAddRow(false);
   };
 
-  const handleAddMapping = async name => {
+  const handleAddMapping = async (name) => {
     const mappingsPlusNewMapping = { ...mappings, [name]: [] };
 
     try {
@@ -66,12 +66,12 @@ function GroupMappingsWidget({
     }
   };
 
-  const handleChangeMapping = name => async (group, selected) => {
+  const handleChangeMapping = (name) => async (group, selected) => {
     const updatedMappings = selected
       ? { ...mappings, [name]: [...mappings[name], group.id] }
       : {
           ...mappings,
-          [name]: mappings[name].filter(id => id !== group.id),
+          [name]: mappings[name].filter((id) => id !== group.id),
         };
 
     try {
diff --git a/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/GroupSelect/GroupSelect.tsx b/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/GroupSelect/GroupSelect.tsx
index f600dc0d518..e52684df794 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/GroupSelect/GroupSelect.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/GroupSelect/GroupSelect.tsx
@@ -31,9 +31,9 @@ type GroupSelectProps = {
 function getSections(groups: UserGroupsType) {
   const adminGroup = groups.find(isAdminGroup);
   const defaultGroup = groups.find(isDefaultGroup);
-  const topGroups = [defaultGroup, adminGroup].filter(g => g != null);
+  const topGroups = [defaultGroup, adminGroup].filter((g) => g != null);
   const groupsExceptDefaultAndAdmin = groups.filter(
-    g => !isAdminGroup(g) && !isDefaultGroup(g),
+    (g) => !isAdminGroup(g) && !isDefaultGroup(g),
   );
 
   if (topGroups.length === 0) {
@@ -84,11 +84,11 @@ export const GroupSelect = ({
         groups
           .filter(
             // find the differing groups between the new `value` on previous `selectedGroupIds`
-            group =>
+            (group) =>
               (selectedGroupIds.includes(group.id) as any) ^
               value.includes(group.id),
           )
-          .forEach(group => onGroupChange(group, value.includes(group.id)));
+          .forEach((group) => onGroupChange(group, value.includes(group.id)));
       }}
       optionDisabledFn={(group: UserGroupType) =>
         (isAdminGroup(group) && isCurrentUser) || !canEditMembership(group)
diff --git a/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/MappingRow/MappingRow.tsx b/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/MappingRow/MappingRow.tsx
index f4df861b611..99101faec17 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/MappingRow/MappingRow.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/GroupMappingsWidget/MappingRow/MappingRow.tsx
@@ -57,7 +57,7 @@ const MappingRow = ({
   // Mappings may receive group ids even from the back-end
   // if the groups themselves have been deleted.
   // Let's ensure this row works with the ones that exist.
-  const selectedGroupIdsFromGroupsThatExist = selectedGroupIds.filter(id =>
+  const selectedGroupIdsFromGroupsThatExist = selectedGroupIds.filter((id) =>
     _.findWhere(groups, { id: id }),
   );
 
@@ -84,9 +84,9 @@ const MappingRow = ({
       case "clear":
         return () =>
           Promise.all(
-            groupIds.map(async id => {
+            groupIds.map(async (id) => {
               try {
-                if (!isAdminGroup(groups.find(group => group.id === id))) {
+                if (!isAdminGroup(groups.find((group) => group.id === id))) {
                   await clearGroupMember({ id });
                 }
               } catch (error) {
@@ -97,9 +97,9 @@ const MappingRow = ({
       case "delete":
         return () =>
           Promise.all(
-            groupIds.map(async id => {
+            groupIds.map(async (id) => {
               try {
-                if (!isAdminGroup(groups.find(group => group.id === id))) {
+                if (!isAdminGroup(groups.find((group) => group.id === id))) {
                   await deleteGroup({ id });
                 }
               } catch (error) {
@@ -113,7 +113,7 @@ const MappingRow = ({
   };
 
   const firstGroupInMapping = groups.find(
-    group => group.id === selectedGroupIdsFromGroupsThatExist[0],
+    (group) => group.id === selectedGroupIdsFromGroupsThatExist[0],
   );
 
   const isMappingLinkedOnlyToAdminGroup =
diff --git a/frontend/src/metabase/admin/settings/components/widgets/ModelCachingScheduleWidget/CronExpressionInput.tsx b/frontend/src/metabase/admin/settings/components/widgets/ModelCachingScheduleWidget/CronExpressionInput.tsx
index b8e69208b22..fa85a30ca6f 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/ModelCachingScheduleWidget/CronExpressionInput.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/ModelCachingScheduleWidget/CronExpressionInput.tsx
@@ -65,8 +65,8 @@ export function CronExpressionInput({
         type="text"
         labelProps={{ fw: 600 }}
         value={value}
-        onChange={event => handleChange(event.target.value)}
-        onBlur={event => handleBlur(event.target.value)}
+        onChange={(event) => handleChange(event.target.value)}
+        onBlur={(event) => handleBlur(event.target.value)}
         rightSection={<CronFormatTooltip />}
       />
 
diff --git a/frontend/src/metabase/admin/settings/components/widgets/ModelCachingScheduleWidget/ModelCachingScheduleWidget.tsx b/frontend/src/metabase/admin/settings/components/widgets/ModelCachingScheduleWidget/ModelCachingScheduleWidget.tsx
index 9996d4cf0b8..57fbb2cb05e 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/ModelCachingScheduleWidget/ModelCachingScheduleWidget.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/ModelCachingScheduleWidget/ModelCachingScheduleWidget.tsx
@@ -18,7 +18,7 @@ function isCustomSchedule(
   value: string,
   options: Array<{ value: string; label: string }>,
 ) {
-  const defaultSchedules = options.map(o => o.value);
+  const defaultSchedules = options.map((o) => o.value);
   return !defaultSchedules.includes(value);
 }
 
diff --git a/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/EmbeddedResources.tsx b/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/EmbeddedResources.tsx
index f6e8897b297..68f48569612 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/EmbeddedResources.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/EmbeddedResources.tsx
@@ -27,7 +27,7 @@ const DashboardEmbeddedResources = () => {
       >
         <PublicLinksListing<GetEmbeddableDashboard>
           data-testid="-embedded-dashboards-setting"
-          getUrl={dashboard => Urls.dashboard(dashboard)}
+          getUrl={(dashboard) => Urls.dashboard(dashboard)}
           noLinksMessage={t`No dashboards have been embedded yet.`}
           {...query}
         />
@@ -48,7 +48,7 @@ export const QuestionEmbeddedResources = () => {
       >
         <PublicLinksListing<GetEmbeddableCard>
           data-testid="-embedded-questions-setting"
-          getUrl={question => Urls.question(question)}
+          getUrl={(question) => Urls.question(question)}
           noLinksMessage={t`No questions have been embedded yet.`}
           {...query}
         />
diff --git a/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/PublicLinksListing.tsx b/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/PublicLinksListing.tsx
index e1964b080bd..cead5e89942 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/PublicLinksListing.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/PublicLinksListing.tsx
@@ -50,7 +50,7 @@ export const PublicLinksListing = <
         </tr>
       </thead>
       <tbody>
-        {data.map(item => {
+        {data.map((item) => {
           const internalUrl = getUrl?.(item);
           const publicUrl = getPublicUrl?.(item);
 
diff --git a/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/PublicResources.tsx b/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/PublicResources.tsx
index 5b002686392..2732fca184a 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/PublicResources.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/PublicLinksListing/PublicResources.tsx
@@ -27,7 +27,7 @@ export const PublicLinksDashboardListing = () => {
     <div className={cx(CS.bordered, CS.rounded, CS.full)}>
       <PublicLinksListing<GetPublicDashboard>
         revoke={revoke}
-        getUrl={dashboard => Urls.dashboard(dashboard)}
+        getUrl={(dashboard) => Urls.dashboard(dashboard)}
         getPublicUrl={({ public_uuid }: GetPublicDashboard) => {
           if (public_uuid) {
             return Urls.publicDashboard(public_uuid);
@@ -48,7 +48,7 @@ export const PublicLinksQuestionListing = () => {
     <div className={cx(CS.bordered, CS.rounded, CS.full)}>
       <PublicLinksListing<GetPublicCard>
         revoke={revoke}
-        getUrl={question => Urls.question(question)}
+        getUrl={(question) => Urls.question(question)}
         getPublicUrl={({ public_uuid }) => {
           if (public_uuid) {
             return Urls.publicQuestion({ uuid: public_uuid });
@@ -71,7 +71,7 @@ export const PublicLinksActionListing = () => {
     <div className={cx(CS.bordered, CS.rounded, CS.full)}>
       <PublicLinksListing<GetPublicAction>
         revoke={revoke}
-        getUrl={action => Urls.action({ id: action.model_id }, action.id)}
+        getUrl={(action) => Urls.action({ id: action.model_id }, action.id)}
         getPublicUrl={({ public_uuid }) => {
           if (public_uuid) {
             return Urls.publicAction(siteUrl, public_uuid);
diff --git a/frontend/src/metabase/admin/settings/components/widgets/SettingCommaDelimitedInput.jsx b/frontend/src/metabase/admin/settings/components/widgets/SettingCommaDelimitedInput.jsx
index 1053ca837a9..86c4101a21b 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/SettingCommaDelimitedInput.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/SettingCommaDelimitedInput.jsx
@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types */
 import { SettingInputBlurChange } from "./SettingInput/SettingInput.styled";
 
-const maybeSingletonList = value => (value ? [value] : null);
+const maybeSingletonList = (value) => (value ? [value] : null);
 
 const SettingCommaDelimitedInput = ({
   setting,
@@ -24,10 +24,14 @@ const SettingCommaDelimitedInput = ({
       placeholder={setting.placeholder}
       // If the input's value is empty, setting.value should be null
       onChange={
-        fireOnChange ? e => onChange(maybeSingletonList(e.target.value)) : null
+        fireOnChange
+          ? (e) => onChange(maybeSingletonList(e.target.value))
+          : null
       }
       onBlurChange={
-        !fireOnChange ? e => onChange(maybeSingletonList(e.target.value)) : null
+        !fireOnChange
+          ? (e) => onChange(maybeSingletonList(e.target.value))
+          : null
       }
       autoFocus={autoFocus}
     />
diff --git a/frontend/src/metabase/admin/settings/components/widgets/SettingPassword.jsx b/frontend/src/metabase/admin/settings/components/widgets/SettingPassword.jsx
index b3272a2f50c..fa6d7038b98 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/SettingPassword.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/SettingPassword.jsx
@@ -1,5 +1,5 @@
 import { SettingInput } from "./SettingInput";
 
-const SettingPassword = props => <SettingInput {...props} type="password" />;
+const SettingPassword = (props) => <SettingInput {...props} type="password" />;
 
 export default SettingPassword;
diff --git a/frontend/src/metabase/admin/settings/components/widgets/SettingRadio.jsx b/frontend/src/metabase/admin/settings/components/widgets/SettingRadio.jsx
index 6c94094c325..6ffc016a0c8 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/SettingRadio.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/SettingRadio.jsx
@@ -7,7 +7,7 @@ const SettingRadio = ({ setting, onChange, disabled }) => (
   <Radio
     className={cx({ disabled: disabled })}
     value={setting.value}
-    onChange={value => onChange(value)}
+    onChange={(value) => onChange(value)}
     options={Object.entries(setting.options).map(([value, name]) => ({
       name,
       value,
diff --git a/frontend/src/metabase/admin/settings/components/widgets/SettingSelect.tsx b/frontend/src/metabase/admin/settings/components/widgets/SettingSelect.tsx
index 178ae4b8497..66241c9c836 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/SettingSelect.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/SettingSelect.tsx
@@ -27,8 +27,8 @@ export const SettingSelect = ({
       placeholder={placeholder}
       value={(value as string) ?? defaultValue}
       disabled={disabled}
-      onChange={value => onChange(value)}
-      data={checkNotNull(customOptions).map(option => {
+      onChange={(value) => onChange(value)}
+      data={checkNotNull(customOptions).map((option) => {
         return {
           label: option.name,
           value: option.value as string,
diff --git a/frontend/src/metabase/admin/settings/components/widgets/SettingText.jsx b/frontend/src/metabase/admin/settings/components/widgets/SettingText.jsx
index 397e105d112..cf0629b87a2 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/SettingText.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/SettingText.jsx
@@ -25,10 +25,10 @@ const SettingText = ({
     )}
     defaultValue={setting.value || setting.default || ""}
     placeholder={setting.placeholder}
-    onChange={fireOnChange ? e => onChange(e.target.value) : null}
+    onChange={fireOnChange ? (e) => onChange(e.target.value) : null}
     onBlur={
       !fireOnChange
-        ? e => {
+        ? (e) => {
             const value = setting.value || setting.default || "";
             const nextValue = e.target.value;
             if (nextValue !== value) {
diff --git a/frontend/src/metabase/admin/settings/components/widgets/SettingTextInput/SettingTextInput.tsx b/frontend/src/metabase/admin/settings/components/widgets/SettingTextInput/SettingTextInput.tsx
index bf41fa29381..ba50abce657 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/SettingTextInput/SettingTextInput.tsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/SettingTextInput/SettingTextInput.tsx
@@ -55,7 +55,7 @@ export const SettingTextInput = ({
       error={!!errorMessage}
       id={id}
       type={type}
-      onChange={event => setValueState(event.target.value)}
+      onChange={(event) => setValueState(event.target.value)}
       value={valueState}
       placeholder={setting.placeholder}
       onBlur={changeHandler}
diff --git a/frontend/src/metabase/admin/settings/components/widgets/SiteUrlWidget.jsx b/frontend/src/metabase/admin/settings/components/widgets/SiteUrlWidget.jsx
index 3ee51195a06..d60d6441636 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/SiteUrlWidget.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/SiteUrlWidget.jsx
@@ -14,7 +14,7 @@ export default class SiteUrlWidget extends Component {
     return (
       <InputWithSelectPrefix
         value={setting.value}
-        onChange={e => onChange(e.target.value)}
+        onChange={(e) => onChange(e.target.value)}
         prefixes={["https://", "http://"]}
         defaultPrefix="http://"
         caseInsensitivePrefix={true}
diff --git a/frontend/src/metabase/admin/settings/components/widgets/deprecated/SettingSelect.jsx b/frontend/src/metabase/admin/settings/components/widgets/deprecated/SettingSelect.jsx
index cf6821b1a6b..8d22dc9a2e0 100644
--- a/frontend/src/metabase/admin/settings/components/widgets/deprecated/SettingSelect.jsx
+++ b/frontend/src/metabase/admin/settings/components/widgets/deprecated/SettingSelect.jsx
@@ -21,12 +21,12 @@ const SettingSelect = ({
     defaultValue={defaultValue}
     disabled={disabled}
     searchProp={searchProp}
-    onChange={e => onChange(e.target.value)}
+    onChange={(e) => onChange(e.target.value)}
     buttonProps={{
       dataTestId: key,
     }}
   >
-    {customOptions.map(option => {
+    {customOptions.map((option) => {
       const name = typeof option === "object" ? option.name : option;
       const value = typeof option === "object" ? option.value : option;
       return (
diff --git a/frontend/src/metabase/admin/settings/notifications/CreateWebhookModal.tsx b/frontend/src/metabase/admin/settings/notifications/CreateWebhookModal.tsx
index eb236b866f3..48d7dafc94e 100644
--- a/frontend/src/metabase/admin/settings/notifications/CreateWebhookModal.tsx
+++ b/frontend/src/metabase/admin/settings/notifications/CreateWebhookModal.tsx
@@ -44,7 +44,7 @@ export const CreateWebhookModal = ({
       .then(() => {
         onClose();
       })
-      .catch(e => {
+      .catch((e) => {
         handleFieldError(e);
         throw e;
       });
diff --git a/frontend/src/metabase/admin/settings/notifications/EditWebhookModal.tsx b/frontend/src/metabase/admin/settings/notifications/EditWebhookModal.tsx
index 01adc012f61..8a214675540 100644
--- a/frontend/src/metabase/admin/settings/notifications/EditWebhookModal.tsx
+++ b/frontend/src/metabase/admin/settings/notifications/EditWebhookModal.tsx
@@ -45,7 +45,7 @@ export const EditWebhookModal = ({
       .then(() => {
         onClose();
       })
-      .catch(e => {
+      .catch((e) => {
         handleFieldError(e);
       });
   };
diff --git a/frontend/src/metabase/admin/settings/notifications/NotificationSettings.tsx b/frontend/src/metabase/admin/settings/notifications/NotificationSettings.tsx
index 3bebf524ba8..e9da7a7e75f 100644
--- a/frontend/src/metabase/admin/settings/notifications/NotificationSettings.tsx
+++ b/frontend/src/metabase/admin/settings/notifications/NotificationSettings.tsx
@@ -59,7 +59,7 @@ export const NotificationSettings = () => {
         </Flex>
         {hasChannels ? (
           <Stack>
-            {channels?.map(c => (
+            {channels?.map((c) => (
               <ChannelBox
                 key={`channel-${c.id}`}
                 title={c.name}
diff --git a/frontend/src/metabase/admin/settings/notifications/WebhookForm.tsx b/frontend/src/metabase/admin/settings/notifications/WebhookForm.tsx
index 6177f75d6e1..7d1281495da 100644
--- a/frontend/src/metabase/admin/settings/notifications/WebhookForm.tsx
+++ b/frontend/src/metabase/admin/settings/notifications/WebhookForm.tsx
@@ -181,7 +181,7 @@ export const WebhookForm = ({
     }
   }, [error]);
 
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     getDocsUrl(state, { page: "questions/sharing/alerts" }),
   );
 
@@ -202,7 +202,7 @@ export const WebhookForm = ({
           setFieldError("url", undefined);
           setTestButtonLabel(t`Success`);
         },
-        e => {
+        (e) => {
           setTestButtonLabel(t`Test failed`);
           const message =
             typeof e === "string" ? e : getResponseErrorMessage(e);
@@ -299,7 +299,7 @@ export const WebhookForm = ({
             name="fe-form-type"
             label={t`Authentication method`}
             groupProps={{ mb: "1.5rem", mt: "0.5rem" }}
-            onChange={val => {
+            onChange={(val) => {
               if (val === "none") {
                 setFieldValue("auth-method", "none");
               } else {
diff --git a/frontend/src/metabase/admin/settings/selectors/selectors.js b/frontend/src/metabase/admin/settings/selectors/selectors.js
index 6d213f5b01e..14dbef75f65 100644
--- a/frontend/src/metabase/admin/settings/selectors/selectors.js
+++ b/frontend/src/metabase/admin/settings/selectors/selectors.js
@@ -120,7 +120,7 @@ export const ADMIN_SETTINGS_SECTIONS = {
             }),
           refreshCurrentUser,
         ],
-        getProps: setting => ({
+        getProps: (setting) => ({
           value: setting.value,
         }),
         onChanged: (oldVal, newVal) => {
@@ -305,7 +305,7 @@ export const ADMIN_SETTINGS_SECTIONS = {
     tabs:
       PLUGIN_ADMIN_SETTINGS_AUTH_TABS.length <= 1
         ? undefined
-        : PLUGIN_ADMIN_SETTINGS_AUTH_TABS.map(tab => ({
+        : PLUGIN_ADMIN_SETTINGS_AUTH_TABS.map((tab) => ({
             ...tab,
             isActive: tab.key === "authentication",
           })),
@@ -475,7 +475,7 @@ export const ADMIN_SETTINGS_SECTIONS = {
   },
   llm: {
     name: t`AI Features`,
-    getHidden: settings =>
+    getHidden: (settings) =>
       !PLUGIN_LLM_AUTODESCRIPTION.isEnabled() || settings["airgap-enabled"],
     order: 131,
     settings: [
@@ -500,7 +500,7 @@ export const ADMIN_SETTINGS_SECTIONS = {
   },
   cloud: {
     name: t`Cloud`,
-    getHidden: settings =>
+    getHidden: (settings) =>
       settings["token-features"]?.hosting === true ||
       settings["airgap-enabled"],
     order: 132,
@@ -510,9 +510,9 @@ export const ADMIN_SETTINGS_SECTIONS = {
   },
   whitelabel: {
     name: t`Appearance`,
-    getHidden: settings => settings["token-features"]?.whitelabel === true,
+    getHidden: (settings) => settings["token-features"]?.whitelabel === true,
     order: 133,
-    component: props => (
+    component: (props) => (
       <UpsellWhitelabel {...props} source="settings-appearance" />
     ),
     settings: [],
@@ -528,7 +528,7 @@ export const getSettings = createSelector(
   getAdminSettingDefinitions,
   getAdminSettingWarnings,
   (settings, warnings) =>
-    settings.map(setting =>
+    settings.map((setting) =>
       warnings[setting.key]
         ? { ...setting, warning: warnings[setting.key] }
         : setting,
@@ -538,9 +538,9 @@ export const getSettings = createSelector(
 // getSettings selector returns settings for admin setting page and values specified by
 // environment variables set to "null". Actual applied setting values are coming from
 // /api/session/properties API handler and getDerivedSettingValues returns them.
-export const getDerivedSettingValues = state => state.settings?.values ?? {};
+export const getDerivedSettingValues = (state) => state.settings?.values ?? {};
 
-export const getSettingValues = createSelector(getSettings, settings => {
+export const getSettingValues = createSelector(getSettings, (settings) => {
   const settingValues = {};
   for (const setting of settings) {
     settingValues[setting.key] = setting.value;
@@ -550,14 +550,14 @@ export const getSettingValues = createSelector(getSettings, settings => {
 
 export const getCurrentVersion = createSelector(
   getDerivedSettingValues,
-  settings => {
+  (settings) => {
     return settings.version?.tag;
   },
 );
 
 export const getLatestVersion = createSelector(
   getDerivedSettingValues,
-  settings => {
+  (settings) => {
     const updateChannel = settings["update-channel"] ?? "latest";
     return settings["version-info"]?.[updateChannel]?.version;
   },
diff --git a/frontend/src/metabase/admin/settings/settings.js b/frontend/src/metabase/admin/settings/settings.js
index c13010e5dd3..7513fed21df 100644
--- a/frontend/src/metabase/admin/settings/settings.js
+++ b/frontend/src/metabase/admin/settings/settings.js
@@ -28,7 +28,7 @@ export const refreshSettingsList = createAction(
   REFRESH_SETTINGS_LIST,
   async () => {
     const settingsList = await SettingsApi.list();
-    return settingsList.map(setting => ({
+    return settingsList.map((setting) => ({
       ...setting,
       originalValue: setting.value,
     }));
@@ -118,7 +118,7 @@ export const CLEAR_EMAIL_SETTINGS =
 
 export const clearEmailSettings = createThunkAction(
   CLEAR_EMAIL_SETTINGS,
-  () => async dispatch => {
+  () => async (dispatch) => {
     await EmailApi.clear(), await dispatch(reloadSettings());
   },
 );
diff --git a/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.stories.tsx b/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.stories.tsx
index 5ca07961c15..16f83c67c5d 100644
--- a/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.stories.tsx
+++ b/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.stories.tsx
@@ -12,7 +12,7 @@ export default {
 };
 
 export const Default: StoryObj<SlackSetupProps> = {
-  render: args => {
+  render: (args) => {
     return <SlackSetup {...args} />;
   },
 
diff --git a/frontend/src/metabase/admin/settings/slack/components/SlackStatus/SlackStatus.stories.tsx b/frontend/src/metabase/admin/settings/slack/components/SlackStatus/SlackStatus.stories.tsx
index 39499ed46ec..bbbcb0fee43 100644
--- a/frontend/src/metabase/admin/settings/slack/components/SlackStatus/SlackStatus.stories.tsx
+++ b/frontend/src/metabase/admin/settings/slack/components/SlackStatus/SlackStatus.stories.tsx
@@ -12,7 +12,7 @@ export default {
 };
 
 export const Default: StoryObj<SlackStatusProps> = {
-  render: args => {
+  render: (args) => {
     return <SlackStatus {...args} />;
   },
 
diff --git a/frontend/src/metabase/admin/settings/utils.js b/frontend/src/metabase/admin/settings/utils.js
index 5003f1258a6..ca95d4b13b0 100644
--- a/frontend/src/metabase/admin/settings/utils.js
+++ b/frontend/src/metabase/admin/settings/utils.js
@@ -2,7 +2,7 @@ import { t } from "ttag";
 
 import { useDocsUrl } from "metabase/common/hooks";
 
-export const settingToFormField = setting => ({
+export const settingToFormField = (setting) => ({
   name: setting.key,
   label: setting.display_name,
   description: setting.description,
@@ -13,9 +13,9 @@ export const settingToFormField = setting => ({
   autoFocus: setting.autoFocus,
 });
 
-export const settingToFormFieldId = setting => `setting-${setting.key}`;
+export const settingToFormFieldId = (setting) => `setting-${setting.key}`;
 
-export const useGetEnvVarDocsUrl = envName => {
+export const useGetEnvVarDocsUrl = (envName) => {
   return useDocsUrl("configuring-metabase/environment-variables", {
     anchor: envName?.toLowerCase(),
   });
diff --git a/frontend/src/metabase/admin/tasks/components/Help/Help.tsx b/frontend/src/metabase/admin/tasks/components/Help/Help.tsx
index 80fa0fd6380..dc41b271ba1 100644
--- a/frontend/src/metabase/admin/tasks/components/Help/Help.tsx
+++ b/frontend/src/metabase/admin/tasks/components/Help/Help.tsx
@@ -103,7 +103,7 @@ export const Help = () => {
 
   useMount(async () => {
     const newDetails = await UtilApi.bug_report_details();
-    setDetails(oldDetails => ({ ...oldDetails, ...newDetails }));
+    setDetails((oldDetails) => ({ ...oldDetails, ...newDetails }));
   });
 
   const detailString = JSON.stringify(details, null, 2);
diff --git a/frontend/src/metabase/admin/tasks/components/Logs/Logs.tsx b/frontend/src/metabase/admin/tasks/components/Logs/Logs.tsx
index a71b9e2d5bc..5c72d15a463 100644
--- a/frontend/src/metabase/admin/tasks/components/Logs/Logs.tsx
+++ b/frontend/src/metabase/admin/tasks/components/Logs/Logs.tsx
@@ -56,7 +56,7 @@ export const Logs = ({
             width={400}
           >
             <Option value="ALL" key="ALL">{t`All Metabase processes`}</Option>
-            {processUUIDs.map(uuid => (
+            {processUUIDs.map((uuid) => (
               <Option key={uuid} value={uuid}>
                 <code>{uuid}</code>
               </Option>
diff --git a/frontend/src/metabase/admin/tasks/components/Logs/Logs.unit.spec.tsx b/frontend/src/metabase/admin/tasks/components/Logs/Logs.unit.spec.tsx
index bc2fa927c41..c2a7087ecc8 100644
--- a/frontend/src/metabase/admin/tasks/components/Logs/Logs.unit.spec.tsx
+++ b/frontend/src/metabase/admin/tasks/components/Logs/Logs.unit.spec.tsx
@@ -42,7 +42,7 @@ describe("Logs", () => {
     it("should skip calls to UtilsApi.logs if last request is still in-flight", async () => {
       fetchMock.get("path:/api/util/logs", []);
       let resolve: any;
-      utilSpy.mockReturnValueOnce(new Promise(res => (resolve = res)));
+      utilSpy.mockReturnValueOnce(new Promise((res) => (resolve = res)));
       render(<Logs />);
       await waitFor(() => [
         expect(screen.getByTestId("loading-indicator")).toBeInTheDocument(),
diff --git a/frontend/src/metabase/admin/tasks/components/Logs/hooks.ts b/frontend/src/metabase/admin/tasks/components/Logs/hooks.ts
index 25a5ff6b133..9c770d08ecb 100644
--- a/frontend/src/metabase/admin/tasks/components/Logs/hooks.ts
+++ b/frontend/src/metabase/admin/tasks/components/Logs/hooks.ts
@@ -28,7 +28,7 @@ export function usePollingLogsQuery(pollingDurationMs: number) {
       if (isMountedRef.current) {
         setLoaded(true);
         setError(null);
-        setLogs(logs => maybeMergeLogs(logs, newLogs));
+        setLogs((logs) => maybeMergeLogs(logs, newLogs));
         isFetchingRef.current = false;
       }
     } catch (err: any) {
diff --git a/frontend/src/metabase/admin/tasks/components/Logs/utils.ts b/frontend/src/metabase/admin/tasks/components/Logs/utils.ts
index 9923570acc4..1e1c75516fc 100644
--- a/frontend/src/metabase/admin/tasks/components/Logs/utils.ts
+++ b/frontend/src/metabase/admin/tasks/components/Logs/utils.ts
@@ -17,7 +17,7 @@ export function mergeLogs(logArrays: Log[][]) {
     ["timestamp", "process_uuid", "msg"],
     ["asc", "asc", "asc"],
   )
-    .filter(log => {
+    .filter((log) => {
       const key = logEventKey(log);
       const keep = prevLogKey !== key;
       if (keep) {
@@ -44,14 +44,14 @@ export function hasLog(logs: Log[], targetLog: Log): boolean {
 
 export function filterLogs(logs: Log[], processUUID: string) {
   return logs.filter(
-    ev =>
+    (ev) =>
       !processUUID || processUUID === "ALL" || ev.process_uuid === processUUID,
   );
 }
 
 export function getAllProcessUUIDs(logs: Log[]) {
   const uuids = new Set<string>();
-  logs.forEach(log => uuids.add(log.process_uuid));
+  logs.forEach((log) => uuids.add(log.process_uuid));
   return [...uuids].filter(Boolean).sort();
 }
 
diff --git a/frontend/src/metabase/admin/tasks/containers/JobInfoApp.jsx b/frontend/src/metabase/admin/tasks/containers/JobInfoApp.jsx
index a7f6591c98a..484067cb19f 100644
--- a/frontend/src/metabase/admin/tasks/containers/JobInfoApp.jsx
+++ b/frontend/src/metabase/admin/tasks/containers/JobInfoApp.jsx
@@ -10,7 +10,7 @@ import AdminS from "metabase/css/admin.module.css";
 import CS from "metabase/css/core/index.css";
 import { Box, Flex } from "metabase/ui";
 
-const renderSchedulerInfo = scheduler => {
+const renderSchedulerInfo = (scheduler) => {
   return (
     scheduler && (
       <Flex align="center">
@@ -20,7 +20,7 @@ const renderSchedulerInfo = scheduler => {
   );
 };
 
-const renderJobsTable = jobs => {
+const renderJobsTable = (jobs) => {
   return (
     jobs && (
       <table className={cx(AdminS.ContentTable, CS.mt2)}>
@@ -34,7 +34,7 @@ const renderJobsTable = jobs => {
         </thead>
         <tbody>
           {jobs &&
-            jobs.map(job => (
+            jobs.map((job) => (
               <tr key={job.key}>
                 <td className={CS.textBold}>{job.key}</td>
                 <td>{job.class}</td>
diff --git a/frontend/src/metabase/admin/tasks/containers/JobTriggersModal.jsx b/frontend/src/metabase/admin/tasks/containers/JobTriggersModal.jsx
index aabd2f32b6a..04ab341953e 100644
--- a/frontend/src/metabase/admin/tasks/containers/JobTriggersModal.jsx
+++ b/frontend/src/metabase/admin/tasks/containers/JobTriggersModal.jsx
@@ -11,7 +11,7 @@ import AdminS from "metabase/css/admin.module.css";
 import CS from "metabase/css/core/index.css";
 import { useDispatch } from "metabase/lib/redux";
 
-const renderTriggersTable = triggers => {
+const renderTriggersTable = (triggers) => {
   return (
     <table className={cx(AdminS.ContentTable, CS.mt2)}>
       <thead>
@@ -31,7 +31,7 @@ const renderTriggersTable = triggers => {
       </thead>
       <tbody>
         {triggers &&
-          triggers.map(trigger => (
+          triggers.map((trigger) => (
             <tr key={trigger.key}>
               <td className={CS.textBold}>{trigger.key}</td>
               <td>{trigger.description}</td>
@@ -51,7 +51,7 @@ const renderTriggersTable = triggers => {
   );
 };
 
-export const JobTriggersModal = props => {
+export const JobTriggersModal = (props) => {
   const dispatch = useDispatch();
   const { data, error, isFetching } = useGetTasksInfoQuery();
 
diff --git a/frontend/src/metabase/admin/tasks/containers/ModelCacheRefreshJobs/ModelCacheRefreshJobs.tsx b/frontend/src/metabase/admin/tasks/containers/ModelCacheRefreshJobs/ModelCacheRefreshJobs.tsx
index bb3f62340ae..39529f6ff7b 100644
--- a/frontend/src/metabase/admin/tasks/containers/ModelCacheRefreshJobs/ModelCacheRefreshJobs.tsx
+++ b/frontend/src/metabase/admin/tasks/containers/ModelCacheRefreshJobs/ModelCacheRefreshJobs.tsx
@@ -117,7 +117,7 @@ function ModelCacheRefreshJobs({ onRefresh }: Props) {
   const { data: persistedModels, total } = data ?? { data: [], total: 0 };
   const hasPagination = total > PAGE_SIZE;
   const modelCacheInfo = persistedModels.filter(
-    cacheInfo => cacheInfo.state !== "deletable",
+    (cacheInfo) => cacheInfo.state !== "deletable",
   );
 
   if (error || isFetching) {
@@ -155,7 +155,7 @@ function ModelCacheRefreshJobs({ onRefresh }: Props) {
           </tr>
         </thead>
         <tbody>
-          {modelCacheInfo.map(job => (
+          {modelCacheInfo.map((job) => (
             <JobTableItem
               key={job.id}
               job={job}
diff --git a/frontend/src/metabase/admin/tools/containers/Tools.tsx b/frontend/src/metabase/admin/tools/containers/Tools.tsx
index a986ebf40a0..b4aa2ed13a0 100644
--- a/frontend/src/metabase/admin/tools/containers/Tools.tsx
+++ b/frontend/src/metabase/admin/tools/containers/Tools.tsx
@@ -42,7 +42,7 @@ const mapDispatchToProps = {
 
 function getCurrentTab(location: Location, tabs: ToolTab[]) {
   const parts = location.pathname.split("/");
-  const tab = tabs.find(tab => parts.some(part => part === tab.value));
+  const tab = tabs.find((tab) => parts.some((part) => part === tab.value));
   return tab?.value;
 }
 
diff --git a/frontend/src/metabase/admin/upsells/UpsellBetterSupport.tsx b/frontend/src/metabase/admin/upsells/UpsellBetterSupport.tsx
index 7e4ce54e4e8..00c97eb0f1f 100644
--- a/frontend/src/metabase/admin/upsells/UpsellBetterSupport.tsx
+++ b/frontend/src/metabase/admin/upsells/UpsellBetterSupport.tsx
@@ -8,7 +8,7 @@ import { UpsellCard } from "./components";
 import { UPGRADE_URL } from "./constants";
 
 export const UpsellBetterSupport = ({ source }: { source: string }) => {
-  const plan = useSelector(state =>
+  const plan = useSelector((state) =>
     getPlan(getSetting(state, "token-features")),
   );
 
diff --git a/frontend/src/metabase/admin/upsells/UpsellSSO.tsx b/frontend/src/metabase/admin/upsells/UpsellSSO.tsx
index 27710da67df..34a014c3495 100644
--- a/frontend/src/metabase/admin/upsells/UpsellSSO.tsx
+++ b/frontend/src/metabase/admin/upsells/UpsellSSO.tsx
@@ -9,7 +9,7 @@ import { UpsellCard } from "./components";
 import { UPGRADE_URL } from "./constants";
 
 export const UpsellSSO = ({ source }: { source: string }) => {
-  const tokenFeatures = useSelector(state =>
+  const tokenFeatures = useSelector((state) =>
     getSetting(state, "token-features"),
   );
 
diff --git a/frontend/src/metabase/admin/upsells/UpsellUploads.tsx b/frontend/src/metabase/admin/upsells/UpsellUploads.tsx
index 5869a4e90ae..bb6f7629571 100644
--- a/frontend/src/metabase/admin/upsells/UpsellUploads.tsx
+++ b/frontend/src/metabase/admin/upsells/UpsellUploads.tsx
@@ -8,7 +8,7 @@ import { UpsellCard } from "./components";
 import { UPGRADE_URL } from "./constants";
 
 export const UpsellUploads = ({ source }: { source: string }) => {
-  const plan = useSelector(state =>
+  const plan = useSelector((state) =>
     getPlan(getSetting(state, "token-features")),
   );
 
diff --git a/frontend/src/metabase/admin/upsells/UpsellUsageAnalytics.tsx b/frontend/src/metabase/admin/upsells/UpsellUsageAnalytics.tsx
index 766af62a962..94de8681167 100644
--- a/frontend/src/metabase/admin/upsells/UpsellUsageAnalytics.tsx
+++ b/frontend/src/metabase/admin/upsells/UpsellUsageAnalytics.tsx
@@ -17,7 +17,7 @@ export const UpsellUsageAnalytics = (
       "children" | "title" | "buttonText" | "buttonLink" | "campaign"
     >,
 ) => {
-  const usageAnalyticsUrl = useSelector(state =>
+  const usageAnalyticsUrl = useSelector((state) =>
     getDocsUrl(state, {
       page: "usage-and-performance-tools/usage-analytics",
     }),
diff --git a/frontend/src/metabase/admin/upsells/UpsellWhitelabel.tsx b/frontend/src/metabase/admin/upsells/UpsellWhitelabel.tsx
index f575d47e11e..bd76b5078f9 100644
--- a/frontend/src/metabase/admin/upsells/UpsellWhitelabel.tsx
+++ b/frontend/src/metabase/admin/upsells/UpsellWhitelabel.tsx
@@ -12,7 +12,7 @@ import { UPGRADE_URL } from "./constants";
 export const UpsellWhitelabel = ({ source }: { source: string }) => {
   const isWhitelabeled = useHasTokenFeature("whitelabel");
 
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     getDocsUrl(state, {
       page: "configuring-metabase/appearance",
     }),
diff --git a/frontend/src/metabase/admin/utils.js b/frontend/src/metabase/admin/utils.js
index 07e63d7a5d9..39db58463bc 100644
--- a/frontend/src/metabase/admin/utils.js
+++ b/frontend/src/metabase/admin/utils.js
@@ -9,8 +9,8 @@ export const createAdminRouteGuard = (routeKey, Component) => {
     wrapperDisplayName: `CanAccess(${routeKey})`,
     redirectPath: "/unauthorized",
     allowRedirectBack: false,
-    authenticatedSelector: state =>
-      getAdminPaths(state)?.find(path => path.key === routeKey) != null,
+    authenticatedSelector: (state) =>
+      getAdminPaths(state)?.find((path) => path.key === routeKey) != null,
     redirectAction: routerActions.replace,
     context: MetabaseReduxContext,
   });
diff --git a/frontend/src/metabase/api/action.ts b/frontend/src/metabase/api/action.ts
index fc35f3a033a..6c449ad7021 100644
--- a/frontend/src/metabase/api/action.ts
+++ b/frontend/src/metabase/api/action.ts
@@ -20,9 +20,9 @@ import {
 } from "./tags";
 
 export const actionApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listActions: builder.query<WritebackAction[], ListActionsRequest>({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: `/api/action`,
         params,
@@ -34,10 +34,10 @@ export const actionApi = Api.injectEndpoints({
         method: "GET",
         url: `/api/action/${id}`,
       }),
-      providesTags: action => (action ? provideActionTags(action) : []),
+      providesTags: (action) => (action ? provideActionTags(action) : []),
     }),
     createAction: builder.mutation<WritebackAction, CreateActionRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/action",
         body,
@@ -46,7 +46,7 @@ export const actionApi = Api.injectEndpoints({
         action ? invalidateTags(error, [listTag("action")]) : [],
     }),
     updateAction: builder.mutation<WritebackAction, UpdateActionRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "PUT",
         url: `/api/action/${body.id}`,
         body: _.omit(body, "type"), // Changing action type is not supported
@@ -60,7 +60,7 @@ export const actionApi = Api.injectEndpoints({
           : [],
     }),
     deleteAction: builder.mutation<WritebackAction, WritebackActionId>({
-      query: id => ({
+      query: (id) => ({
         method: "DELETE",
         url: `/api/action/${id}`,
       }),
@@ -73,7 +73,7 @@ export const actionApi = Api.injectEndpoints({
         url: "/api/action/public",
       }),
       providesTags: (actions = []) => [
-        ...actions.map(action => idTag("public-action", action.id)),
+        ...actions.map((action) => idTag("public-action", action.id)),
         listTag("public-action"),
       ],
     }),
diff --git a/frontend/src/metabase/api/activity.ts b/frontend/src/metabase/api/activity.ts
index bbb5a4e6a13..281e724bd6e 100644
--- a/frontend/src/metabase/api/activity.ts
+++ b/frontend/src/metabase/api/activity.ts
@@ -16,12 +16,12 @@ import {
 } from "./tags";
 
 export const activityApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listRecents: builder.query<RecentItem[], RecentsRequest | void>({
       query: ({ context } = { context: ["views"] }) => {
         const contextParam = [...context]
           .sort()
-          .map(ctx => `context=${ctx}`)
+          .map((ctx) => `context=${ctx}`)
           .join("&");
 
         return {
@@ -30,7 +30,7 @@ export const activityApi = Api.injectEndpoints({
         };
       },
       transformResponse: (response: RecentsResponse) => response?.recents,
-      providesTags: items => provideActivityItemListTags(items ?? []),
+      providesTags: (items) => provideActivityItemListTags(items ?? []),
     }),
     listPopularItems: builder.query<PopularItem[], void>({
       query: () => ({
@@ -39,7 +39,7 @@ export const activityApi = Api.injectEndpoints({
       }),
       transformResponse: (response: PopularItemsResponse) =>
         response?.popular_items,
-      providesTags: items => provideActivityItemListTags(items ?? []),
+      providesTags: (items) => provideActivityItemListTags(items ?? []),
     }),
     logRecentItem: builder.mutation<void, Omit<CreateRecentRequest, "context">>(
       {
diff --git a/frontend/src/metabase/api/api-key.ts b/frontend/src/metabase/api/api-key.ts
index 1902ec0f907..6b6f42215a5 100644
--- a/frontend/src/metabase/api/api-key.ts
+++ b/frontend/src/metabase/api/api-key.ts
@@ -12,7 +12,7 @@ import { Api } from "./api";
 import { idTag, invalidateTags, listTag, provideApiKeyListTags } from "./tags";
 
 export const apiKeyApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listApiKeys: builder.query<ApiKey[], void>({
       query: () => `/api/api-key`,
       providesTags: (apiKeys = []) => provideApiKeyListTags(apiKeys),
@@ -22,7 +22,7 @@ export const apiKeyApi = Api.injectEndpoints({
       providesTags: provideApiKeyListTags([]),
     }),
     createApiKey: builder.mutation<CreateApiKeyResponse, CreateApiKeyRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: `/api/api-key`,
         body,
@@ -40,12 +40,12 @@ export const apiKeyApi = Api.injectEndpoints({
         invalidateTags(error, [listTag("api-key"), idTag("api-key", id)]),
     }),
     deleteApiKey: builder.mutation<void, ApiKeyId>({
-      query: id => ({ method: "DELETE", url: `/api/api-key/${id}` }),
+      query: (id) => ({ method: "DELETE", url: `/api/api-key/${id}` }),
       invalidatesTags: (_, error, id) =>
         invalidateTags(error, [listTag("api-key"), idTag("api-key", id)]),
     }),
     regenerateApiKey: builder.mutation<RegenerateApiKeyResponse, ApiKeyId>({
-      query: id => ({ method: "PUT", url: `/api/api-key/${id}/regenerate` }),
+      query: (id) => ({ method: "PUT", url: `/api/api-key/${id}/regenerate` }),
       invalidatesTags: (_, error, id) =>
         invalidateTags(error, [listTag("api-key"), idTag("api-key", id)]),
     }),
diff --git a/frontend/src/metabase/api/automagic-dashboards.ts b/frontend/src/metabase/api/automagic-dashboards.ts
index 8d8cf13fb0b..e133e41ecae 100644
--- a/frontend/src/metabase/api/automagic-dashboards.ts
+++ b/frontend/src/metabase/api/automagic-dashboards.ts
@@ -12,7 +12,7 @@ import {
 } from "./tags";
 
 export const automagicDashboardsApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getXrayDashboardQueryMetadata: builder.query<
       DashboardQueryMetadata,
       GetXrayDashboardQueryMetadataRequest
@@ -22,11 +22,11 @@ export const automagicDashboardsApi = Api.injectEndpoints({
         url: `/api/automagic-dashboards/${entity}/${entityId}/query_metadata`,
         params,
       }),
-      providesTags: metadata =>
+      providesTags: (metadata) =>
         metadata ? provideDashboardQueryMetadataTags(metadata) : [],
     }),
     listDatabaseXrays: builder.query<DatabaseXray[], DatabaseId>({
-      query: id => `/api/automagic-dashboards/database/${id}/candidates`,
+      query: (id) => `/api/automagic-dashboards/database/${id}/candidates`,
       providesTags: (candidates = []) =>
         provideDatabaseCandidateListTags(candidates),
     }),
diff --git a/frontend/src/metabase/api/bookmark.ts b/frontend/src/metabase/api/bookmark.ts
index ca1c7e27d8f..048804ff1ba 100644
--- a/frontend/src/metabase/api/bookmark.ts
+++ b/frontend/src/metabase/api/bookmark.ts
@@ -14,7 +14,7 @@ import {
 } from "./tags";
 
 export const bookmarkApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listBookmarks: builder.query<Bookmark[], void>({
       query: () => ({
         method: "GET",
@@ -47,7 +47,7 @@ export const bookmarkApi = Api.injectEndpoints({
         ]),
     }),
     reorderBookmarks: builder.mutation<void, ReorderBookmarksRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "PUT",
         url: `/api/bookmark/ordering`,
         body,
diff --git a/frontend/src/metabase/api/bug-report.ts b/frontend/src/metabase/api/bug-report.ts
index c3e4b8c7b9e..e4f8994b107 100644
--- a/frontend/src/metabase/api/bug-report.ts
+++ b/frontend/src/metabase/api/bug-report.ts
@@ -7,12 +7,12 @@ interface BugReportResponse {
 }
 
 export const bugReportApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     sendBugReport: builder.mutation<
       BugReportResponse,
       { diagnosticInfo: ErrorPayload }
     >({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/slack/bug-report",
         body,
diff --git a/frontend/src/metabase/api/card.ts b/frontend/src/metabase/api/card.ts
index 23713492c7f..d401f291135 100644
--- a/frontend/src/metabase/api/card.ts
+++ b/frontend/src/metabase/api/card.ts
@@ -30,7 +30,7 @@ import {
 const PERSISTED_MODEL_REFRESH_DELAY = 200;
 
 export const cardApi = Api.injectEndpoints({
-  endpoints: builder => {
+  endpoints: (builder) => {
     const updateCardPropertyMutation = <
       PropertyKey extends keyof UpdateCardRequest,
     >() =>
@@ -50,7 +50,7 @@ export const cardApi = Api.injectEndpoints({
 
     return {
       listCards: builder.query<Card[], ListCardsRequest | void>({
-        query: params => ({
+        query: (params) => ({
           method: "GET",
           url: "/api/card",
           params,
@@ -64,10 +64,10 @@ export const cardApi = Api.injectEndpoints({
           params,
           noEvent: ignore_error,
         }),
-        providesTags: card => (card ? provideCardTags(card) : []),
+        providesTags: (card) => (card ? provideCardTags(card) : []),
       }),
       getCardQueryMetadata: builder.query<CardQueryMetadata, CardId>({
-        query: id => ({
+        query: (id) => ({
           method: "GET",
           url: `/api/card/${id}/query_metadata`,
         }),
@@ -84,7 +84,7 @@ export const cardApi = Api.injectEndpoints({
           provideCardQueryTags(cardId),
       }),
       createCard: builder.mutation<Card, CreateCardRequest>({
-        query: body => ({
+        query: (body) => ({
           method: "POST",
           url: "/api/card",
           body,
@@ -141,7 +141,7 @@ export const cardApi = Api.injectEndpoints({
         },
       }),
       deleteCard: builder.mutation<void, CardId>({
-        query: id => ({
+        query: (id) => ({
           method: "DELETE",
           url: `/api/card/${id}`,
         }),
@@ -153,14 +153,14 @@ export const cardApi = Api.injectEndpoints({
           ]),
       }),
       copyCard: builder.mutation<Card, CardId>({
-        query: id => ({
+        query: (id) => ({
           method: "POST",
           url: `/api/card/${id}/copy`,
         }),
         invalidatesTags: (_, error) => invalidateTags(error, [listTag("card")]),
       }),
       persistModel: builder.mutation<void, CardId>({
-        query: id => ({
+        query: (id) => ({
           method: "POST",
           url: `/api/persist/card/${id}/persist`,
         }),
@@ -179,7 +179,7 @@ export const cardApi = Api.injectEndpoints({
         },
       }),
       unpersistModel: builder.mutation<void, CardId>({
-        query: id => ({
+        query: (id) => ({
           method: "POST",
           url: `/api/persist/card/${id}/unpersist`,
         }),
@@ -191,7 +191,7 @@ export const cardApi = Api.injectEndpoints({
           ]),
       }),
       refreshModelCache: builder.mutation<void, CardId>({
-        query: id => ({
+        query: (id) => ({
           method: "POST",
           url: `/api/persist/card/${id}/refresh`,
         }),
@@ -210,24 +210,24 @@ export const cardApi = Api.injectEndpoints({
         },
       }),
       listEmbeddableCards: builder.query<GetEmbeddableCard[], void>({
-        query: params => ({
+        query: (params) => ({
           method: "GET",
           url: "/api/card/embeddable",
           params,
         }),
         providesTags: (result = []) => [
-          ...result.map(res => idTag("embed-card", res.id)),
+          ...result.map((res) => idTag("embed-card", res.id)),
           listTag("embed-card"),
         ],
       }),
       listPublicCards: builder.query<GetPublicCard[], void>({
-        query: params => ({
+        query: (params) => ({
           method: "GET",
           url: "/api/card/public",
           params,
         }),
         providesTags: (result = []) => [
-          ...result.map(res => idTag("public-card", res.id)),
+          ...result.map((res) => idTag("public-card", res.id)),
           listTag("public-card"),
         ],
       }),
@@ -276,7 +276,7 @@ export const cardApi = Api.injectEndpoints({
         }[],
         { card_ids: CollectionItem["id"][] }
       >({
-        query: body => ({
+        query: (body) => ({
           method: "POST",
           url: `/api/cards/dashboards`,
           body,
diff --git a/frontend/src/metabase/api/channel.ts b/frontend/src/metabase/api/channel.ts
index a5d9f3efe6d..80f333978be 100644
--- a/frontend/src/metabase/api/channel.ts
+++ b/frontend/src/metabase/api/channel.ts
@@ -4,7 +4,7 @@ import { Api } from "./api";
 import { idTag, invalidateTags, listTag, provideChannelListTags } from "./tags";
 
 const channelApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listChannels: builder.query<NotificationChannel[], void>({
       query: () => ({
         method: "GET",
@@ -16,7 +16,7 @@ const channelApi = Api.injectEndpoints({
       Record<string, any>,
       { details: Omit<ChannelDetails, "fe-form-type"> }
     >({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/channel/test",
         body: {
@@ -29,7 +29,7 @@ const channelApi = Api.injectEndpoints({
       NotificationChannel[],
       Omit<NotificationChannel, "created_at" | "updated_at" | "active" | "id">
     >({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/channel",
         body,
@@ -50,7 +50,7 @@ const channelApi = Api.injectEndpoints({
         invalidateTags(error, [listTag("channel"), idTag("channel", id)]),
     }),
     deleteChannel: builder.mutation<void, number>({
-      query: id => ({
+      query: (id) => ({
         method: "PUT",
         url: `/api/channel/${id}`,
         body: {
diff --git a/frontend/src/metabase/api/cloud-migration.ts b/frontend/src/metabase/api/cloud-migration.ts
index e2fc09d3ea0..aa699a77297 100644
--- a/frontend/src/metabase/api/cloud-migration.ts
+++ b/frontend/src/metabase/api/cloud-migration.ts
@@ -4,7 +4,7 @@ import { Api } from "./api";
 import { listTag } from "./tags";
 
 export const clouldMigrationApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getCloudMigration: builder.query<CloudMigration, void>({
       query: () => `/api/cloud-migration`,
       providesTags: () => [listTag("cloud-migration")],
diff --git a/frontend/src/metabase/api/collection.ts b/frontend/src/metabase/api/collection.ts
index dca4f8b2367..53d9c2f4963 100644
--- a/frontend/src/metabase/api/collection.ts
+++ b/frontend/src/metabase/api/collection.ts
@@ -25,14 +25,14 @@ import {
 } from "./tags";
 
 export const collectionApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     /**
      * @deprecated This endpoint is extremely slow on large instances, it should not be used
      * you probably only need a few collections, just fetch those
      */
     listCollections: builder.query<Collection[], ListCollectionsRequest | void>(
       {
-        query: params => ({
+        query: (params) => ({
           method: "GET",
           url: `/api/collection`,
           params,
@@ -45,7 +45,7 @@ export const collectionApi = Api.injectEndpoints({
       Collection[],
       ListCollectionsTreeRequest | void
     >({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/collection/tree",
         params,
@@ -73,11 +73,11 @@ export const collectionApi = Api.injectEndpoints({
           params,
         };
       },
-      providesTags: collection =>
+      providesTags: (collection) =>
         collection ? provideCollectionTags(collection) : [],
     }),
     createCollection: builder.mutation<Collection, CreateCollectionRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/collection",
         body,
@@ -145,7 +145,7 @@ export const collectionApi = Api.injectEndpoints({
           idTag("dashboard-question-candidates", collectionId),
           idTag("collection", collectionId),
           listTag("card"),
-          ...(result ? result.moved.map(id => idTag("card", id)) : []),
+          ...(result ? result.moved.map((id) => idTag("card", id)) : []),
         ]),
     }),
   }),
diff --git a/frontend/src/metabase/api/dashboard.ts b/frontend/src/metabase/api/dashboard.ts
index 0e9eee411cb..56ef16b05e0 100644
--- a/frontend/src/metabase/api/dashboard.ts
+++ b/frontend/src/metabase/api/dashboard.ts
@@ -28,7 +28,7 @@ import {
 } from "./tags";
 
 export const dashboardApi = Api.injectEndpoints({
-  endpoints: builder => {
+  endpoints: (builder) => {
     const updateDashboardPropertyMutation = <
       Key extends keyof UpdateDashboardRequest,
     >() =>
@@ -47,12 +47,12 @@ export const dashboardApi = Api.injectEndpoints({
         ListDashboardsResponse,
         ListDashboardsRequest | void
       >({
-        query: params => ({
+        query: (params) => ({
           method: "GET",
           url: "/api/dashboard",
           params,
         }),
-        providesTags: dashboards =>
+        providesTags: (dashboards) =>
           dashboards ? provideDashboardListTags(dashboards) : [],
       }),
       getDashboard: builder.query<Dashboard, GetDashboardRequest>({
@@ -61,7 +61,7 @@ export const dashboardApi = Api.injectEndpoints({
           url: `/api/dashboard/${id}`,
           noEvent: ignore_error,
         }),
-        providesTags: dashboard =>
+        providesTags: (dashboard) =>
           dashboard ? provideDashboardTags(dashboard) : [],
       }),
       getDashboardQueryMetadata: builder.query<
@@ -73,7 +73,7 @@ export const dashboardApi = Api.injectEndpoints({
           url: `/api/dashboard/${id}/query_metadata`,
           params,
         }),
-        providesTags: metadata =>
+        providesTags: (metadata) =>
           metadata ? provideDashboardQueryMetadataTags(metadata) : [],
       }),
       listDashboardItems: builder.query<
@@ -87,7 +87,7 @@ export const dashboardApi = Api.injectEndpoints({
         }),
       }),
       createDashboard: builder.mutation<Dashboard, CreateDashboardRequest>({
-        query: body => ({
+        query: (body) => ({
           method: "POST",
           url: "/api/dashboard",
           body,
@@ -112,7 +112,7 @@ export const dashboardApi = Api.injectEndpoints({
           invalidateTags(error, [listTag("dashboard"), idTag("dashboard", id)]),
       }),
       deleteDashboard: builder.mutation<void, DashboardId>({
-        query: id => ({
+        query: (id) => ({
           method: "DELETE",
           url: `/api/dashboard/${id}`,
         }),
@@ -120,7 +120,7 @@ export const dashboardApi = Api.injectEndpoints({
           invalidateTags(error, [listTag("dashboard"), idTag("dashboard", id)]),
       }),
       saveDashboard: builder.mutation<Dashboard, SaveDashboardRequest>({
-        query: body => ({
+        query: (body) => ({
           method: "POST",
           url: `/api/dashboard/save`,
           body,
@@ -138,13 +138,13 @@ export const dashboardApi = Api.injectEndpoints({
           invalidateTags(error, [listTag("dashboard")]),
       }),
       listEmbeddableDashboards: builder.query<GetEmbeddableDashboard[], void>({
-        query: params => ({
+        query: (params) => ({
           method: "GET",
           url: "/api/dashboard/embeddable",
           params,
         }),
         providesTags: (result = []) => [
-          ...result.map(res => idTag("embed-dashboard", res.id)),
+          ...result.map((res) => idTag("embed-dashboard", res.id)),
           listTag("embed-dashboard"),
         ],
       }),
@@ -153,13 +153,13 @@ export const dashboardApi = Api.injectEndpoints({
       updateDashboardEmbeddingParams:
         updateDashboardPropertyMutation<"embedding_params">(),
       listPublicDashboards: builder.query<GetPublicDashboard[], void>({
-        query: params => ({
+        query: (params) => ({
           method: "GET",
           url: "/api/dashboard/public",
           params,
         }),
         providesTags: (result = []) => [
-          ...result.map(res => idTag("public-dashboard", res.id)),
+          ...result.map((res) => idTag("public-dashboard", res.id)),
           listTag("public-dashboard"),
         ],
       }),
diff --git a/frontend/src/metabase/api/database.ts b/frontend/src/metabase/api/database.ts
index ef7870821d7..3ecd751d6d8 100644
--- a/frontend/src/metabase/api/database.ts
+++ b/frontend/src/metabase/api/database.ts
@@ -34,17 +34,17 @@ import {
 } from "./tags";
 
 export const databaseApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listDatabases: builder.query<
       ListDatabasesResponse,
       ListDatabasesRequest | void
     >({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/database",
         params,
       }),
-      providesTags: response => provideDatabaseListTags(response?.data ?? []),
+      providesTags: (response) => provideDatabaseListTags(response?.data ?? []),
     }),
     getDatabase: builder.query<Database, GetDatabaseRequest>({
       query: ({ id, ...params }) => ({
@@ -52,10 +52,11 @@ export const databaseApi = Api.injectEndpoints({
         url: `/api/database/${id}`,
         params,
       }),
-      providesTags: database => (database ? provideDatabaseTags(database) : []),
+      providesTags: (database) =>
+        database ? provideDatabaseTags(database) : [],
     }),
     getDatabaseHealth: builder.query<GetDatabaseHealthResponse, DatabaseId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/database/${id}/healthcheck`,
       }),
@@ -68,7 +69,8 @@ export const databaseApi = Api.injectEndpoints({
         url: `/api/database/${id}/metadata`,
         params,
       }),
-      providesTags: database => (database ? provideDatabaseTags(database) : []),
+      providesTags: (database) =>
+        database ? provideDatabaseTags(database) : [],
     }),
     listDatabaseSchemas: builder.query<
       SchemaName[],
@@ -81,17 +83,17 @@ export const databaseApi = Api.injectEndpoints({
       }),
       providesTags: (schemas = []) => [
         listTag("schema"),
-        ...schemas.map(schema => idTag("schema", schema)),
+        ...schemas.map((schema) => idTag("schema", schema)),
       ],
     }),
     listSyncableDatabaseSchemas: builder.query<SchemaName[], DatabaseId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/database/${id}/syncable_schemas`,
       }),
       providesTags: (schemas = []) => [
         listTag("schema"),
-        ...schemas.map(schema => idTag("schema", schema)),
+        ...schemas.map((schema) => idTag("schema", schema)),
       ],
     }),
     listDatabaseSchemaTables: builder.query<
@@ -105,7 +107,7 @@ export const databaseApi = Api.injectEndpoints({
       }),
       providesTags: (tables = []) => [
         listTag("table"),
-        ...tables.map(table => idTag("table", table.id)),
+        ...tables.map((table) => idTag("table", table.id)),
       ],
     }),
     listVirtualDatabaseTables: builder.query<
@@ -119,7 +121,7 @@ export const databaseApi = Api.injectEndpoints({
       }),
       providesTags: (tables = []) => [
         listTag("table"),
-        ...tables.map(table => idTag("table", table.id)),
+        ...tables.map((table) => idTag("table", table.id)),
       ],
     }),
     listDatabaseIdFields: builder.query<Field[], ListDatabaseIdFieldsRequest>({
@@ -131,7 +133,7 @@ export const databaseApi = Api.injectEndpoints({
       providesTags: [listTag("field")],
     }),
     createDatabase: builder.mutation<Database, CreateDatabaseRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/database",
         body,
@@ -156,7 +158,7 @@ export const databaseApi = Api.injectEndpoints({
         ]),
     }),
     deleteDatabase: builder.mutation<void, DatabaseId>({
-      query: id => ({
+      query: (id) => ({
         method: "DELETE",
         url: `/api/database/${id}`,
       }),
@@ -171,7 +173,7 @@ export const databaseApi = Api.injectEndpoints({
         ]),
     }),
     syncDatabaseSchema: builder.mutation<void, DatabaseId>({
-      query: databaseId => ({
+      query: (databaseId) => ({
         method: "POST",
         url: `/api/database/${databaseId}/sync_schema`,
       }),
@@ -185,7 +187,7 @@ export const databaseApi = Api.injectEndpoints({
         ]),
     }),
     rescanDatabaseFieldValues: builder.mutation<void, DatabaseId>({
-      query: databaseId => ({
+      query: (databaseId) => ({
         method: "POST",
         url: `/api/database/${databaseId}/rescan_values`,
       }),
@@ -193,7 +195,7 @@ export const databaseApi = Api.injectEndpoints({
         invalidateTags(error, [tag("field-values")]),
     }),
     discardDatabaseFieldValues: builder.mutation<void, DatabaseId>({
-      query: databaseId => ({
+      query: (databaseId) => ({
         method: "POST",
         url: `/api/database/${databaseId}/discard_values`,
       }),
diff --git a/frontend/src/metabase/api/dataset.ts b/frontend/src/metabase/api/dataset.ts
index b08fb39e206..6a638db08ad 100644
--- a/frontend/src/metabase/api/dataset.ts
+++ b/frontend/src/metabase/api/dataset.ts
@@ -9,25 +9,25 @@ import { Api } from "./api";
 import { provideAdhocQueryMetadataTags } from "./tags";
 
 export const datasetApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getAdhocQuery: builder.query<Dataset, DatasetQuery>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/dataset",
         body,
       }),
     }),
     getAdhocQueryMetadata: builder.query<CardQueryMetadata, DatasetQuery>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/dataset/query_metadata",
         body,
       }),
-      providesTags: metadata =>
+      providesTags: (metadata) =>
         metadata ? provideAdhocQueryMetadataTags(metadata) : [],
     }),
     getNativeDataset: builder.query<NativeDatasetResponse, DatasetQuery>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/dataset/native",
         body,
diff --git a/frontend/src/metabase/api/entity-id.ts b/frontend/src/metabase/api/entity-id.ts
index 45db3eae155..6fbbdfd2391 100644
--- a/frontend/src/metabase/api/entity-id.ts
+++ b/frontend/src/metabase/api/entity-id.ts
@@ -47,7 +47,7 @@ export type TranslateEntityIdResponse = Record<
 >;
 
 const entityIdApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     translateEntityId: builder.query<
       TranslateEntityIdResponse,
       TranslateEntityIdRequest
diff --git a/frontend/src/metabase/api/field.ts b/frontend/src/metabase/api/field.ts
index 20dc6434cc7..15ec0e6fc41 100644
--- a/frontend/src/metabase/api/field.ts
+++ b/frontend/src/metabase/api/field.ts
@@ -21,17 +21,17 @@ import {
 } from "./tags";
 
 export const fieldApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getField: builder.query<Field, GetFieldRequest>({
       query: ({ id, ...params }) => ({
         method: "GET",
         url: `/api/field/${id}`,
         params,
       }),
-      providesTags: field => (field ? provideFieldTags(field) : []),
+      providesTags: (field) => (field ? provideFieldTags(field) : []),
     }),
     getFieldValues: builder.query<GetFieldValuesResponse, FieldId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/field/${id}/values`,
       }),
@@ -78,7 +78,7 @@ export const fieldApi = Api.injectEndpoints({
         invalidateTags(error, [idTag("field", id), idTag("field-values", id)]),
     }),
     deleteFieldDimension: builder.mutation<void, FieldId>({
-      query: id => ({
+      query: (id) => ({
         method: "DELETE",
         url: `/api/field/${id}/dimension`,
       }),
@@ -86,7 +86,7 @@ export const fieldApi = Api.injectEndpoints({
         invalidateTags(error, [idTag("field", id), idTag("field-values", id)]),
     }),
     rescanFieldValues: builder.mutation<void, FieldId>({
-      query: id => ({
+      query: (id) => ({
         method: "POST",
         url: `/api/field/${id}/rescan_values`,
       }),
@@ -94,7 +94,7 @@ export const fieldApi = Api.injectEndpoints({
         invalidateTags(error, [idTag("field-values", id)]),
     }),
     discardFieldValues: builder.mutation<void, FieldId>({
-      query: id => ({
+      query: (id) => ({
         method: "POST",
         url: `/api/field/${id}/discard_values`,
       }),
diff --git a/frontend/src/metabase/api/login-history.ts b/frontend/src/metabase/api/login-history.ts
index 3c79333bfdf..b6f973d8a0b 100644
--- a/frontend/src/metabase/api/login-history.ts
+++ b/frontend/src/metabase/api/login-history.ts
@@ -3,7 +3,7 @@ import type { UserLoginHistory } from "metabase-types/api";
 import { Api } from "./api";
 
 export const loginHistoryApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getLoginHistory: builder.query<UserLoginHistory, void>({
       query: () => ({
         method: "GET",
diff --git a/frontend/src/metabase/api/model-index.ts b/frontend/src/metabase/api/model-index.ts
index 53a1b70c4fe..e0203aa5454 100644
--- a/frontend/src/metabase/api/model-index.ts
+++ b/frontend/src/metabase/api/model-index.ts
@@ -9,9 +9,9 @@ import { Api } from "./api";
 import { invalidateTags, listTag, provideModelIndexListTags } from "./tags";
 
 export const modelIndexApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listModelIndexes: builder.query<ModelIndex[], ModelIndexesListQuery>({
-      query: body => ({
+      query: (body) => ({
         method: "GET",
         url: "/api/model-index",
         body,
@@ -20,7 +20,7 @@ export const modelIndexApi = Api.injectEndpoints({
         provideModelIndexListTags(modelIndexes),
     }),
     createModelIndex: builder.mutation<ModelIndex, ModelIndexCreateQuery>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/model-index",
         body,
diff --git a/frontend/src/metabase/api/moderation.ts b/frontend/src/metabase/api/moderation.ts
index 66d09eb5181..477de519f6a 100644
--- a/frontend/src/metabase/api/moderation.ts
+++ b/frontend/src/metabase/api/moderation.ts
@@ -4,9 +4,9 @@ import { Api } from "./api";
 import { invalidateTags, provideModeratedItemTags } from "./tags";
 
 export const contentVerificationApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     editItemVerification: builder.mutation<void, VerifyItemRequest>({
-      query: req => ({
+      query: (req) => ({
         method: "POST",
         url: "/api/moderation-review",
         body: req,
diff --git a/frontend/src/metabase/api/notification.ts b/frontend/src/metabase/api/notification.ts
index 147ea255262..e25c767ba96 100644
--- a/frontend/src/metabase/api/notification.ts
+++ b/frontend/src/metabase/api/notification.ts
@@ -16,12 +16,12 @@ import {
 } from "./tags";
 
 export const notificationApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listNotifications: builder.query<
       Notification[],
       ListNotificationsRequest | void
     >({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/notification",
         params,
@@ -30,18 +30,18 @@ export const notificationApi = Api.injectEndpoints({
         provideNotificationListTags(notifications),
     }),
     getNotification: builder.query<Notification, NotificationId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/notification/${id}`,
       }),
-      providesTags: notification =>
+      providesTags: (notification) =>
         notification ? provideNotificationTags(notification) : [],
     }),
     createNotification: builder.mutation<
       Notification,
       CreateNotificationRequest
     >({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/notification",
         body,
@@ -53,7 +53,7 @@ export const notificationApi = Api.injectEndpoints({
       Notification,
       UpdateNotificationRequest
     >({
-      query: body => ({
+      query: (body) => ({
         method: "PUT",
         url: `/api/notification/${body.id}`,
         body,
@@ -66,7 +66,7 @@ export const notificationApi = Api.injectEndpoints({
     }),
     unsubscribeFromNotification: builder.mutation<Notification, NotificationId>(
       {
-        query: id => ({
+        query: (id) => ({
           method: "POST",
           url: `/api/notification/${id}/unsubscribe`,
         }),
@@ -81,7 +81,7 @@ export const notificationApi = Api.injectEndpoints({
       void,
       CreateNotificationRequest | UpdateNotificationRequest
     >({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: `/api/notification/send`,
         body,
diff --git a/frontend/src/metabase/api/parameters.ts b/frontend/src/metabase/api/parameters.ts
index 3095a159929..c291f765647 100644
--- a/frontend/src/metabase/api/parameters.ts
+++ b/frontend/src/metabase/api/parameters.ts
@@ -8,12 +8,12 @@ import { Api } from "./api";
 import { idTag } from "./tags";
 
 export const parametersApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getParameterValues: builder.query<
       ParameterValues,
       GetParameterValuesRequest
     >({
-      query: params => ({
+      query: (params) => ({
         method: "POST",
         url: `/api/dataset/parameter/values`,
         params,
@@ -26,7 +26,7 @@ export const parametersApi = Api.injectEndpoints({
       ParameterValues,
       SearchParameterValuesRequest
     >({
-      query: params => ({
+      query: (params) => ({
         method: "POST",
         url: `/api/dataset/parameter/search/${params.query}`,
         params,
diff --git a/frontend/src/metabase/api/permission.ts b/frontend/src/metabase/api/permission.ts
index 8f0b043eaa9..e25ae0a9b40 100644
--- a/frontend/src/metabase/api/permission.ts
+++ b/frontend/src/metabase/api/permission.ts
@@ -15,7 +15,7 @@ import {
 } from "./tags";
 
 export const permissionApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listPermissionsGroups: builder.query<GroupListQuery[], void>({
       query: () => ({
         method: "GET",
@@ -24,14 +24,15 @@ export const permissionApi = Api.injectEndpoints({
       providesTags: (groups = []) => providePermissionsGroupListTags(groups),
     }),
     getPermissionsGroup: builder.query<Group, GroupId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/permissions/group/${id}`,
       }),
-      providesTags: group => (group ? providePermissionsGroupTags(group) : []),
+      providesTags: (group) =>
+        group ? providePermissionsGroupTags(group) : [],
     }),
     createPermissionsGroup: builder.mutation<BaseGroupInfo, { name: string }>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/permissions/group",
         body,
@@ -52,7 +53,7 @@ export const permissionApi = Api.injectEndpoints({
         ]),
     }),
     deletePermissionsGroup: builder.mutation<void, GroupId>({
-      query: id => ({
+      query: (id) => ({
         method: "DELETE",
         url: `/api/permissions/group/${id}`,
       }),
@@ -63,7 +64,7 @@ export const permissionApi = Api.injectEndpoints({
         ]),
     }),
     clearGroupMembership: builder.mutation<void, GroupId>({
-      query: id => ({
+      query: (id) => ({
         method: "PUT",
         url: `/api/permissions/membership/${id}/clear`,
       }),
diff --git a/frontend/src/metabase/api/persist.ts b/frontend/src/metabase/api/persist.ts
index 314d203b29a..c181d817443 100644
--- a/frontend/src/metabase/api/persist.ts
+++ b/frontend/src/metabase/api/persist.ts
@@ -17,32 +17,32 @@ import {
 } from "./tags";
 
 export const persistApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listPersistedInfo: builder.query<
       ListPersistedInfoResponse,
       ListPersistedInfoRequest | void
     >({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/persist",
         params,
       }),
-      providesTags: response =>
+      providesTags: (response) =>
         response ? providePersistedInfoListTags(response.data) : [],
     }),
     getPersistedInfo: builder.query<ModelCacheRefreshStatus, PersistedInfoId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/persist/${id}`,
       }),
-      providesTags: model => (model ? providePersistedInfoTags(model) : []),
+      providesTags: (model) => (model ? providePersistedInfoTags(model) : []),
     }),
     getPersistedInfoByCard: builder.query<ModelCacheRefreshStatus, CardId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/persist/card/${id}`,
       }),
-      providesTags: model => (model ? providePersistedModelTags(model) : []),
+      providesTags: (model) => (model ? providePersistedModelTags(model) : []),
     }),
     enablePersist: builder.mutation<void, void>({
       query: () => ({
@@ -61,7 +61,7 @@ export const persistApi = Api.injectEndpoints({
         invalidateTags(error, [listTag("persisted-info")]),
     }),
     setRefreshSchedule: builder.mutation<void, PersistedInfoRefreshSchedule>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/persist/set-refresh/schedule",
         body,
diff --git a/frontend/src/metabase/api/product-feedback.ts b/frontend/src/metabase/api/product-feedback.ts
index 1d99c35131c..e1e09a6a297 100644
--- a/frontend/src/metabase/api/product-feedback.ts
+++ b/frontend/src/metabase/api/product-feedback.ts
@@ -1,7 +1,7 @@
 import { Api } from "./api";
 
 const productFeedbackApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     sendProductFeedback: builder.mutation<
       void,
       { comment?: string; email?: string; source: string }
diff --git a/frontend/src/metabase/api/revision.ts b/frontend/src/metabase/api/revision.ts
index dcf17230185..2430bbcf092 100644
--- a/frontend/src/metabase/api/revision.ts
+++ b/frontend/src/metabase/api/revision.ts
@@ -8,9 +8,9 @@ import { Api } from "./api";
 import { invalidateTags, listTag, provideRevisionListTags } from "./tags";
 
 export const revisionApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listRevisions: builder.query<Revision[], ListRevisionRequest>({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/revision",
         params,
@@ -18,7 +18,7 @@ export const revisionApi = Api.injectEndpoints({
       providesTags: (revisions = []) => provideRevisionListTags(revisions),
     }),
     revertRevision: builder.mutation<Revision, RevertRevisionRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/revision/revert",
         body,
diff --git a/frontend/src/metabase/api/search.ts b/frontend/src/metabase/api/search.ts
index 25b3e2a173e..582dff5bbcc 100644
--- a/frontend/src/metabase/api/search.ts
+++ b/frontend/src/metabase/api/search.ts
@@ -5,9 +5,9 @@ import { Api } from "./api";
 import { provideSearchItemListTags } from "./tags";
 
 export const searchApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     search: builder.query<SearchResponse, SearchRequest>({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/search",
         params,
diff --git a/frontend/src/metabase/api/segment.ts b/frontend/src/metabase/api/segment.ts
index 65af2f5a8f0..a8bc5967576 100644
--- a/frontend/src/metabase/api/segment.ts
+++ b/frontend/src/metabase/api/segment.ts
@@ -17,7 +17,7 @@ import {
 } from "./tags";
 
 export const segmentApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listSegments: builder.query<Segment[], void>({
       query: () => ({
         method: "GET",
@@ -26,14 +26,14 @@ export const segmentApi = Api.injectEndpoints({
       providesTags: (segments = []) => provideSegmentListTags(segments),
     }),
     getSegment: builder.query<Segment, SegmentId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/segment/${id}`,
       }),
-      providesTags: segment => (segment ? provideSegmentTags(segment) : []),
+      providesTags: (segment) => (segment ? provideSegmentTags(segment) : []),
     }),
     createSegment: builder.mutation<Segment, CreateSegmentRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/segment",
         body,
diff --git a/frontend/src/metabase/api/session.ts b/frontend/src/metabase/api/session.ts
index 24e04ecca73..cb2160656c0 100644
--- a/frontend/src/metabase/api/session.ts
+++ b/frontend/src/metabase/api/session.ts
@@ -5,19 +5,19 @@ import type { PasswordResetTokenStatus, Settings } from "metabase-types/api";
 import { Api } from "./api";
 
 export const sessionApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getPasswordResetTokenStatus: builder.query<
       PasswordResetTokenStatus,
       string
     >({
-      query: token => ({
+      query: (token) => ({
         method: "GET",
         url: "/api/session/password_reset_token_valid",
         body: { token },
       }),
     }),
     forgotPassword: builder.query<void, string>({
-      query: email => ({
+      query: (email) => ({
         method: "POST",
         url: "/api/session/forgot_password",
         body: { email },
diff --git a/frontend/src/metabase/api/settings.ts b/frontend/src/metabase/api/settings.ts
index 16638475466..fddea40cf52 100644
--- a/frontend/src/metabase/api/settings.ts
+++ b/frontend/src/metabase/api/settings.ts
@@ -8,7 +8,7 @@ import { Api } from "./api";
 import { invalidateTags, tag } from "./tags";
 
 export const settingsApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     // admin-only endpoint that returns all settings with lots of extra metadata
     getAdminSettingsDetails: builder.query<SettingDefinition[], void>({
       query: () => ({
@@ -17,7 +17,7 @@ export const settingsApi = Api.injectEndpoints({
       }),
     }),
     getSetting: builder.query<SettingValue, SettingKey>({
-      query: name => ({
+      query: (name) => ({
         method: "GET",
         url: `/api/setting/${encodeURIComponent(name)}`,
       }),
@@ -39,7 +39,7 @@ export const settingsApi = Api.injectEndpoints({
         invalidateTags(error, [tag("session-properties")]),
     }),
     updateSettings: builder.mutation<void, Record<SettingKey, SettingValue>>({
-      query: settings => ({
+      query: (settings) => ({
         method: "PUT",
         url: `/api/setting`,
         body: settings,
diff --git a/frontend/src/metabase/api/snippet.ts b/frontend/src/metabase/api/snippet.ts
index 435d14b27d5..386a5f3fa32 100644
--- a/frontend/src/metabase/api/snippet.ts
+++ b/frontend/src/metabase/api/snippet.ts
@@ -16,12 +16,12 @@ import {
 } from "./tags";
 
 export const snippetApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listSnippets: builder.query<
       NativeQuerySnippet[],
       ListSnippetsParams | void
     >({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/native-query-snippet",
         params,
@@ -29,14 +29,14 @@ export const snippetApi = Api.injectEndpoints({
       providesTags: (snippets = []) => provideSnippetListTags(snippets),
     }),
     getSnippet: builder.query<NativeQuerySnippet, NativeQuerySnippetId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/native-query-snippet/${id}`,
       }),
-      providesTags: snippet => (snippet ? provideSnippetTags(snippet) : []),
+      providesTags: (snippet) => (snippet ? provideSnippetTags(snippet) : []),
     }),
     createSnippet: builder.mutation<NativeQuerySnippet, CreateSnippetRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/native-query-snippet",
         body,
diff --git a/frontend/src/metabase/api/subscription.ts b/frontend/src/metabase/api/subscription.ts
index 0f6ccea2d89..38ab004217a 100644
--- a/frontend/src/metabase/api/subscription.ts
+++ b/frontend/src/metabase/api/subscription.ts
@@ -17,12 +17,12 @@ import {
 } from "./tags";
 
 export const subscriptionApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listSubscriptions: builder.query<
       DashboardSubscription[],
       ListSubscriptionsRequest
     >({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/pulse",
         params,
@@ -31,18 +31,18 @@ export const subscriptionApi = Api.injectEndpoints({
         provideSubscriptionListTags(subscriptions),
     }),
     getSubscription: builder.query<DashboardSubscription, number>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/pulse/${id}`,
       }),
-      providesTags: subscription =>
+      providesTags: (subscription) =>
         subscription ? provideSubscriptionTags(subscription) : [],
     }),
     createSubscription: builder.mutation<
       DashboardSubscription,
       CreateSubscriptionRequest
     >({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/pulse",
         body,
@@ -66,7 +66,7 @@ export const subscriptionApi = Api.injectEndpoints({
         ]),
     }),
     unsubscribe: builder.mutation<void, number>({
-      query: id => ({
+      query: (id) => ({
         method: "DELETE",
         url: `/api/pulse/${id}/subscription`,
       }),
diff --git a/frontend/src/metabase/api/table.ts b/frontend/src/metabase/api/table.ts
index 76a348048f3..1e716947c50 100644
--- a/frontend/src/metabase/api/table.ts
+++ b/frontend/src/metabase/api/table.ts
@@ -21,9 +21,9 @@ import {
 } from "./tags";
 
 export const tableApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listTables: builder.query<Table[], TableListQuery | void>({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/table",
         params,
@@ -35,7 +35,7 @@ export const tableApi = Api.injectEndpoints({
         method: "GET",
         url: `/api/table/${id}`,
       }),
-      providesTags: table => (table ? provideTableTags(table) : []),
+      providesTags: (table) => (table ? provideTableTags(table) : []),
     }),
     getTableQueryMetadata: builder.query<Table, GetTableQueryMetadataRequest>({
       query: ({ id, ...params }) => ({
@@ -43,10 +43,10 @@ export const tableApi = Api.injectEndpoints({
         url: `/api/table/${id}/query_metadata`,
         params,
       }),
-      providesTags: table => (table ? provideTableTags(table) : []),
+      providesTags: (table) => (table ? provideTableTags(table) : []),
     }),
     listTableForeignKeys: builder.query<Field[], TableId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/table/${id}/fks`,
       }),
@@ -66,7 +66,7 @@ export const tableApi = Api.injectEndpoints({
         ]),
     }),
     updateTableList: builder.mutation<Table[], UpdateTableListRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "PUT",
         url: "/api/table",
         body,
@@ -92,7 +92,7 @@ export const tableApi = Api.injectEndpoints({
         ]),
     }),
     rescanTableFieldValues: builder.mutation<void, TableId>({
-      query: id => ({
+      query: (id) => ({
         method: "POST",
         url: `/api/table/${id}/rescan_values`,
       }),
@@ -100,7 +100,7 @@ export const tableApi = Api.injectEndpoints({
         invalidateTags(error, [tag("field-values")]),
     }),
     discardTableFieldValues: builder.mutation<void, TableId>({
-      query: id => ({
+      query: (id) => ({
         method: "POST",
         url: `/api/table/${id}/discard_values`,
       }),
diff --git a/frontend/src/metabase/api/tags/utils.ts b/frontend/src/metabase/api/tags/utils.ts
index 2804a556222..ee230d8207e 100644
--- a/frontend/src/metabase/api/tags/utils.ts
+++ b/frontend/src/metabase/api/tags/utils.ts
@@ -93,7 +93,7 @@ export function provideActivityItemListTags(
   items: RecentItem[] | PopularItem[],
 ): TagDescription<TagType>[] {
   return [
-    ...ACTIVITY_MODELS.map(model => listTag(TAG_TYPE_MAPPING[model])),
+    ...ACTIVITY_MODELS.map((model) => listTag(TAG_TYPE_MAPPING[model])),
     ...items.flatMap(provideActivityItemTags),
   ];
 }
@@ -161,7 +161,7 @@ export function provideCardAutocompleteSuggestionListTags(): TagDescription<TagT
 }
 
 export function provideCardListTags(cards: Card[]): TagDescription<TagType>[] {
-  return [listTag("card"), ...cards.flatMap(card => provideCardTags(card))];
+  return [listTag("card"), ...cards.flatMap((card) => provideCardTags(card))];
 }
 
 export function provideCardTags(card: Card): TagDescription<TagType>[] {
@@ -195,7 +195,7 @@ export function provideCollectionItemListTags(
   models: CollectionItemModel[] = Array.from(COLLECTION_ITEM_MODELS),
 ): TagDescription<TagType>[] {
   return [
-    ...models.map(model => listTag(TAG_TYPE_MAPPING[model])),
+    ...models.map((model) => listTag(TAG_TYPE_MAPPING[model])),
     ...items.flatMap(provideCollectionItemTags),
   ];
 }
@@ -211,7 +211,7 @@ export function provideCollectionListTags(
 ): TagDescription<TagType>[] {
   return [
     listTag("collection"),
-    ...collections.flatMap(collection => provideCollectionTags(collection)),
+    ...collections.flatMap((collection) => provideCollectionTags(collection)),
   ];
 }
 
@@ -232,7 +232,7 @@ export function provideModelIndexListTags(
 ): TagDescription<TagType>[] {
   return [
     listTag("model-index"),
-    ...modelIndexes.flatMap(modelIndex => provideModelIndexTags(modelIndex)),
+    ...modelIndexes.flatMap((modelIndex) => provideModelIndexTags(modelIndex)),
   ];
 }
 
@@ -254,7 +254,7 @@ export function provideChannelListTags(
 ): TagDescription<TagType>[] {
   return [
     listTag("channel"),
-    ...channels.flatMap(channel => provideChannelTags(channel)),
+    ...channels.flatMap((channel) => provideChannelTags(channel)),
   ];
 }
 
@@ -293,7 +293,7 @@ export function provideDashboardListTags(
 ): TagDescription<TagType>[] {
   return [
     listTag("dashboard"),
-    ...dashboards.map(dashboard => idTag("dashboard", dashboard.id)),
+    ...dashboards.map((dashboard) => idTag("dashboard", dashboard.id)),
   ];
 }
 
@@ -301,8 +301,8 @@ export function provideDashboardTags(
   dashboard: Dashboard,
 ): TagDescription<TagType>[] {
   const cards = dashboard.dashcards
-    .flatMap(dashcard => (isVirtualDashCard(dashcard) ? [] : [dashcard]))
-    .map(dashcard => dashcard.card);
+    .flatMap((dashcard) => (isVirtualDashCard(dashcard) ? [] : [dashcard]))
+    .map((dashcard) => dashcard.card);
 
   return [
     idTag("dashboard", dashboard.id),
@@ -416,7 +416,7 @@ export function providePermissionsGroupTags(
 ): TagDescription<TagType>[] {
   return [
     idTag("permissions-group", group.id),
-    ...group.members.map(member => idTag("user", member.user_id)),
+    ...group.members.map((member) => idTag("user", member.user_id)),
   ];
 }
 
@@ -464,7 +464,7 @@ export function provideSearchItemListTags(
   models: SearchModel[] = Array.from(SEARCH_MODELS),
 ): TagDescription<TagType>[] {
   return [
-    ...models.map(model => listTag(TAG_TYPE_MAPPING[model])),
+    ...models.map((model) => listTag(TAG_TYPE_MAPPING[model])),
     ...items.flatMap(provideSearchItemTags),
   ];
 }
@@ -585,7 +585,7 @@ export function provideTimelineTags(
 export function provideUserListTags(
   users: UserInfo[],
 ): TagDescription<TagType>[] {
-  return [listTag("user"), ...users.flatMap(user => provideUserTags(user))];
+  return [listTag("user"), ...users.flatMap((user) => provideUserTags(user))];
 }
 
 export function provideUserTags(user: UserInfo): TagDescription<TagType>[] {
diff --git a/frontend/src/metabase/api/task.ts b/frontend/src/metabase/api/task.ts
index 942219657d2..0f46b85c244 100644
--- a/frontend/src/metabase/api/task.ts
+++ b/frontend/src/metabase/api/task.ts
@@ -9,22 +9,22 @@ import { Api } from "./api";
 import { provideTaskListTags, provideTaskTags } from "./tags";
 
 export const taskApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listTasks: builder.query<ListTasksResponse, ListTasksRequest | void>({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/task",
         params,
       }),
-      providesTags: response =>
+      providesTags: (response) =>
         response ? provideTaskListTags(response.data) : [],
     }),
     getTask: builder.query<Task, number>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/task/${id}`,
       }),
-      providesTags: task => (task ? provideTaskTags(task) : []),
+      providesTags: (task) => (task ? provideTaskTags(task) : []),
     }),
     getTasksInfo: builder.query<TaskInfo, void>({
       query: () => ({
diff --git a/frontend/src/metabase/api/timeline-event.ts b/frontend/src/metabase/api/timeline-event.ts
index 07bb7285302..7cbc51575c5 100644
--- a/frontend/src/metabase/api/timeline-event.ts
+++ b/frontend/src/metabase/api/timeline-event.ts
@@ -15,19 +15,19 @@ import {
 } from "./tags";
 
 export const timelineEventApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getTimelineEvent: builder.query<TimelineEvent, TimelineEventId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/timeline-event/${id}`,
       }),
-      providesTags: event => (event ? provideTimelineEventTags(event) : []),
+      providesTags: (event) => (event ? provideTimelineEventTags(event) : []),
     }),
     createTimelineEvent: builder.mutation<
       TimelineEvent,
       CreateTimelineEventRequest
     >({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/timeline-event",
         body,
@@ -55,7 +55,7 @@ export const timelineEventApi = Api.injectEndpoints({
         ]),
     }),
     deleteTimelineEvent: builder.mutation<TimelineEvent, TimelineEventId>({
-      query: id => ({
+      query: (id) => ({
         method: "DELETE",
         url: `/api/timeline-event/${id}`,
       }),
diff --git a/frontend/src/metabase/api/timeline.ts b/frontend/src/metabase/api/timeline.ts
index 1188556b0fe..851acc3b390 100644
--- a/frontend/src/metabase/api/timeline.ts
+++ b/frontend/src/metabase/api/timeline.ts
@@ -19,9 +19,9 @@ import {
 } from "./tags";
 
 export const timelineApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listTimelines: builder.query<Timeline[], ListTimelinesRequest>({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/timeline",
         params,
@@ -45,10 +45,11 @@ export const timelineApi = Api.injectEndpoints({
         url: `/api/timeline/${id}`,
         params,
       }),
-      providesTags: timeline => (timeline ? provideTimelineTags(timeline) : []),
+      providesTags: (timeline) =>
+        timeline ? provideTimelineTags(timeline) : [],
     }),
     createTimeline: builder.mutation<Timeline, CreateTimelineRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/timeline",
         body,
@@ -70,7 +71,7 @@ export const timelineApi = Api.injectEndpoints({
         ]),
     }),
     deleteTimeline: builder.mutation<Timeline, TimelineId>({
-      query: id => ({
+      query: (id) => ({
         method: "DELETE",
         url: `/api/timeline/${id}`,
       }),
diff --git a/frontend/src/metabase/api/user-key-value.ts b/frontend/src/metabase/api/user-key-value.ts
index b9f57f187c2..3785140e991 100644
--- a/frontend/src/metabase/api/user-key-value.ts
+++ b/frontend/src/metabase/api/user-key-value.ts
@@ -7,7 +7,7 @@ import type {
 import { Api } from "./api";
 
 export const userKeyValueApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getUserKeyValue: builder.query<any, GetUserKeyValueRequest>({
       query: ({ namespace, key }) =>
         `/api/user-key-value/namespace/${namespace}/key/${key}`,
@@ -29,7 +29,7 @@ export const userKeyValueApi = Api.injectEndpoints({
             () => value,
           ),
         );
-        queryFulfilled.catch(err => {
+        queryFulfilled.catch((err) => {
           console.error("Unable to update user key value", err);
           kvResult.undo();
         });
@@ -49,7 +49,7 @@ export const userKeyValueApi = Api.injectEndpoints({
             () => undefined,
           ),
         );
-        queryFulfilled.catch(err => {
+        queryFulfilled.catch((err) => {
           console.error("Unable to update user key value", err);
           kvResult.undo();
         });
diff --git a/frontend/src/metabase/api/user.ts b/frontend/src/metabase/api/user.ts
index ad6323608b8..3b99f388432 100644
--- a/frontend/src/metabase/api/user.ts
+++ b/frontend/src/metabase/api/user.ts
@@ -18,14 +18,14 @@ import {
 } from "./tags";
 
 export const userApi = Api.injectEndpoints({
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     listUsers: builder.query<ListUsersResponse, ListUsersRequest>({
-      query: params => ({
+      query: (params) => ({
         method: "GET",
         url: "/api/user",
         params,
       }),
-      providesTags: response =>
+      providesTags: (response) =>
         response ? provideUserListTags(response.data) : [],
     }),
     listUserRecipients: builder.query<ListUsersResponse, void>({
@@ -33,18 +33,18 @@ export const userApi = Api.injectEndpoints({
         method: "GET",
         url: "/api/user/recipients",
       }),
-      providesTags: response =>
+      providesTags: (response) =>
         response ? provideUserListTags(response.data) : [],
     }),
     getUser: builder.query<User, UserId>({
-      query: id => ({
+      query: (id) => ({
         method: "GET",
         url: `/api/user/${id}`,
       }),
-      providesTags: user => (user ? provideUserTags(user) : []),
+      providesTags: (user) => (user ? provideUserTags(user) : []),
     }),
     createUser: builder.mutation<User, CreateUserRequest>({
-      query: body => ({
+      query: (body) => ({
         method: "POST",
         url: "/api/user",
         body,
@@ -69,7 +69,7 @@ export const userApi = Api.injectEndpoints({
         invalidateTags(error, [listTag("user"), idTag("user", id)]),
     }),
     deactivateUser: builder.mutation<void, UserId>({
-      query: id => ({
+      query: (id) => ({
         method: "DELETE",
         url: `/api/user/${id}`,
       }),
@@ -77,7 +77,7 @@ export const userApi = Api.injectEndpoints({
         invalidateTags(error, [listTag("user"), idTag("user", id)]),
     }),
     reactivateUser: builder.mutation<User, UserId>({
-      query: id => ({
+      query: (id) => ({
         method: "PUT",
         url: `/api/user/${id}/reactivate`,
       }),
diff --git a/frontend/src/metabase/api/utils/settings.ts b/frontend/src/metabase/api/utils/settings.ts
index 134b9127420..7f794e8c46c 100644
--- a/frontend/src/metabase/api/utils/settings.ts
+++ b/frontend/src/metabase/api/utils/settings.ts
@@ -24,7 +24,7 @@ export const useAdminSetting = <SettingName extends keyof Settings>(
   const [updateSetting, updateSettingResult] = useUpdateSettingMutation();
 
   const settingDetails = useMemo(
-    () => settingsDetails?.find(setting => setting.key === settingName),
+    () => settingsDetails?.find((setting) => setting.key === settingName),
     [settingsDetails, settingName],
   );
 
diff --git a/frontend/src/metabase/api/utils/settings.unit.spec.tsx b/frontend/src/metabase/api/utils/settings.unit.spec.tsx
index cf7cb77f0e5..413ee534ea2 100644
--- a/frontend/src/metabase/api/utils/settings.unit.spec.tsx
+++ b/frontend/src/metabase/api/utils/settings.unit.spec.tsx
@@ -90,7 +90,7 @@ describe("useAdminSetting", () => {
     });
 
     const apiCalls = fetchMock.calls();
-    const putCall = apiCalls.find(call => call[1]?.method === "PUT");
+    const putCall = apiCalls.find((call) => call[1]?.method === "PUT");
 
     expect(putCall?.[0]).toContain("/api/setting/site-name");
   });
diff --git a/frontend/src/metabase/app-main.js b/frontend/src/metabase/app-main.js
index 58034ccbd71..0b76ac88c88 100644
--- a/frontend/src/metabase/app-main.js
+++ b/frontend/src/metabase/app-main.js
@@ -21,9 +21,9 @@ const NOT_AUTHORIZED_TRIGGERS = [
   /\/api\/dataset$/,
 ];
 
-init(mainReducers, getRoutes, store => {
+init(mainReducers, getRoutes, (store) => {
   // received a 401 response
-  api.on("401", url => {
+  api.on("401", (url) => {
     if (url.indexOf("/api/user/current") >= 0) {
       return;
     }
@@ -41,8 +41,8 @@ init(mainReducers, getRoutes, store => {
   });
 
   // received a 403 response
-  api.on("403", url => {
-    if (NOT_AUTHORIZED_TRIGGERS.some(regex => regex.test(url))) {
+  api.on("403", (url) => {
+    if (NOT_AUTHORIZED_TRIGGERS.some((regex) => regex.test(url))) {
       return store.dispatch(setErrorPage({ status: 403 }));
     }
   });
diff --git a/frontend/src/metabase/app.js b/frontend/src/metabase/app.js
index 791063e77e2..bf0ffefa991 100644
--- a/frontend/src/metabase/app.js
+++ b/frontend/src/metabase/app.js
@@ -90,7 +90,7 @@ function _init(reducers, getRoutes, callback) {
 
   store.dispatch(refreshSiteSettings());
 
-  PLUGIN_APP_INIT_FUNCTIONS.forEach(init => init());
+  PLUGIN_APP_INIT_FUNCTIONS.forEach((init) => init());
 
   window.Metabase = window.Metabase || {};
   window.Metabase.store = store;
diff --git a/frontend/src/metabase/archive/actions.ts b/frontend/src/metabase/archive/actions.ts
index 6c8204bd031..1d238a5b532 100644
--- a/frontend/src/metabase/archive/actions.ts
+++ b/frontend/src/metabase/archive/actions.ts
@@ -7,7 +7,7 @@ import { addUndo } from "metabase/redux/undo";
 export const deletePermanently = createThunkAction(
   "metabase/archive/DELETE_PERMANENTLY",
   // pass in result of Entity.actions.delete(...)
-  (entityDeleteAction: any) => async dispatch => {
+  (entityDeleteAction: any) => async (dispatch) => {
     await dispatch(entityDeleteAction);
     dispatch(push("/trash"));
     dispatch(addUndo({ message: t`This item has been permanently deleted.` }));
diff --git a/frontend/src/metabase/archive/analytics.ts b/frontend/src/metabase/archive/analytics.ts
index c53ea12352a..87a3f17eb6d 100644
--- a/frontend/src/metabase/archive/analytics.ts
+++ b/frontend/src/metabase/archive/analytics.ts
@@ -24,11 +24,11 @@ export const archiveAndTrack = async ({
     });
 
   return archive()
-    .then(result => {
+    .then((result) => {
       logAnalytics(true);
       return result;
     })
-    .catch(error => {
+    .catch((error) => {
       logAnalytics(false);
       throw error;
     });
diff --git a/frontend/src/metabase/archive/components/ArchivedEntityBanner/ArchivedEntityBanner.tsx b/frontend/src/metabase/archive/components/ArchivedEntityBanner/ArchivedEntityBanner.tsx
index cc1196fdb25..85cf678e015 100644
--- a/frontend/src/metabase/archive/components/ArchivedEntityBanner/ArchivedEntityBanner.tsx
+++ b/frontend/src/metabase/archive/components/ArchivedEntityBanner/ArchivedEntityBanner.tsx
@@ -85,7 +85,7 @@ export const ArchivedEntityBanner = ({
         <CollectionPickerModal
           title={`Move ${name}`}
           value={{ id: "root", model: "collection" }}
-          onChange={collection => onMove?.(collection)}
+          onChange={(collection) => onMove?.(collection)}
           options={{
             showSearch: true,
             hasConfirmButtons: true,
diff --git a/frontend/src/metabase/auth/components/Login/Login.tsx b/frontend/src/metabase/auth/components/Login/Login.tsx
index 4f1734b2c89..833c31b91d6 100644
--- a/frontend/src/metabase/auth/components/Login/Login.tsx
+++ b/frontend/src/metabase/auth/components/Login/Login.tsx
@@ -46,7 +46,7 @@ export const Login = ({ params, location }: LoginProps): JSX.Element => {
       )}
       {!selection && (
         <Box mt="3.5rem">
-          {providers.map(provider => (
+          {providers.map((provider) => (
             <Box key={provider.name} mt="2rem" ta="center">
               <provider.Button isCard={true} redirectUrl={redirectUrl} />
             </Box>
@@ -63,7 +63,7 @@ const getSelectedProvider = (
 ): AuthProvider | undefined => {
   const provider =
     providers.length > 1
-      ? providers.find(p => p.name === providerName)
+      ? providers.find((p) => p.name === providerName)
       : providers[0];
 
   return provider?.Panel ? provider : undefined;
diff --git a/frontend/src/metabase/auth/components/LoginForm/LoginForm.tsx b/frontend/src/metabase/auth/components/LoginForm/LoginForm.tsx
index d08418cb7e2..a225d690f5b 100644
--- a/frontend/src/metabase/auth/components/LoginForm/LoginForm.tsx
+++ b/frontend/src/metabase/auth/components/LoginForm/LoginForm.tsx
@@ -16,7 +16,7 @@ const LOGIN_SCHEMA = Yup.object().shape({
     .required(Errors.required)
     .when("$isLdapEnabled", {
       is: false,
-      then: schema => schema.email(Errors.email),
+      then: (schema) => schema.email(Errors.email),
     }),
   password: Yup.string().required(Errors.required),
   remember: Yup.boolean(),
diff --git a/frontend/src/metabase/auth/components/PasswordPanel/PasswordPanel.tsx b/frontend/src/metabase/auth/components/PasswordPanel/PasswordPanel.tsx
index 089609ca731..1281113ae31 100644
--- a/frontend/src/metabase/auth/components/PasswordPanel/PasswordPanel.tsx
+++ b/frontend/src/metabase/auth/components/PasswordPanel/PasswordPanel.tsx
@@ -45,7 +45,7 @@ export const PasswordPanel = ({ redirectUrl }: PasswordPanelProps) => {
             {t`I seem to have forgotten my password`}
           </AuthButton>
         </ActionListItem>
-        {providers.map(provider => (
+        {providers.map((provider) => (
           <ActionListItem key={provider.name}>
             <provider.Button redirectUrl={redirectUrl} />
           </ActionListItem>
diff --git a/frontend/src/metabase/auth/selectors.ts b/frontend/src/metabase/auth/selectors.ts
index a8b333322d2..74c70850be7 100644
--- a/frontend/src/metabase/auth/selectors.ts
+++ b/frontend/src/metabase/auth/selectors.ts
@@ -16,7 +16,7 @@ export const getAuthProviders = createSelector([getSettings], () =>
 
 export const getExternalAuthProviders = createSelector(
   [getAuthProviders],
-  providers => providers.filter(provider => provider.name !== "password"),
+  (providers) => providers.filter((provider) => provider.name !== "password"),
 );
 
 export const getIsEmailConfigured = (state: State) => {
diff --git a/frontend/src/metabase/browse/components/BrowseTable.styled.tsx b/frontend/src/metabase/browse/components/BrowseTable.styled.tsx
index eeb251256f4..9539f1fa17f 100644
--- a/frontend/src/metabase/browse/components/BrowseTable.styled.tsx
+++ b/frontend/src/metabase/browse/components/BrowseTable.styled.tsx
@@ -13,7 +13,7 @@ export const TableRow = styled.tr<{ skeleton?: boolean }>`
   :focus {
     outline: 2px solid var(--mb-color-focus);
   }
-  ${props =>
+  ${(props) =>
     props.skeleton
       ? `
           :hover { background-color: unset ! important; }
@@ -43,11 +43,11 @@ export const Cell = styled.td<ResponsiveProps>`
 export const NameColumn = styled(TableColumn)`
   width: 220px;
 
-  @container ${props => props.containerName} (max-width: ${breakpoints.md}) {
+  @container ${(props) => props.containerName} (max-width: ${breakpoints.md}) {
     width: 220px;
   }
 
-  @container ${props => props.containerName} (max-width: ${breakpoints.sm}) {
+  @container ${(props) => props.containerName} (max-width: ${breakpoints.sm}) {
     width: 160px;
   }
 `;
diff --git a/frontend/src/metabase/browse/containers/TableBrowser/TableBrowser.jsx b/frontend/src/metabase/browse/containers/TableBrowser/TableBrowser.jsx
index fc1d24ae57f..68817562b76 100644
--- a/frontend/src/metabase/browse/containers/TableBrowser/TableBrowser.jsx
+++ b/frontend/src/metabase/browse/containers/TableBrowser/TableBrowser.jsx
@@ -28,12 +28,12 @@ const getDatabaseId = (props, { includeVirtual } = {}) => {
   }
 };
 
-const getSchemaName = props => {
+const getSchemaName = (props) => {
   return props.schemaName || props.params.schemaName;
 };
 
 const getReloadInterval = (_state, _props, tables = []) =>
-  tables.some(t => isSyncInProgress(t)) ? RELOAD_INTERVAL : 0;
+  tables.some((t) => isSyncInProgress(t)) ? RELOAD_INTERVAL : 0;
 
 export const getTableUrl = (table, metadata) => {
   const metadataTable = metadata?.table(table.id);
diff --git a/frontend/src/metabase/browse/databases/BrowseDatabases.tsx b/frontend/src/metabase/browse/databases/BrowseDatabases.tsx
index a2951aa11bd..a49218ce695 100644
--- a/frontend/src/metabase/browse/databases/BrowseDatabases.tsx
+++ b/frontend/src/metabase/browse/databases/BrowseDatabases.tsx
@@ -69,7 +69,7 @@ export const BrowseDatabases = () => {
           <SimpleGrid data-testid="database-browser" cols={3}>
             {databases &&
               databases.length > 0 &&
-              databases.map(database => (
+              databases.map((database) => (
                 <Link to={Urls.browseDatabase(database)} key={database.id}>
                   <DatabaseCard
                     bg="bg-white"
diff --git a/frontend/src/metabase/browse/metrics/MetricsTable.tsx b/frontend/src/metabase/browse/metrics/MetricsTable.tsx
index 54fb0796952..f27389c4289 100644
--- a/frontend/src/metabase/browse/metrics/MetricsTable.tsx
+++ b/frontend/src/metabase/browse/metrics/MetricsTable.tsx
@@ -412,7 +412,7 @@ function MenuCell({ metric }: { metric?: MetricResult }) {
           </Button>
         </Menu.Target>
         <Menu.Dropdown>
-          {actions.map(action => (
+          {actions.map((action) => (
             <Menu.Item
               key={action.key}
               leftSection={<Icon name={action.icon} />}
diff --git a/frontend/src/metabase/browse/metrics/tests/setup.tsx b/frontend/src/metabase/browse/metrics/tests/setup.tsx
index 6bd334d4757..b9ed5f5d737 100644
--- a/frontend/src/metabase/browse/metrics/tests/setup.tsx
+++ b/frontend/src/metabase/browse/metrics/tests/setup.tsx
@@ -238,7 +238,7 @@ export function setup({
   }
 
   const mockMetricResults = mockMetrics.map(createMockMetricResult);
-  const mockRecentMetrics = mockMetrics.map(metric =>
+  const mockRecentMetrics = mockMetrics.map((metric) =>
     createMockRecentMetric(metric as RecentMetric),
   );
 
diff --git a/frontend/src/metabase/browse/metrics/utils.unit.spec.tsx b/frontend/src/metabase/browse/metrics/utils.unit.spec.tsx
index 5bd0645f798..60dc948e784 100644
--- a/frontend/src/metabase/browse/metrics/utils.unit.spec.tsx
+++ b/frontend/src/metabase/browse/metrics/utils.unit.spec.tsx
@@ -53,7 +53,7 @@ describe("sortMetrics", () => {
       sort_direction: SortDirection.Asc,
     } as const;
     const sorted = sortMetrics(mockSearchResults, sortingOptions);
-    expect(sorted?.map(model => model.name)).toEqual(["A", "B", "C"]);
+    expect(sorted?.map((model) => model.name)).toEqual(["A", "B", "C"]);
   });
 
   it("can sort by name in descending order", () => {
@@ -62,7 +62,7 @@ describe("sortMetrics", () => {
       sort_direction: SortDirection.Desc,
     } as const;
     const sorted = sortMetrics(mockSearchResults, sortingOptions);
-    expect(sorted?.map(model => model.name)).toEqual(["C", "B", "A"]);
+    expect(sorted?.map((model) => model.name)).toEqual(["C", "B", "A"]);
   });
 
   it("can sort by collection path in ascending order", () => {
@@ -71,7 +71,7 @@ describe("sortMetrics", () => {
       sort_direction: SortDirection.Asc,
     } as const;
     const sorted = sortMetrics(mockSearchResults, sortingOptions);
-    expect(sorted?.map(model => model.name)).toEqual(["B", "A", "C"]);
+    expect(sorted?.map((model) => model.name)).toEqual(["B", "A", "C"]);
   });
 
   it("can sort by collection path in descending order", () => {
@@ -80,7 +80,7 @@ describe("sortMetrics", () => {
       sort_direction: SortDirection.Desc,
     } as const;
     const sorted = sortMetrics(mockSearchResults, sortingOptions);
-    expect(sorted?.map(model => model.name)).toEqual(["C", "A", "B"]);
+    expect(sorted?.map((model) => model.name)).toEqual(["C", "A", "B"]);
   });
 
   describe("secondary sort", () => {
diff --git a/frontend/src/metabase/browse/models/BrowseModels.tsx b/frontend/src/metabase/browse/models/BrowseModels.tsx
index 65c26eb6800..7ed4e286cf9 100644
--- a/frontend/src/metabase/browse/models/BrowseModels.tsx
+++ b/frontend/src/metabase/browse/models/BrowseModels.tsx
@@ -209,7 +209,7 @@ function useFilteredModels(modelFilters: ModelFilterSettings) {
     recentModels: (recentModelsResult.data ?? [])
       .filter(isRecentModel)
       .filter(
-        model => !filters.verified || model.moderated_status === "verified",
+        (model) => !filters.verified || model.moderated_status === "verified",
       )
       .slice(0, recentsCap),
   };
diff --git a/frontend/src/metabase/browse/models/BrowseModels.unit.spec.tsx b/frontend/src/metabase/browse/models/BrowseModels.unit.spec.tsx
index 9668428350a..a7d16127bca 100644
--- a/frontend/src/metabase/browse/models/BrowseModels.unit.spec.tsx
+++ b/frontend/src/metabase/browse/models/BrowseModels.unit.spec.tsx
@@ -21,14 +21,14 @@ const defaultRootCollection = createMockCollection({
 });
 
 const setup = (modelCount: number, recentModelCount = 5) => {
-  const mockModelResults = mockModels.map(model =>
+  const mockModelResults = mockModels.map((model) =>
     createMockModelResult(model),
   );
   const mockRecentModels = mockModels
     .slice(0, recentModelCount)
-    .map(model => createMockRecentModel(model));
+    .map((model) => createMockRecentModel(model));
   const models = mockModelResults.slice(0, modelCount);
-  setupSearchEndpoints(models.map(model => createMockSearchResult(model)));
+  setupSearchEndpoints(models.map((model) => createMockSearchResult(model)));
   setupSettingsEndpoints([]);
   setupRecentViewsEndpoints(mockRecentModels);
   return renderWithProviders(<BrowseModels />, {
diff --git a/frontend/src/metabase/browse/models/RecentModels.tsx b/frontend/src/metabase/browse/models/RecentModels.tsx
index 82c40a07fd6..d0a9f8ced82 100644
--- a/frontend/src/metabase/browse/models/RecentModels.tsx
+++ b/frontend/src/metabase/browse/models/RecentModels.tsx
@@ -42,7 +42,7 @@ export function RecentModels({
             <PinnedItemCard skeleton iconForSkeleton="model" />
           </Repeat>
         ) : (
-          models.map(model => (
+          models.map((model) => (
             <PinnedItemCard
               key={`model-${model.id}`}
               item={model}
diff --git a/frontend/src/metabase/browse/models/utils.unit.spec.tsx b/frontend/src/metabase/browse/models/utils.unit.spec.tsx
index bed156798a5..fd68df22022 100644
--- a/frontend/src/metabase/browse/models/utils.unit.spec.tsx
+++ b/frontend/src/metabase/browse/models/utils.unit.spec.tsx
@@ -44,7 +44,7 @@ describe("sortModels", () => {
       sort_direction: SortDirection.Asc,
     } as const;
     const sorted = sortModels(mockSearchResults, sortingOptions);
-    expect(sorted?.map(model => model.name)).toEqual(["A", "B", "C"]);
+    expect(sorted?.map((model) => model.name)).toEqual(["A", "B", "C"]);
   });
 
   it("can sort by name in descending order", () => {
@@ -53,7 +53,7 @@ describe("sortModels", () => {
       sort_direction: SortDirection.Desc,
     } as const;
     const sorted = sortModels(mockSearchResults, sortingOptions);
-    expect(sorted?.map(model => model.name)).toEqual(["C", "B", "A"]);
+    expect(sorted?.map((model) => model.name)).toEqual(["C", "B", "A"]);
   });
 
   it("can sort by collection path in ascending order", () => {
@@ -62,7 +62,7 @@ describe("sortModels", () => {
       sort_direction: SortDirection.Asc,
     } as const;
     const sorted = sortModels(mockSearchResults, sortingOptions);
-    expect(sorted?.map(model => model.name)).toEqual(["B", "A", "C"]);
+    expect(sorted?.map((model) => model.name)).toEqual(["B", "A", "C"]);
   });
 
   it("can sort by collection path in descending order", () => {
@@ -71,7 +71,7 @@ describe("sortModels", () => {
       sort_direction: SortDirection.Desc,
     } as const;
     const sorted = sortModels(mockSearchResults, sortingOptions);
-    expect(sorted?.map(model => model.name)).toEqual(["C", "A", "B"]);
+    expect(sorted?.map((model) => model.name)).toEqual(["C", "A", "B"]);
   });
 
   describe("secondary sort", () => {
diff --git a/frontend/src/metabase/browse/schemas/BrowseSchemas.tsx b/frontend/src/metabase/browse/schemas/BrowseSchemas.tsx
index 534cc5e68b4..5191500ee3d 100644
--- a/frontend/src/metabase/browse/schemas/BrowseSchemas.tsx
+++ b/frontend/src/metabase/browse/schemas/BrowseSchemas.tsx
@@ -62,7 +62,7 @@ const BrowseSchemasContainer = ({
                 >{t`This database doesn't have any tables.`}</h2>
               ) : (
                 <Grid>
-                  {schemas.map(schema => (
+                  {schemas.map((schema) => (
                     <SchemaGridItem key={schema.id}>
                       <SchemaLink
                         to={`/browse/databases/${dbId}/schema/${encodeURIComponent(
diff --git a/frontend/src/metabase/browse/tables/TableBrowser/TableBrowser.jsx b/frontend/src/metabase/browse/tables/TableBrowser/TableBrowser.jsx
index 564e0bc76f7..c5df7d579cf 100644
--- a/frontend/src/metabase/browse/tables/TableBrowser/TableBrowser.jsx
+++ b/frontend/src/metabase/browse/tables/TableBrowser/TableBrowser.jsx
@@ -56,7 +56,7 @@ export const TableBrowser = ({
         />
       </BrowseHeaderContent>
       <TableGrid>
-        {tables.map(table => (
+        {tables.map((table) => (
           <TableGridItem key={table.id}>
             <TableCard hoverable={!isSyncInProgress(table)}>
               <TableLink
diff --git a/frontend/src/metabase/browse/tables/TableBrowser/TableBrowser.unit.spec.js b/frontend/src/metabase/browse/tables/TableBrowser/TableBrowser.unit.spec.js
index 33b4bffe4e4..e7a4f2cb406 100644
--- a/frontend/src/metabase/browse/tables/TableBrowser/TableBrowser.unit.spec.js
+++ b/frontend/src/metabase/browse/tables/TableBrowser/TableBrowser.unit.spec.js
@@ -23,7 +23,7 @@ describe("TableBrowser", () => {
 
   it.each(["incomplete", "complete"])(
     "should render syncing tables, regardless of the database's initial_sync_status",
-    initial_sync_status => {
+    (initial_sync_status) => {
       const database = getDatabase({ initial_sync_status });
 
       const tables = [
@@ -83,6 +83,6 @@ const getTable = ({ id, name, initial_sync_status }) => ({
   initial_sync_status,
 });
 
-const getTableUrl = table => {
+const getTableUrl = (table) => {
   return `/question/${table.id}`;
 };
diff --git a/frontend/src/metabase/browse/tables/TableBrowser/useDatabaseCrumb.ts b/frontend/src/metabase/browse/tables/TableBrowser/useDatabaseCrumb.ts
index 8a97f6ac260..038540a7531 100644
--- a/frontend/src/metabase/browse/tables/TableBrowser/useDatabaseCrumb.ts
+++ b/frontend/src/metabase/browse/tables/TableBrowser/useDatabaseCrumb.ts
@@ -11,7 +11,7 @@ export const useDatabaseCrumb = (id: DatabaseId) => {
   // We display what we already have in store to avoid showing loading state.
   // It's possible because GET /api/database is always dispatched on app launch.
   // We still re-fetch the database to get new data, just in case it changed.
-  const legacyDatabase = useSelector(state => {
+  const legacyDatabase = useSelector((state) => {
     return Databases.selectors.getObject(state, {
       entityId: id,
       requestType: "fetch",
diff --git a/frontend/src/metabase/collections/components/ActionMenu/ActionMenu.tsx b/frontend/src/metabase/collections/components/ActionMenu/ActionMenu.tsx
index 747963229b0..f17ba0c20d2 100644
--- a/frontend/src/metabase/collections/components/ActionMenu/ActionMenu.tsx
+++ b/frontend/src/metabase/collections/components/ActionMenu/ActionMenu.tsx
@@ -52,7 +52,7 @@ function getIsBookmarked(item: CollectionItem, bookmarks: Bookmark[]) {
   const normalizedItemModel = normalizeItemModel(item);
 
   return bookmarks.some(
-    bookmark =>
+    (bookmark) =>
       bookmark.type === normalizedItemModel && bookmark.item_id === item.id,
   );
 }
diff --git a/frontend/src/metabase/collections/components/ActionMenu/ActionMenu.unit.spec.tsx b/frontend/src/metabase/collections/components/ActionMenu/ActionMenu.unit.spec.tsx
index 4b0c2a21973..91f898f63f9 100644
--- a/frontend/src/metabase/collections/components/ActionMenu/ActionMenu.unit.spec.tsx
+++ b/frontend/src/metabase/collections/components/ActionMenu/ActionMenu.unit.spec.tsx
@@ -70,7 +70,7 @@ describe("ActionMenu", () => {
   describe("preview", () => {
     it.each<CollectionItemModel>(["card", "metric"])(
       "should show an option to hide preview for a pinned %s",
-      async model => {
+      async (model) => {
         const item = createMockCollectionItem({
           model,
           collection_position: 1,
@@ -91,7 +91,7 @@ describe("ActionMenu", () => {
 
     it.each<CollectionItemModel>(["card", "metric"])(
       "should show an option to show preview for a pinned %s",
-      async model => {
+      async (model) => {
         const item = createMockCollectionItem({
           model,
           collection_position: 1,
diff --git a/frontend/src/metabase/collections/components/CollectionBulkActions/ArchivedBulkActions.tsx b/frontend/src/metabase/collections/components/CollectionBulkActions/ArchivedBulkActions.tsx
index 2fc52405bec..fceac1ef9b7 100644
--- a/frontend/src/metabase/collections/components/CollectionBulkActions/ArchivedBulkActions.tsx
+++ b/frontend/src/metabase/collections/components/CollectionBulkActions/ArchivedBulkActions.tsx
@@ -50,17 +50,17 @@ export const ArchivedBulkActions = ({
   const showRestore = isRootTrashCollection(collection);
 
   const canRestore = useMemo(() => {
-    return selected.every(item => item.can_restore);
+    return selected.every((item) => item.can_restore);
   }, [selected]);
 
   const handleBulkRestore = () => {
-    const actions = selected.map(item => item.setArchived(false));
+    const actions = selected.map((item) => item.setArchived(false));
     Promise.all(actions).finally(() => clearSelected());
   };
 
   // delete
   const canDelete = useMemo(() => {
-    return selected.every(item => item.can_delete);
+    return selected.every((item) => item.can_delete);
   }, [selected]);
 
   const handleBulkDeletePermanentlyStart = async () => {
@@ -69,7 +69,7 @@ export const ArchivedBulkActions = ({
   };
 
   const handleBulkDeletePermanently = async () => {
-    const actions = selected.map(item => item.delete());
+    const actions = selected.map((item) => item.delete());
     Promise.all(actions).finally(() => clearSelected());
     dispatch(
       addUndo({
@@ -87,7 +87,7 @@ export const ArchivedBulkActions = ({
 
   // move
   const canMove = useMemo(() => {
-    return selected.every(item => canMoveItem(item, collection));
+    return selected.every((item) => canMoveItem(item, collection));
   }, [selected, collection]);
 
   const handleBulkMoveStart = () => {
diff --git a/frontend/src/metabase/collections/components/CollectionBulkActions/CollectionBulkActions.tsx b/frontend/src/metabase/collections/components/CollectionBulkActions/CollectionBulkActions.tsx
index 7a7e36a4ec6..bab8a0841e5 100644
--- a/frontend/src/metabase/collections/components/CollectionBulkActions/CollectionBulkActions.tsx
+++ b/frontend/src/metabase/collections/components/CollectionBulkActions/CollectionBulkActions.tsx
@@ -67,7 +67,7 @@ export const CollectionBulkActions = memo(
       if (selectedItems) {
         await tryOrClear(
           Promise.all(
-            selectedItems.map(item => item.setCollection?.(destination)),
+            selectedItems.map((item) => item.setCollection?.(destination)),
           ),
         );
       }
@@ -84,14 +84,14 @@ export const CollectionBulkActions = memo(
         // otherwise, destination is a dashboard
         else if (destination.model === "dashboard") {
           // ensure that all selected items are cards. This should be enforced by the picker
-          if (!selectedItems.every(item => item.model === "card")) {
+          if (!selectedItems.every((item) => item.model === "card")) {
             throw new Error("can't move non-cards into dashboards");
           }
           //determine if we need to display a confirmation modal
 
           //Check how many items are cards that appear in a dashboard
           const potentialConfirmCards = selectedItems.filter(
-            item => item.dashboard_count && item.dashboard_count > 0,
+            (item) => item.dashboard_count && item.dashboard_count > 0,
           );
 
           //If there are none, then do the move
diff --git a/frontend/src/metabase/collections/components/CollectionBulkActions/QuestionMoveConfirmModal.tsx b/frontend/src/metabase/collections/components/CollectionBulkActions/QuestionMoveConfirmModal.tsx
index 378a836b6ea..1b4ab505677 100644
--- a/frontend/src/metabase/collections/components/CollectionBulkActions/QuestionMoveConfirmModal.tsx
+++ b/frontend/src/metabase/collections/components/CollectionBulkActions/QuestionMoveConfirmModal.tsx
@@ -41,7 +41,7 @@ export const QuestionMoveConfirmModal = ({
   const { currentData: cardDashboards, isFetching: isLoading } =
     useGetMultipleCardsDashboardsQuery(
       {
-        card_ids: selectedItems.map(s => s.id),
+        card_ids: selectedItems.map((s) => s.id),
       },
       {
         refetchOnMountOrArgChange: true,
@@ -50,7 +50,7 @@ export const QuestionMoveConfirmModal = ({
 
   const cardsThatAppearInOtherDashboards = useMemo(
     () =>
-      cardDashboards?.filter(cd => {
+      cardDashboards?.filter((cd) => {
         if (cd.dashboards.length === 0) {
           return false;
         }
@@ -82,7 +82,9 @@ export const QuestionMoveConfirmModal = ({
     [hasNoCardsThatAppearInOtherDashboards, onConfirmRef],
   );
 
-  const hasError = cardDashboards?.some(cd => cd.dashboards.some(d => d.error));
+  const hasError = cardDashboards?.some((cd) =>
+    cd.dashboards.some((d) => d.error),
+  );
 
   const heading = useMemo(() => {
     if (isLoading) {
@@ -133,14 +135,14 @@ export const QuestionMoveConfirmModal = ({
           <>
             <Text my="0.5rem">{t`Moving a question into a dashboard removes it from all other dashboards it appears in`}</Text>
             <List>
-              {cardsThatAppearInOtherDashboards.map(cd => {
+              {cardsThatAppearInOtherDashboards.map((cd) => {
                 const card = selectedItems.find(
-                  item => item.id === cd.card_id && item.model === "card",
+                  (item) => item.id === cd.card_id && item.model === "card",
                 );
 
                 const dashboardNames = cd.dashboards
-                  .filter(d => d.id !== destination.id)
-                  .map(d => d.name);
+                  .filter((d) => d.id !== destination.id)
+                  .map((d) => d.name);
 
                 return (
                   <List.Item key={`card-${cd.card_id}`}>
diff --git a/frontend/src/metabase/collections/components/CollectionBulkActions/UnarchivedBulkActions.tsx b/frontend/src/metabase/collections/components/CollectionBulkActions/UnarchivedBulkActions.tsx
index 645ede3eee5..355a05a84f5 100644
--- a/frontend/src/metabase/collections/components/CollectionBulkActions/UnarchivedBulkActions.tsx
+++ b/frontend/src/metabase/collections/components/CollectionBulkActions/UnarchivedBulkActions.tsx
@@ -23,11 +23,11 @@ export const UnarchivedBulkActions = ({
 }: UnarchivedBulkActionsProps) => {
   // archive
   const canArchive = useMemo(() => {
-    return selected.every(item => canArchiveItem(item, collection));
+    return selected.every((item) => canArchiveItem(item, collection));
   }, [selected, collection]);
 
   const handleBulkArchive = async () => {
-    const actions = selected.map(item => {
+    const actions = selected.map((item) => {
       return archiveAndTrack({
         archive: () =>
           item.setArchived
@@ -44,7 +44,7 @@ export const UnarchivedBulkActions = ({
 
   // move
   const canMove = useMemo(() => {
-    return selected.every(item => canMoveItem(item, collection));
+    return selected.every((item) => canMoveItem(item, collection));
   }, [selected, collection]);
 
   const handleBulkMoveStart = () => {
diff --git a/frontend/src/metabase/collections/components/CollectionContent/CollectionContent.styled.tsx b/frontend/src/metabase/collections/components/CollectionContent/CollectionContent.styled.tsx
index 525ada46710..f48d48f259c 100644
--- a/frontend/src/metabase/collections/components/CollectionContent/CollectionContent.styled.tsx
+++ b/frontend/src/metabase/collections/components/CollectionContent/CollectionContent.styled.tsx
@@ -19,7 +19,7 @@ interface CollectionTableProps {
 }
 
 export const CollectionTable = styled.div<CollectionTableProps>`
-  margin-top: ${props => (props.hasPinnedItems ? "2rem" : "")};
+  margin-top: ${(props) => (props.hasPinnedItems ? "2rem" : "")};
   container-name: ItemsTableContainer;
   container-type: inline-size;
 `;
diff --git a/frontend/src/metabase/collections/components/CollectionContent/CollectionContent.tsx b/frontend/src/metabase/collections/components/CollectionContent/CollectionContent.tsx
index 1891a40f01a..55483041578 100644
--- a/frontend/src/metabase/collections/components/CollectionContent/CollectionContent.tsx
+++ b/frontend/src/metabase/collections/components/CollectionContent/CollectionContent.tsx
@@ -41,12 +41,12 @@ export function CollectionContent({
   });
 
   const uploadDbId = useSelector(
-    state => getSetting(state, "uploads-settings")?.db_id,
+    (state) => getSetting(state, "uploads-settings")?.db_id,
   );
   const uploadsEnabled = !!uploadDbId;
 
   const canCreateUploadInDb = useSelector(
-    state =>
+    (state) =>
       uploadDbId &&
       Databases.selectors
         .getObject(state, {
diff --git a/frontend/src/metabase/collections/components/CollectionContent/CollectionContentView.tsx b/frontend/src/metabase/collections/components/CollectionContent/CollectionContentView.tsx
index eff52855130..42aa4418a0f 100644
--- a/frontend/src/metabase/collections/components/CollectionContent/CollectionContentView.tsx
+++ b/frontend/src/metabase/collections/components/CollectionContent/CollectionContentView.tsx
@@ -127,7 +127,7 @@ const CollectionContentViewInner = ({
 
   useEffect(() => {
     const shouldBeBookmarked = !!bookmarks?.some(
-      bookmark =>
+      (bookmark) =>
         bookmark.type === "collection" && bookmark.item_id === collectionId,
     );
     setIsBookmarked(shouldBeBookmarked);
diff --git a/frontend/src/metabase/collections/components/CollectionContent/CollectionItemsTable.tsx b/frontend/src/metabase/collections/components/CollectionContent/CollectionItemsTable.tsx
index c336d11abf7..e19652f77f8 100644
--- a/frontend/src/metabase/collections/components/CollectionContent/CollectionItemsTable.tsx
+++ b/frontend/src/metabase/collections/components/CollectionContent/CollectionItemsTable.tsx
@@ -232,7 +232,7 @@ const CollectionItemsTableContentInner = ({
   const hasPagination: boolean = total ? total > pageSize : false;
 
   const unselected = getIsSelected
-    ? unpinnedItems.filter(item => !getIsSelected(item))
+    ? unpinnedItems.filter((item) => !getIsSelected(item))
     : unpinnedItems;
   const hasUnselected = unselected.length > 0;
 
diff --git a/frontend/src/metabase/collections/components/CollectionCopyEntityModal.tsx b/frontend/src/metabase/collections/components/CollectionCopyEntityModal.tsx
index 61905927118..8521b0ec452 100644
--- a/frontend/src/metabase/collections/components/CollectionCopyEntityModal.tsx
+++ b/frontend/src/metabase/collections/components/CollectionCopyEntityModal.tsx
@@ -58,7 +58,7 @@ function CollectionCopyEntityModal({
         collection_id: initialCollectionId,
       }}
       title={title}
-      copy={async values => {
+      copy={async (values) => {
         return entityObject.copy(dissoc(values, "id"));
       }}
       onClose={onClose}
diff --git a/frontend/src/metabase/collections/components/CollectionHeader/CollectionCaption.styled.tsx b/frontend/src/metabase/collections/components/CollectionHeader/CollectionCaption.styled.tsx
index 9db65a16b10..4c81cfc32f6 100644
--- a/frontend/src/metabase/collections/components/CollectionHeader/CollectionCaption.styled.tsx
+++ b/frontend/src/metabase/collections/components/CollectionHeader/CollectionCaption.styled.tsx
@@ -22,7 +22,7 @@ interface CaptionDescriptionProps {
 export const CaptionDescription = styled(
   EditableDescription,
 )<CaptionDescriptionProps>`
-  opacity: ${props => (props.isVisible ? 1 : 0)};
+  opacity: ${(props) => (props.isVisible ? 1 : 0)};
   max-width: 25rem;
   transition: opacity 400ms ease 1s;
 
diff --git a/frontend/src/metabase/collections/components/CollectionHeader/CollectionInfoSidebarToggle.tsx b/frontend/src/metabase/collections/components/CollectionHeader/CollectionInfoSidebarToggle.tsx
index 32ca9d58e4a..5306f18e8b6 100644
--- a/frontend/src/metabase/collections/components/CollectionHeader/CollectionInfoSidebarToggle.tsx
+++ b/frontend/src/metabase/collections/components/CollectionHeader/CollectionInfoSidebarToggle.tsx
@@ -17,7 +17,7 @@ export const CollectionInfoSidebarToggle = ({
   const [showSidesheet, setShowSidesheet] = useState(false);
   return (
     <>
-      <CollectionHeaderButton onClick={() => setShowSidesheet(open => !open)}>
+      <CollectionHeaderButton onClick={() => setShowSidesheet((open) => !open)}>
         <Icon name="info" />
       </CollectionHeaderButton>
       {showSidesheet && (
diff --git a/frontend/src/metabase/collections/components/CollectionMenu/CollectionMenu.tsx b/frontend/src/metabase/collections/components/CollectionMenu/CollectionMenu.tsx
index ad984b5c1ef..578d8316401 100644
--- a/frontend/src/metabase/collections/components/CollectionMenu/CollectionMenu.tsx
+++ b/frontend/src/metabase/collections/components/CollectionMenu/CollectionMenu.tsx
@@ -23,7 +23,7 @@ export interface CollectionMenuProps {
 }
 
 const mergeArrays = (arr: ReactNode[][]): ReactNode[] => {
-  const filteredArr = arr.filter(v => v.length > 0);
+  const filteredArr = arr.filter((v) => v.length > 0);
   return filteredArr.length === 0
     ? []
     : filteredArr.reduce((acc, val, index) =>
diff --git a/frontend/src/metabase/collections/components/ModelUploadModal.tsx b/frontend/src/metabase/collections/components/ModelUploadModal.tsx
index 3a545c6658b..9f27f1051c7 100644
--- a/frontend/src/metabase/collections/components/ModelUploadModal.tsx
+++ b/frontend/src/metabase/collections/components/ModelUploadModal.tsx
@@ -52,7 +52,7 @@ export function ModelUploadModal({
   });
 
   const uploadableModels = useMemo(
-    () => data?.data?.filter(model => !!model.based_on_upload),
+    () => data?.data?.filter((model) => !!model.based_on_upload),
     [data],
   );
   const hasNoUploadableModels = !isLoading && uploadableModels?.length === 0;
@@ -72,7 +72,7 @@ export function ModelUploadModal({
   const handleUpload = () => {
     if (uploadMode !== UploadMode.create && tableId) {
       const modelForTableId = uploadableModels?.find(
-        model => model.based_on_upload === Number(tableId),
+        (model) => model.based_on_upload === Number(tableId),
       );
 
       return onUpload({
@@ -124,7 +124,7 @@ export function ModelUploadModal({
         </Text>
         <Radio.Group
           value={uploadMode}
-          onChange={val => setUploadMode(val as UploadMode)}
+          onChange={(val) => setUploadMode(val as UploadMode)}
           pl="1px"
         >
           <Radio label={t`Create a new model`} value={UploadMode.create} />
@@ -146,7 +146,7 @@ export function ModelUploadModal({
             placeholder="Select a model"
             value={tableId ? String(tableId) : ""}
             data={
-              uploadableModels.map(model => ({
+              uploadableModels.map((model) => ({
                 value: String(model.based_on_upload),
                 label: model.name,
               })) ?? []
diff --git a/frontend/src/metabase/collections/components/PinDropZone/PinDropZone.styled.tsx b/frontend/src/metabase/collections/components/PinDropZone/PinDropZone.styled.tsx
index f5259cf44e4..fa114a4a22d 100644
--- a/frontend/src/metabase/collections/components/PinDropZone/PinDropZone.styled.tsx
+++ b/frontend/src/metabase/collections/components/PinDropZone/PinDropZone.styled.tsx
@@ -37,11 +37,11 @@ export const PinDropTargetIndicator = styled.div<PinDropTargetRenderArgs>`
   bottom: 0;
   left: 0;
   right: 0;
-  border-left: ${props =>
+  border-left: ${(props) =>
     `4px solid ${
       props.hovered ? "var(--mb-color-brand)" : "var(--mb-color-bg-medium)"
     }`};
-  display: ${props => !(props.hovered || props.highlighted) && "none"};
+  display: ${(props) => !(props.hovered || props.highlighted) && "none"};
   min-height: 2rem;
-  transform: ${props => props.empty && "translateY(-1rem)"};
+  transform: ${(props) => props.empty && "translateY(-1rem)"};
 `;
diff --git a/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.stories.tsx b/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.stories.tsx
index f674678a0a2..2f915e0be8b 100644
--- a/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.stories.tsx
+++ b/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.stories.tsx
@@ -22,7 +22,7 @@ const collection = {
 const onCopy = action("onCopy");
 const onMove = action("onMove");
 
-const Template: StoryFn<PinnedItemCardProps> = args => {
+const Template: StoryFn<PinnedItemCardProps> = (args) => {
   return <PinnedItemCard {...args} />;
 };
 
diff --git a/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.styled.tsx b/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.styled.tsx
index 5dd730f1adf..26d490cbd5c 100644
--- a/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.styled.tsx
+++ b/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.styled.tsx
@@ -13,7 +13,7 @@ export const ItemCard = styled(Card)``;
 export const ItemLink = styled(RawMaybeLink)<{ to?: string }>`
   display: block;
   height: min-content;
-  ${props =>
+  ${(props) =>
     props.to
       ? ""
       : css`
diff --git a/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.tsx b/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.tsx
index 16f5755091f..75e09af53a4 100644
--- a/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.tsx
+++ b/frontend/src/metabase/collections/components/PinnedItemCard/PinnedItemCard.tsx
@@ -147,7 +147,9 @@ function PinnedItemCard({
                 maw={TOOLTIP_MAX_WIDTH}
               >
                 <Title
-                  onMouseEnter={e => maybeEnableTooltip(e, setShowTitleTooltip)}
+                  onMouseEnter={(e) =>
+                    maybeEnableTooltip(e, setShowTitleTooltip)
+                  }
                 >
                   <Flex align="center" gap="0.5rem">
                     {item.name}
diff --git a/frontend/src/metabase/collections/components/PinnedItemOverview/PinnedItemOverview.tsx b/frontend/src/metabase/collections/components/PinnedItemOverview/PinnedItemOverview.tsx
index e44c5d5a3fb..3c084ecf3fa 100644
--- a/frontend/src/metabase/collections/components/PinnedItemOverview/PinnedItemOverview.tsx
+++ b/frontend/src/metabase/collections/components/PinnedItemOverview/PinnedItemOverview.tsx
@@ -41,7 +41,7 @@ function PinnedItemOverview({
   onCopy,
   onMove,
 }: Props) {
-  const sortedItems = _.sortBy(items, item => item.collection_position);
+  const sortedItems = _.sortBy(items, (item) => item.collection_position);
   const {
     card: cardItems = [],
     dashboard: dashboardItems = [],
@@ -67,7 +67,7 @@ function PinnedItemOverview({
               (cardGroup, cardGroupIndex) =>
                 cardGroup.length > 0 && (
                   <Grid key={cardGroupIndex}>
-                    {cardGroup.map(item => (
+                    {cardGroup.map((item) => (
                       <div key={item.id} className={CS.relative}>
                         <PinnedItemSortDropTarget
                           isFrontTarget
@@ -110,7 +110,7 @@ function PinnedItemOverview({
               (cardGroup, cardGroupIndex) =>
                 cardGroup.length > 0 && (
                   <Grid key={cardGroupIndex}>
-                    {cardGroup.map(item => (
+                    {cardGroup.map((item) => (
                       <div key={item.id} className={CS.relative}>
                         <PinnedItemSortDropTarget
                           isFrontTarget
@@ -150,7 +150,7 @@ function PinnedItemOverview({
           <div>
             <SectionTitle title={t`Dashboards`} icon="dashboard" />
             <Grid>
-              {dashboardItems.map(item => (
+              {dashboardItems.map((item) => (
                 <div key={item.id} className={CS.relative}>
                   <PinnedItemSortDropTarget
                     isFrontTarget
@@ -196,7 +196,7 @@ function PinnedItemOverview({
               }
             />
             <Grid>
-              {modelItems.map(item => (
+              {modelItems.map((item) => (
                 <div key={item.id} className={CS.relative}>
                   <PinnedItemSortDropTarget
                     isFrontTarget
diff --git a/frontend/src/metabase/collections/components/PinnedItemSortDropTarget/PinnedItemSortDropTarget.styled.tsx b/frontend/src/metabase/collections/components/PinnedItemSortDropTarget/PinnedItemSortDropTarget.styled.tsx
index 072bc847c98..52d135a53da 100644
--- a/frontend/src/metabase/collections/components/PinnedItemSortDropTarget/PinnedItemSortDropTarget.styled.tsx
+++ b/frontend/src/metabase/collections/components/PinnedItemSortDropTarget/PinnedItemSortDropTarget.styled.tsx
@@ -41,15 +41,15 @@ export const PinDropTargetIndicator = styled.div<PinDropTargetRenderArgs>`
   bottom: 0;
   left: 0;
   right: 0;
-  border-left: ${props =>
+  border-left: ${(props) =>
     props.isFrontTarget &&
     `4px solid ${
       props.hovered ? color("brand") : "var(--mb-color-bg-medium)"
     }`};
-  border-right: ${props =>
+  border-right: ${(props) =>
     props.isBackTarget &&
     `4px solid ${
       props.hovered ? color("brand") : "var(--mb-color-bg-medium)"
     }`};
-  display: ${props => !(props.hovered || props.highlighted) && "none"};
+  display: ${(props) => !(props.hovered || props.highlighted) && "none"};
 `;
diff --git a/frontend/src/metabase/collections/components/PinnedQuestionCard/PinnedQuestionCard.styled.tsx b/frontend/src/metabase/collections/components/PinnedQuestionCard/PinnedQuestionCard.styled.tsx
index 0d0170f46f4..369a0b89ba0 100644
--- a/frontend/src/metabase/collections/components/PinnedQuestionCard/PinnedQuestionCard.styled.tsx
+++ b/frontend/src/metabase/collections/components/PinnedQuestionCard/PinnedQuestionCard.styled.tsx
@@ -35,8 +35,8 @@ export const CardRoot = styled(
   position: relative;
   display: block;
   overflow: hidden;
-  height: ${props => props.isPreview && "15.625rem"};
-  padding: ${props => (props.isPreview ? "0" : "0.5rem 0")};
+  height: ${(props) => props.isPreview && "15.625rem"};
+  padding: ${(props) => (props.isPreview ? "0" : "0.5rem 0")};
   border: 1px solid var(--mb-color-border);
   border-radius: 0.375rem;
   background-color: var(--mb-color-bg-white);
diff --git a/frontend/src/metabase/collections/components/PinnedQuestionCard/PinnedQuestionLoader.tsx b/frontend/src/metabase/collections/components/PinnedQuestionCard/PinnedQuestionLoader.tsx
index e7fd905b124..f35f20d7cf0 100644
--- a/frontend/src/metabase/collections/components/PinnedQuestionCard/PinnedQuestionLoader.tsx
+++ b/frontend/src/metabase/collections/components/PinnedQuestionCard/PinnedQuestionLoader.tsx
@@ -88,7 +88,7 @@ const PinnedQuestionLoader = ({
 };
 
 const getRawSeries = (rawSeries?: any[]) => {
-  return rawSeries?.map(series => ({
+  return rawSeries?.map((series) => ({
     ...series,
     card: {
       ...series.card,
diff --git a/frontend/src/metabase/collections/components/UploadOverlay/UploadOverlay.styled.tsx b/frontend/src/metabase/collections/components/UploadOverlay/UploadOverlay.styled.tsx
index 4881adb4133..384891ac5f7 100644
--- a/frontend/src/metabase/collections/components/UploadOverlay/UploadOverlay.styled.tsx
+++ b/frontend/src/metabase/collections/components/UploadOverlay/UploadOverlay.styled.tsx
@@ -14,7 +14,7 @@ export const DragOverlay = styled.div<{ isDragActive: boolean }>`
   align-items: center;
   gap: 1rem;
   background-color: var(--mb-color-brand-lighter);
-  opacity: ${props => (props.isDragActive ? 0.9 : 0)};
+  opacity: ${(props) => (props.isDragActive ? 0.9 : 0)};
   transition: opacity 0.2s;
   border: 1px dashed var(--mb-color-brand);
   border-radius: 0.5rem;
diff --git a/frontend/src/metabase/collections/containers/FormCollectionAndDashboardPicker/FormCollectionAndDashboardPicker.tsx b/frontend/src/metabase/collections/containers/FormCollectionAndDashboardPicker/FormCollectionAndDashboardPicker.tsx
index f4f45531efc..fcb503c2477 100644
--- a/frontend/src/metabase/collections/containers/FormCollectionAndDashboardPicker/FormCollectionAndDashboardPicker.tsx
+++ b/frontend/src/metabase/collections/containers/FormCollectionAndDashboardPicker/FormCollectionAndDashboardPicker.tsx
@@ -110,12 +110,12 @@ export function FormCollectionAndDashboardPicker({
   const buttonRef = useRef<HTMLButtonElement>(null);
   const [isPickerOpen, setIsPickerOpen] = useState(false);
 
-  const openCollection = useSelector(state =>
+  const openCollection = useSelector((state) =>
     Collections.selectors.getObject(state, { entityId: "root" }),
   );
 
   const selectedItem = useSelector(
-    state =>
+    (state) =>
       Dashboard.selectors.getObject(state, {
         entityId: dashboardIdInput.value,
       }) ||
@@ -152,7 +152,7 @@ export function FormCollectionAndDashboardPicker({
       namespace: type === "snippet-collections" ? "snippets" : undefined,
       allowCreateNew: showCreateNewCollectionOption,
       hasRecents: type !== "snippet-collections",
-      confirmButtonText: item =>
+      confirmButtonText: (item) =>
         item === "dashboard"
           ? t`Select this dashboard`
           : t`Select this collection`,
@@ -175,7 +175,7 @@ export function FormCollectionAndDashboardPicker({
       if (dashboardTabIdFieldName) {
         try {
           const dashboard = dashboardId
-            ? await fetchDashboard({ id: dashboardId }).then(res => res.data)
+            ? await fetchDashboard({ id: dashboardId }).then((res) => res.data)
             : undefined;
           const defaultTabId = dashboard?.tabs?.length
             ? String(dashboard.tabs[0].id)
diff --git a/frontend/src/metabase/collections/containers/FormCollectionPicker/FormCollectionPicker.tsx b/frontend/src/metabase/collections/containers/FormCollectionPicker/FormCollectionPicker.tsx
index afd518c6d9b..3d0aba4f4fa 100644
--- a/frontend/src/metabase/collections/containers/FormCollectionPicker/FormCollectionPicker.tsx
+++ b/frontend/src/metabase/collections/containers/FormCollectionPicker/FormCollectionPicker.tsx
@@ -68,13 +68,13 @@ function FormCollectionPicker({
 
   const [openCollectionId] = useState<CollectionId>("root");
 
-  const openCollection = useSelector(state =>
+  const openCollection = useSelector((state) =>
     Collections.selectors.getObject(state, {
       entityId: openCollectionId,
     }),
   );
 
-  const selectedCollection = useSelector(state =>
+  const selectedCollection = useSelector((state) =>
     Collections.selectors.getObject(state, {
       entityId: value,
     }),
diff --git a/frontend/src/metabase/collections/hooks.ts b/frontend/src/metabase/collections/hooks.ts
index d5d9d817d46..05d1d3365c5 100644
--- a/frontend/src/metabase/collections/hooks.ts
+++ b/frontend/src/metabase/collections/hooks.ts
@@ -9,7 +9,7 @@ export const _useGetDefaultCollectionId = (
   // TODO: refactor this selector to be this hook and fetch the necessary collections
   // right now we assume that the root collection and any other relevant collections are already
   // in the redux store
-  const initialCollectionId = useSelector(state =>
+  const initialCollectionId = useSelector((state) =>
     getInitialCollectionId(state, {
       collectionId: sourceCollectionId ?? undefined,
     }),
diff --git a/frontend/src/metabase/collections/utils.ts b/frontend/src/metabase/collections/utils.ts
index cb0693964c6..4e6ae544ebf 100644
--- a/frontend/src/metabase/collections/utils.ts
+++ b/frontend/src/metabase/collections/utils.ts
@@ -89,7 +89,7 @@ export function currentUserPersonalCollections(
   userID: number,
 ): Collection[] {
   return collectionList
-    .filter(l => l.personal_owner_id === userID)
+    .filter((l) => l.personal_owner_id === userID)
     .map(preparePersonalCollection);
 }
 
@@ -111,7 +111,7 @@ export function isPersonalCollectionChild(
   if (!nonRootParentId) {
     return false;
   }
-  const parentCollection = collectionList.find(c => c.id === nonRootParentId);
+  const parentCollection = collectionList.find((c) => c.id === nonRootParentId);
   return Boolean(parentCollection && !!parentCollection.personal_owner_id);
 }
 
@@ -258,7 +258,7 @@ export const getCollectionPath = (collection: CollectionEssentials) => {
 export const getCollectionPathAsString = (collection: CollectionEssentials) => {
   const collections = getCollectionPath(collection);
   return collections
-    .map(coll => getCollectionName(coll))
+    .map((coll) => getCollectionName(coll))
     .join(` ${collectionPathSeparator} `);
 };
 
diff --git a/frontend/src/metabase/common/components/AggregationPicker/AggregationPicker.tsx b/frontend/src/metabase/common/components/AggregationPicker/AggregationPicker.tsx
index 4824d8cfe92..10c3ed779ad 100644
--- a/frontend/src/metabase/common/components/AggregationPicker/AggregationPicker.tsx
+++ b/frontend/src/metabase/common/components/AggregationPicker/AggregationPicker.tsx
@@ -126,7 +126,7 @@ export function AggregationPicker({
     );
 
     if (operators.length > 0) {
-      const operatorItems = operators.map(operator =>
+      const operatorItems = operators.map((operator) =>
         getOperatorListItem(query, stageIndex, operator),
       );
 
@@ -142,7 +142,7 @@ export function AggregationPicker({
       sections.push({
         key: "metrics",
         name: t`Metrics`,
-        items: metrics.map(metric =>
+        items: metrics.map((metric) =>
           getMetricListItem(query, stageIndex, metric, clauseIndex),
         ),
         icon: "metric",
@@ -372,7 +372,7 @@ function getInitialOperator(
   operators: Lib.AggregationOperator[],
 ) {
   const operator = operators.find(
-    operator => Lib.displayInfo(query, stageIndex, operator).selected,
+    (operator) => Lib.displayInfo(query, stageIndex, operator).selected,
   );
   return operator ?? null;
 }
diff --git a/frontend/src/metabase/common/components/AggregationPicker/AggregationPicker.unit.spec.tsx b/frontend/src/metabase/common/components/AggregationPicker/AggregationPicker.unit.spec.tsx
index 1963037314d..2b816ae1e19 100644
--- a/frontend/src/metabase/common/components/AggregationPicker/AggregationPicker.unit.spec.tsx
+++ b/frontend/src/metabase/common/components/AggregationPicker/AggregationPicker.unit.spec.tsx
@@ -180,7 +180,7 @@ describe("AggregationPicker", () => {
         "Standard deviation of ...",
         "Minimum of ...",
         "Maximum of ...",
-      ].forEach(name => {
+      ].forEach((name) => {
         expect(screen.getByRole("option", { name })).toBeInTheDocument();
       });
     });
@@ -192,7 +192,7 @@ describe("AggregationPicker", () => {
 
       await userEvent.type(screen.getByPlaceholderText("Find..."), "Count");
 
-      ["Count of rows", "Cumulative count of rows"].forEach(name => {
+      ["Count of rows", "Cumulative count of rows"].forEach((name) => {
         expect(screen.getByRole("option", { name })).toBeInTheDocument();
       });
 
@@ -204,7 +204,7 @@ describe("AggregationPicker", () => {
         "Standard deviation of ...",
         "Minimum of ...",
         "Maximum of ...",
-      ].forEach(name => {
+      ].forEach((name) => {
         expect(screen.queryByRole("option", { name })).not.toBeInTheDocument();
       });
     });
diff --git a/frontend/src/metabase/common/components/CollectionPicker/components/CollectionPicker.unit.spec.tsx b/frontend/src/metabase/common/components/CollectionPicker/components/CollectionPicker.unit.spec.tsx
index 2b816b8387d..376eaf0151d 100644
--- a/frontend/src/metabase/common/components/CollectionPicker/components/CollectionPicker.unit.spec.tsx
+++ b/frontend/src/metabase/common/components/CollectionPicker/components/CollectionPicker.unit.spec.tsx
@@ -89,18 +89,18 @@ const flattenCollectionTree = (
   node: MockCollection[],
 ): Omit<MockCollection, "collections">[] => {
   return [
-    ...node.map(n => ({
+    ...node.map((n) => ({
       name: n.name,
       id: n.id,
       is_personal: !!n.is_personal,
       location: n.location,
       effective_location: n.effective_location,
     })),
-  ].concat(...node.map(n => flattenCollectionTree(n.collections)));
+  ].concat(...node.map((n) => flattenCollectionTree(n.collections)));
 };
 
 const setupCollectionTreeMocks = (node: MockCollection[]) => {
-  node.forEach(n => {
+  node.forEach((n) => {
     const collectionItems = n.collections.map((c: MockCollection) =>
       createMockCollectionItem({
         id: c.id as number,
@@ -138,12 +138,12 @@ const setup = ({
   mockGetBoundingClientRect();
   mockScrollBy();
 
-  const allCollections = flattenCollectionTree(collectionTree).map(c =>
+  const allCollections = flattenCollectionTree(collectionTree).map((c) =>
     createMockCollection(c as Collection),
   );
 
   //Setup individual collection mocks
-  allCollections.forEach(collection => {
+  allCollections.forEach((collection) => {
     fetchMock.get(`path:/api/collection/${collection.id}`, collection);
   });
 
diff --git a/frontend/src/metabase/common/components/CollectionPicker/components/CollectionPickerModal.tsx b/frontend/src/metabase/common/components/CollectionPicker/components/CollectionPickerModal.tsx
index ee63e6751cb..1aab0b89e5c 100644
--- a/frontend/src/metabase/common/components/CollectionPicker/components/CollectionPickerModal.tsx
+++ b/frontend/src/metabase/common/components/CollectionPicker/components/CollectionPickerModal.tsx
@@ -45,7 +45,7 @@ const canSelectItem = (
 
 const searchFilter = (searchResults: SearchResult[]): SearchResult[] => {
   return searchResults.filter(
-    result => result.can_write && result.collection.type !== "trash",
+    (result) => result.can_write && result.collection.type !== "trash",
   );
 };
 
@@ -94,7 +94,7 @@ export const CollectionPickerModal = ({
   }>();
 
   const handleInit = useCallback((item: CollectionPickerItem) => {
-    setSelectedItem(current => current ?? item);
+    setSelectedItem((current) => current ?? item);
   }, []);
 
   const handleItemSelect = useCallback(
@@ -149,7 +149,7 @@ export const CollectionPickerModal = ({
   >[] = [
     {
       id: "collections-tab",
-      displayName: models.some(model => model !== "collection")
+      displayName: models.some((model) => model !== "collection")
         ? t`Browse`
         : t`Collections`,
       models,
diff --git a/frontend/src/metabase/common/components/CollectionPicker/utils.ts b/frontend/src/metabase/common/components/CollectionPicker/utils.ts
index a19e0aadd43..14fb49ee918 100644
--- a/frontend/src/metabase/common/components/CollectionPicker/utils.ts
+++ b/frontend/src/metabase/common/components/CollectionPicker/utils.ts
@@ -105,7 +105,7 @@ export const isFolderFactory =
   (item: CollectionPickerItem): boolean => {
     return Boolean(
       item.model === "collection" &&
-        models.some(model => item?.here?.includes(model)),
+        models.some((model) => item?.here?.includes(model)),
     );
   };
 
@@ -134,7 +134,7 @@ export const getPathLevelForItem = (
 
   // set selected item at the correct level
   const pathLevel = path.findIndex(
-    level => String(level?.query?.id) === String(parentCollectionId),
+    (level) => String(level?.query?.id) === String(parentCollectionId),
   );
 
   return pathLevel === -1 ? 0 : pathLevel;
diff --git a/frontend/src/metabase/common/components/DashboardPicker/components/DashboardPicker.unit.spec.tsx b/frontend/src/metabase/common/components/DashboardPicker/components/DashboardPicker.unit.spec.tsx
index e66bdbf15be..acd579e49a6 100644
--- a/frontend/src/metabase/common/components/DashboardPicker/components/DashboardPicker.unit.spec.tsx
+++ b/frontend/src/metabase/common/components/DashboardPicker/components/DashboardPicker.unit.spec.tsx
@@ -139,7 +139,7 @@ const flattenCollectionTree = (
 };
 
 const setupCollectionTreeMocks = (node: NestedCollectionItem[]) => {
-  node.forEach(node => {
+  node.forEach((node) => {
     if (!node.descendants) {
       return;
     }
@@ -179,7 +179,7 @@ const commonSetup = () => {
     createMockCollectionItem,
   );
 
-  allItems.forEach(item => {
+  allItems.forEach((item) => {
     if (item.model !== "collection") {
       fetchMock.get(`path:/api/dashboard/${item.id}`, item);
     } else {
diff --git a/frontend/src/metabase/common/components/DataPicker/components/DataPickerModal.tsx b/frontend/src/metabase/common/components/DataPicker/components/DataPickerModal.tsx
index 0477e063afd..63b427254ec 100644
--- a/frontend/src/metabase/common/components/DataPicker/components/DataPickerModal.tsx
+++ b/frontend/src/metabase/common/components/DataPicker/components/DataPickerModal.tsx
@@ -123,7 +123,7 @@ export const DataPickerModal = ({
     (recentItems: RecentItem[]) => {
       if (databaseId) {
         return recentItems.filter(
-          item => getRecentItemDatabaseId(item) === databaseId,
+          (item) => getRecentItemDatabaseId(item) === databaseId,
         );
       }
 
@@ -270,7 +270,7 @@ const FilterButton = ({
           px="1rem"
           py="0.5rem"
         >
-          {options.map(option => (
+          {options.map((option) => (
             <Checkbox
               key={`filter-${option.value}`}
               label={option.label}
diff --git a/frontend/src/metabase/common/components/DataPicker/components/DatabaseList.tsx b/frontend/src/metabase/common/components/DataPicker/components/DatabaseList.tsx
index cc37b5620c1..808362f1f33 100644
--- a/frontend/src/metabase/common/components/DataPicker/components/DatabaseList.tsx
+++ b/frontend/src/metabase/common/components/DataPicker/components/DatabaseList.tsx
@@ -25,7 +25,7 @@ export const DatabaseList = ({
   onClick,
 }: Props) => {
   const items: DataPickerFolderItem[] | undefined = useMemo(() => {
-    return databases?.map(database => ({
+    return databases?.map((database) => ({
       id: database.id,
       model: "database",
       name: database.name,
@@ -48,7 +48,7 @@ export const DatabaseList = ({
         items={items}
         selectedItem={selectedItem}
         onClick={onClick}
-        navLinkProps={isSelected => ({
+        navLinkProps={(isSelected) => ({
           px: "1.5rem",
           py: "1.25rem",
           mb: "1rem",
diff --git a/frontend/src/metabase/common/components/DataPicker/components/SchemaList.tsx b/frontend/src/metabase/common/components/DataPicker/components/SchemaList.tsx
index 2e84f0c7177..1554e33cc01 100644
--- a/frontend/src/metabase/common/components/DataPicker/components/SchemaList.tsx
+++ b/frontend/src/metabase/common/components/DataPicker/components/SchemaList.tsx
@@ -30,7 +30,7 @@ export const SchemaList = ({
   onClick,
 }: Props) => {
   const items: DataPickerFolderItem[] | undefined = useMemo(() => {
-    return schemas?.map(schema => ({
+    return schemas?.map((schema) => ({
       id: schema,
       model: "schema",
       name: getSchemaDisplayName(schema),
diff --git a/frontend/src/metabase/common/components/DataPicker/components/TableList.tsx b/frontend/src/metabase/common/components/DataPicker/components/TableList.tsx
index 23f9aff415f..c27893424d2 100644
--- a/frontend/src/metabase/common/components/DataPicker/components/TableList.tsx
+++ b/frontend/src/metabase/common/components/DataPicker/components/TableList.tsx
@@ -25,7 +25,7 @@ export const TableList = ({
   onClick,
 }: Props) => {
   const items: DataPickerValueItem[] | undefined = useMemo(() => {
-    return tables?.map(table => ({
+    return tables?.map((table) => ({
       id: table.id,
       model: "table",
       name: table.display_name,
diff --git a/frontend/src/metabase/common/components/DataPicker/utils.ts b/frontend/src/metabase/common/components/DataPicker/utils.ts
index 0f54dcac482..156fcffd15e 100644
--- a/frontend/src/metabase/common/components/DataPicker/utils.ts
+++ b/frontend/src/metabase/common/components/DataPicker/utils.ts
@@ -75,7 +75,7 @@ export const getDbItem = (
     return null;
   }
 
-  const database = databases?.find(db => db.id === dbId);
+  const database = databases?.find((db) => db.id === dbId);
   const name = database?.name ?? "";
 
   return { model: "database", id: dbId, name };
@@ -104,7 +104,7 @@ export const getTableItem = (
     return null;
   }
 
-  const table = tables?.find(db => db.id === tableId);
+  const table = tables?.find((db) => db.id === tableId);
   const name = table?.name ?? "";
 
   return { model: "table", id: tableId, name };
@@ -173,7 +173,7 @@ export const createShouldShowItem = (
       const below = item.below ?? [];
       const here = item.here ?? [];
       const contents = [...below, ...here];
-      const hasCards = models.some(model =>
+      const hasCards = models.some((model) =>
         contents.includes(model as CollectionItemModel),
       );
 
diff --git a/frontend/src/metabase/common/components/EllipsifiedPath/EllipsifiedCollectionPath.tsx b/frontend/src/metabase/common/components/EllipsifiedPath/EllipsifiedCollectionPath.tsx
index 6b152d0f23f..dfef2c72fe4 100644
--- a/frontend/src/metabase/common/components/EllipsifiedPath/EllipsifiedCollectionPath.tsx
+++ b/frontend/src/metabase/common/components/EllipsifiedPath/EllipsifiedCollectionPath.tsx
@@ -15,7 +15,7 @@ export const EllipsifiedCollectionPath = ({
   return (
     <EllipsifiedPath
       tooltip={getCollectionPathAsString(collection)}
-      items={getCollectionPath(collection).map(c => getCollectionName(c))}
+      items={getCollectionPath(collection).map((c) => getCollectionName(c))}
     />
   );
 };
diff --git a/frontend/src/metabase/common/components/EllipsifiedPath/EllipsifiedPath.tsx b/frontend/src/metabase/common/components/EllipsifiedPath/EllipsifiedPath.tsx
index 2c59b7236b2..9413b2e74dd 100644
--- a/frontend/src/metabase/common/components/EllipsifiedPath/EllipsifiedPath.tsx
+++ b/frontend/src/metabase/common/components/EllipsifiedPath/EllipsifiedPath.tsx
@@ -32,7 +32,7 @@ export const EllipsifiedPath = ({ items, tooltip }: EllipsifiedPathProps) => {
           return (
             <React.Fragment key={key}>
               <div
-                ref={el => el && ref.current.set(key, el)}
+                ref={(el) => el && ref.current.set(key, el)}
                 className={S.item}
               >
                 {item}
diff --git a/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/EntityPickerModal.tsx b/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/EntityPickerModal.tsx
index e376a76de9e..1a55a6bc88d 100644
--- a/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/EntityPickerModal.tsx
+++ b/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/EntityPickerModal.tsx
@@ -202,7 +202,7 @@ export function EntityPickerModal<
       return [];
     }
 
-    const relevantModelRecents = recentItems.filter(recentItem => {
+    const relevantModelRecents = recentItems.filter((recentItem) => {
       return searchModels.includes(recentItem.model);
     });
 
@@ -277,10 +277,10 @@ export function EntityPickerModal<
     (item: Item, tabId: EntityPickerTabId) => {
       if (tabId !== SEARCH_TAB_ID && tabId !== RECENTS_TAB_ID) {
         if (isSearchFolder(item, folderModels)) {
-          setTabFolderState(state => ({ ...state, [tabId]: item }));
+          setTabFolderState((state) => ({ ...state, [tabId]: item }));
           setSearchScope("folder");
         } else {
-          setTabFolderState(state => ({ ...state, [tabId]: undefined }));
+          setTabFolderState((state) => ({ ...state, [tabId]: undefined }));
           setSearchScope("everywhere");
         }
       }
@@ -334,7 +334,7 @@ export function EntityPickerModal<
 
   useWindowEvent(
     "keydown",
-    event => {
+    (event) => {
       if (event.key === "Escape") {
         event.stopPropagation();
         !disableCloseOnEscape && onClose();
@@ -390,7 +390,7 @@ export function EntityPickerModal<
                 miw={400}
                 placeholder={getSearchInputPlaceholder(selectedFolder)}
                 value={searchQuery}
-                onChange={e => handleQueryChange(e.target.value ?? "")}
+                onChange={(e) => handleQueryChange(e.target.value ?? "")}
               />
             </Box>
           )}
@@ -409,7 +409,7 @@ export function EntityPickerModal<
                   data-testid="single-picker-view"
                 >
                   {tabs[0]?.render({
-                    onItemSelect: item => handleSelectItem(item, tabs[0].id),
+                    onItemSelect: (item) => handleSelectItem(item, tabs[0].id),
                   }) ?? null}
                 </div>
               )}
diff --git a/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/EntityPickerModal.unit.spec.tsx b/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/EntityPickerModal.unit.spec.tsx
index ba1ffcca1d9..0bbfbb872d7 100644
--- a/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/EntityPickerModal.unit.spec.tsx
+++ b/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/EntityPickerModal.unit.spec.tsx
@@ -440,8 +440,8 @@ describe("EntityPickerModal", () => {
     it("should accept an arbitrary filter", async () => {
       setup({
         recentItems,
-        recentFilter: items =>
-          items.filter(item => !item.description?.includes("invisible")),
+        recentFilter: (items) =>
+          items.filter((item) => !item.description?.includes("invisible")),
       });
 
       expect(await screen.findByText("Recent Question")).toBeInTheDocument();
diff --git a/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/TabsView.tsx b/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/TabsView.tsx
index a674af621da..3885dce55e5 100644
--- a/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/TabsView.tsx
+++ b/frontend/src/metabase/common/components/EntityPicker/components/EntityPickerModal/TabsView.tsx
@@ -54,7 +54,7 @@ export const TabsView = <
             "--tab-border-color": "rgba(0, 0, 0, 0)",
           }}
         >
-          {tabs.map(tab => {
+          {tabs.map((tab) => {
             const { id, icon, displayName } = tab;
 
             return (
@@ -69,10 +69,10 @@ export const TabsView = <
             );
           })}
         </Tabs.List>
-        {tabs.find(tab => tab.id === selectedTabId)?.extraButtons || null}
+        {tabs.find((tab) => tab.id === selectedTabId)?.extraButtons || null}
       </Flex>
 
-      {tabs.map(tab => {
+      {tabs.map((tab) => {
         const { id } = tab;
 
         return (
@@ -85,7 +85,7 @@ export const TabsView = <
             }}
           >
             {tab.render({
-              onItemSelect: item => onItemSelect(item, id),
+              onItemSelect: (item) => onItemSelect(item, id),
             })}
           </Tabs.Panel>
         );
diff --git a/frontend/src/metabase/common/components/EntityPicker/components/ItemList/ItemList.tsx b/frontend/src/metabase/common/components/EntityPicker/components/ItemList/ItemList.tsx
index e130a398028..6b8461fb42d 100644
--- a/frontend/src/metabase/common/components/EntityPicker/components/ItemList/ItemList.tsx
+++ b/frontend/src/metabase/common/components/EntityPicker/components/ItemList/ItemList.tsx
@@ -60,7 +60,9 @@ export const ItemList = <
       return -1;
     }
 
-    return filteredItems.findIndex(item => isSelectedItem(item, selectedItem));
+    return filteredItems.findIndex((item) =>
+      isSelectedItem(item, selectedItem),
+    );
   }, [filteredItems, selectedItem]);
 
   if (error) {
diff --git a/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/GroupedRecentsList.tsx b/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/GroupedRecentsList.tsx
index 498d761cbab..725f1ed684f 100644
--- a/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/GroupedRecentsList.tsx
+++ b/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/GroupedRecentsList.tsx
@@ -20,7 +20,7 @@ export function GroupedRecentsList({
 
   return (
     <Box style={{ overflowY: "auto" }} p="xl">
-      {recentGroups.map(group => (
+      {recentGroups.map((group) => (
         <RecentSection
           key={group.title}
           title={group.title}
diff --git a/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/RecentsTab.tsx b/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/RecentsTab.tsx
index 5d1b2614d2e..828a7fa4bdf 100644
--- a/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/RecentsTab.tsx
+++ b/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/RecentsTab.tsx
@@ -35,8 +35,8 @@ export const RecentsTab = <
       {recentItems.length > 0 ? (
         <GroupedRecentsList
           items={recentItems}
-          onItemSelect={item => onItemSelect(item as unknown as Item)}
-          isSelectedItem={item =>
+          onItemSelect={(item) => onItemSelect(item as unknown as Item)}
+          isSelectedItem={(item) =>
             isSelectedItem(item as unknown as Item, selectedItem)
           }
         />
diff --git a/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/utils.ts b/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/utils.ts
index e7ed043c04c..a0bb7133fc4 100644
--- a/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/utils.ts
+++ b/frontend/src/metabase/common/components/EntityPicker/components/RecentsTab/utils.ts
@@ -38,10 +38,10 @@ export function getRecentGroups(items: RecentItem[]) {
       }
       return groups;
     },
-    dateBuckets.map(bucket => ({ ...bucket, items: [] })),
+    dateBuckets.map((bucket) => ({ ...bucket, items: [] })),
   );
 
-  return groups.filter(group => group.items.length > 0);
+  return groups.filter((group) => group.items.length > 0);
 }
 
 // put a recent item into the shape expected by ResultItem component
diff --git a/frontend/src/metabase/common/components/EntityPicker/components/SearchTab/SearchTab.tsx b/frontend/src/metabase/common/components/EntityPicker/components/SearchTab/SearchTab.tsx
index 82c973fcd24..37a6f410c79 100644
--- a/frontend/src/metabase/common/components/EntityPicker/components/SearchTab/SearchTab.tsx
+++ b/frontend/src/metabase/common/components/EntityPicker/components/SearchTab/SearchTab.tsx
@@ -58,7 +58,7 @@ export const SearchTab = <
                 },
               ]}
               value={searchScope}
-              onChange={value =>
+              onChange={(value) =>
                 onSearchScopeChange(value as EntityPickerSearchScope)
               }
             />
diff --git a/frontend/src/metabase/common/components/EntityPicker/hooks/use-scoped-search-results.ts b/frontend/src/metabase/common/components/EntityPicker/hooks/use-scoped-search-results.ts
index 6f6917494e6..3f4f6ba401b 100644
--- a/frontend/src/metabase/common/components/EntityPicker/hooks/use-scoped-search-results.ts
+++ b/frontend/src/metabase/common/components/EntityPicker/hooks/use-scoped-search-results.ts
@@ -153,7 +153,7 @@ const tablesToSearchResults = (
   tables: Table[],
   dbName: string | undefined,
 ): SearchItem[] => {
-  return tables.map(table => ({
+  return tables.map((table) => ({
     ...table,
     id: Number(table.id),
     name: table.display_name,
@@ -171,7 +171,7 @@ const filterSearchResults = (
   searchQuery: string,
   searchModels: string[],
 ) => {
-  return results.filter(result => {
+  return results.filter((result) => {
     const matchesQuery = result.name
       .toLowerCase()
       .includes(searchQuery.toLowerCase());
diff --git a/frontend/src/metabase/common/components/EntityPicker/utils.ts b/frontend/src/metabase/common/components/EntityPicker/utils.ts
index 2cb8c8c4737..150f0095184 100644
--- a/frontend/src/metabase/common/components/EntityPicker/utils.ts
+++ b/frontend/src/metabase/common/components/EntityPicker/utils.ts
@@ -66,7 +66,7 @@ export const computeInitialTabId = <
   tabs: EntityPickerTab<Id, Model, Item>[];
   defaultToRecentTab: boolean;
 }): string => {
-  const hasRecents = tabs.some(tab => tab.id === RECENTS_TAB_ID);
+  const hasRecents = tabs.some((tab) => tab.id === RECENTS_TAB_ID);
 
   if (hasRecents && defaultToRecentTab) {
     return RECENTS_TAB_ID;
@@ -74,7 +74,7 @@ export const computeInitialTabId = <
 
   const initialValueTab =
     initialValue?.model &&
-    tabs.find(tab => tab.models.includes(initialValue.model as Model));
+    tabs.find((tab) => tab.models.includes(initialValue.model as Model));
 
   if (initialValueTab) {
     return initialValueTab.id;
@@ -139,7 +139,7 @@ export const isSearchFolder = <
 };
 
 const isSearchModel = (model: string): model is SearchModel => {
-  return SEARCH_MODELS.some(searchModel => searchModel === model);
+  return SEARCH_MODELS.some((searchModel) => searchModel === model);
 };
 
 const isArrayOfSearchModels = (models: string[]): models is SearchModel[] => {
@@ -196,18 +196,20 @@ export const getScopedSearchResults = <
 
   if (folder.model === "database") {
     return searchResults.filter(
-      result => result.model === "table" && result.database_id === folder.id,
+      (result) => result.model === "table" && result.database_id === folder.id,
     );
   }
 
   if (folder.model === "schema") {
     return searchResults.filter(
-      result => result.model === "table" && result.table_schema === folder.id,
+      (result) => result.model === "table" && result.table_schema === folder.id,
     );
   }
 
   if (folder.model === "collection") {
-    return searchResults.filter(result => result.collection?.id === folder.id);
+    return searchResults.filter(
+      (result) => result.collection?.id === folder.id,
+    );
   }
 
   return [];
diff --git a/frontend/src/metabase/common/components/ExportSettingsWidget/ExportSettingsWidget.tsx b/frontend/src/metabase/common/components/ExportSettingsWidget/ExportSettingsWidget.tsx
index ed284c35cf0..a0091a706c3 100644
--- a/frontend/src/metabase/common/components/ExportSettingsWidget/ExportSettingsWidget.tsx
+++ b/frontend/src/metabase/common/components/ExportSettingsWidget/ExportSettingsWidget.tsx
@@ -87,7 +87,7 @@ export const ExportSettingsWidget = ({
         }}
       >
         <Group gap="xs" wrap="nowrap">
-          {formats.map(format => (
+          {formats.map((format) => (
             <Chip
               key={format}
               value={format}
diff --git a/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BaseBucketPickerPopover.styled.tsx b/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BaseBucketPickerPopover.styled.tsx
index 752ffeaa2bf..949a31b4736 100644
--- a/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BaseBucketPickerPopover.styled.tsx
+++ b/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BaseBucketPickerPopover.styled.tsx
@@ -26,11 +26,11 @@ export const SelectListItem = styled(BaseSelectList.Item)<{
   font-weight: 400;
 
   &[aria-selected="true"] {
-    background-color: ${props => color(props.activeColor)};
+    background-color: ${(props) => color(props.activeColor)};
   }
 
   &:hover {
-    background-color: ${props => color(props.activeColor)};
+    background-color: ${(props) => color(props.activeColor)};
   }
 `;
 
diff --git a/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BaseBucketPickerPopover.tsx b/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BaseBucketPickerPopover.tsx
index 6080f158894..07b33297a96 100644
--- a/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BaseBucketPickerPopover.tsx
+++ b/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BaseBucketPickerPopover.tsx
@@ -75,7 +75,7 @@ function _BaseBucketPickerPopover({
   );
 
   const defaultBucket = useMemo(
-    () => items.find(item => item.default)?.bucket,
+    () => items.find((item) => item.default)?.bucket,
     [items],
   );
 
@@ -117,7 +117,7 @@ function _BaseBucketPickerPopover({
       position="right"
       onClose={handlePopoverClose}
       withinPortal={false}
-      onChange={v => !v && handlePopoverClose()}
+      onChange={(v) => !v && handlePopoverClose()}
       floatingStrategy="fixed"
     >
       <Popover.Target>
@@ -125,7 +125,7 @@ function _BaseBucketPickerPopover({
           className={cx(classNames.root, className)}
           aria-label={triggerLabel}
           data-testid="dimension-list-item-binning"
-          onClick={event => {
+          onClick={(event) => {
             event.stopPropagation();
             setIsOpened(!isOpened);
           }}
@@ -154,7 +154,7 @@ function _BaseBucketPickerPopover({
       </Popover.Target>
       <Popover.Dropdown>
         <SelectList p="sm" miw="10rem">
-          {visibleItems.map(item => (
+          {visibleItems.map((item) => (
             <SelectListItem
               id={item.displayName}
               key={item.displayName}
@@ -199,7 +199,7 @@ function isInitiallyExpanded(
   }
 
   return (
-    items.findIndex(item => checkBucketIsSelected(item)) >=
+    items.findIndex((item) => checkBucketIsSelected(item)) >=
     initiallyVisibleItemsCount
   );
 }
diff --git a/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BinningStrategyPickerPopover.tsx b/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BinningStrategyPickerPopover.tsx
index d4aa5e44bd0..8e0887bdce6 100644
--- a/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BinningStrategyPickerPopover.tsx
+++ b/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/BinningStrategyPickerPopover.tsx
@@ -25,7 +25,7 @@ export function BinningStrategyPickerPopover({
 
   const items = useMemo(
     () => [
-      ...buckets.map(bucket => getBucketListItem(query, stageIndex, bucket)),
+      ...buckets.map((bucket) => getBucketListItem(query, stageIndex, bucket)),
       { displayName: t`Don't bin`, bucket: null },
     ],
     [query, stageIndex, buckets],
diff --git a/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/TemporalBucketPickerPopover.tsx b/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/TemporalBucketPickerPopover.tsx
index aefdd5eb507..8e329d9266e 100644
--- a/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/TemporalBucketPickerPopover.tsx
+++ b/frontend/src/metabase/common/components/QueryColumnPicker/BucketPickerPopover/TemporalBucketPickerPopover.tsx
@@ -29,7 +29,7 @@ export function TemporalBucketPickerPopover({
 
   const items = useMemo(
     () => [
-      ...buckets.map(bucket => getBucketListItem(query, stageIndex, bucket)),
+      ...buckets.map((bucket) => getBucketListItem(query, stageIndex, bucket)),
       {
         displayName: t`Don't bin`,
         bucket: null,
diff --git a/frontend/src/metabase/common/components/QueryColumnPicker/QueryColumnPicker.styled.tsx b/frontend/src/metabase/common/components/QueryColumnPicker/QueryColumnPicker.styled.tsx
index eb6d54e27b7..e5e5845b57a 100644
--- a/frontend/src/metabase/common/components/QueryColumnPicker/QueryColumnPicker.styled.tsx
+++ b/frontend/src/metabase/common/components/QueryColumnPicker/QueryColumnPicker.styled.tsx
@@ -6,5 +6,5 @@ import { color } from "metabase/lib/colors";
 import type { ColorName } from "metabase/lib/colors/types";
 
 export const StyledAccordionList = styled(AccordionList)<{ color: ColorName }>`
-  color: ${props => color(props.color)};
+  color: ${(props) => color(props.color)};
 `;
diff --git a/frontend/src/metabase/common/components/QueryColumnPicker/QueryColumnPicker.tsx b/frontend/src/metabase/common/components/QueryColumnPicker/QueryColumnPicker.tsx
index 32658474a7b..d116cf48160 100644
--- a/frontend/src/metabase/common/components/QueryColumnPicker/QueryColumnPicker.tsx
+++ b/frontend/src/metabase/common/components/QueryColumnPicker/QueryColumnPicker.tsx
@@ -67,10 +67,10 @@ export function QueryColumnPicker({
 }: QueryColumnPickerProps) {
   const sections: Sections[] = useMemo(
     () =>
-      columnGroups.map(group => {
+      columnGroups.map((group) => {
         const groupInfo = Lib.displayInfo(query, stageIndex, group);
 
-        const items = Lib.getColumnsFromColumnGroup(group).map(column => ({
+        const items = Lib.getColumnsFromColumnGroup(group).map((column) => ({
           ...Lib.displayInfo(query, stageIndex, column),
           column,
         }));
diff --git a/frontend/src/metabase/common/components/QuestionPicker/components/QuestionPicker.unit.spec.tsx b/frontend/src/metabase/common/components/QuestionPicker/components/QuestionPicker.unit.spec.tsx
index ed2318cc232..5bb32e3120d 100644
--- a/frontend/src/metabase/common/components/QuestionPicker/components/QuestionPicker.unit.spec.tsx
+++ b/frontend/src/metabase/common/components/QuestionPicker/components/QuestionPicker.unit.spec.tsx
@@ -217,7 +217,7 @@ const flattenCollectionTree = (
 };
 
 const setupCollectionTreeMocks = (node: NestedCollectionItem[]) => {
-  node.forEach(node => {
+  node.forEach((node) => {
     if (!node.descendants) {
       return;
     }
@@ -255,7 +255,7 @@ const commonSetup = () => {
     createMockCollectionItem,
   );
 
-  allItems.forEach(item => {
+  allItems.forEach((item) => {
     if (item.model === "collection") {
       fetchMock.get(`path:/api/collection/${item.id}`, item);
     } else if (item.model === "dashboard") {
diff --git a/frontend/src/metabase/common/components/QuestionPicker/components/QuestionPickerModal.tsx b/frontend/src/metabase/common/components/QuestionPicker/components/QuestionPickerModal.tsx
index d088c0dbe97..c909253ace1 100644
--- a/frontend/src/metabase/common/components/QuestionPicker/components/QuestionPickerModal.tsx
+++ b/frontend/src/metabase/common/components/QuestionPicker/components/QuestionPickerModal.tsx
@@ -154,8 +154,8 @@ export const QuestionPickerModal = ({
     },
   ];
 
-  const filteredTabs = tabs.filter(tab =>
-    tab.models.every(m => models.includes(m as QuestionPickerModel)),
+  const filteredTabs = tabs.filter((tab) =>
+    tab.models.every((m) => models.includes(m as QuestionPickerModel)),
   );
 
   return (
@@ -176,7 +176,7 @@ export const QuestionPickerModal = ({
             ? { filter_items_in_personal_collection: "exclude" }
             : undefined
       }
-      searchResultFilter={results => results}
+      searchResultFilter={(results) => results}
       actionButtons={[]}
       recentFilter={recentFilter}
     />
diff --git a/frontend/src/metabase/common/components/Table/Table.tsx b/frontend/src/metabase/common/components/Table/Table.tsx
index 2d339363c95..7dbe83389d2 100644
--- a/frontend/src/metabase/common/components/Table/Table.tsx
+++ b/frontend/src/metabase/common/components/Table/Table.tsx
@@ -62,7 +62,7 @@ export function Table<Row extends BaseRow>({
         {cols && <colgroup>{cols}</colgroup>}
         <thead>
           <tr>
-            {columns.map(column => {
+            {columns.map((column) => {
               const { sortable = true } = column;
               return (
                 <th key={String(column.key)}>
diff --git a/frontend/src/metabase/common/components/Timeline/utils.ts b/frontend/src/metabase/common/components/Timeline/utils.ts
index daef9582eb1..0604767a1c6 100644
--- a/frontend/src/metabase/common/components/Timeline/utils.ts
+++ b/frontend/src/metabase/common/components/Timeline/utils.ts
@@ -9,7 +9,7 @@ export function getTimelineEvents({
   revisions: Revision[] | undefined;
   currentUser: User | null;
 }) {
-  return revisions.map(r => {
+  return revisions.map((r) => {
     // If > 1 item's fields are changed in a single revision,
     // the changes are batched into a single string like:
     // "added a description, moved cards around and archived this"
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-action-list-query/use-action-list-query.unit.spec.tsx b/frontend/src/metabase/common/hooks/entity-framework/use-action-list-query/use-action-list-query.unit.spec.tsx
index ab4d72c8158..e7bdb9482e2 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-action-list-query/use-action-list-query.unit.spec.tsx
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-action-list-query/use-action-list-query.unit.spec.tsx
@@ -20,7 +20,7 @@ const TestComponent = () => {
 
   return (
     <div>
-      {data.map(action => (
+      {data.map((action) => (
         <div key={action.id}>{action.name}</div>
       ))}
     </div>
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-bookmark-list-query/use-bookmark-list-query.unit.spec.tsx b/frontend/src/metabase/common/hooks/entity-framework/use-bookmark-list-query/use-bookmark-list-query.unit.spec.tsx
index 573c91182b5..ebdeb2e1ace 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-bookmark-list-query/use-bookmark-list-query.unit.spec.tsx
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-bookmark-list-query/use-bookmark-list-query.unit.spec.tsx
@@ -24,7 +24,7 @@ const TestComponent = () => {
 
   return (
     <div>
-      {data.map(bookmark => (
+      {data.map((bookmark) => (
         <div key={bookmark.id}>{bookmark.name}</div>
       ))}
       <div data-testid="metadata">
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-database-list-query/use-database-list-query.unit.spec.tsx b/frontend/src/metabase/common/hooks/entity-framework/use-database-list-query/use-database-list-query.unit.spec.tsx
index dae3b83a929..1448a91a9bc 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-database-list-query/use-database-list-query.unit.spec.tsx
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-database-list-query/use-database-list-query.unit.spec.tsx
@@ -20,7 +20,7 @@ const TestComponent = () => {
 
   return (
     <div>
-      {data.map(database => (
+      {data.map((database) => (
         <div key={database.id}>{database.name}</div>
       ))}
     </div>
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-entity-list-query/use-entity-list-query.ts b/frontend/src/metabase/common/hooks/entity-framework/use-entity-list-query/use-entity-list-query.ts
index 2ddaa73776c..358939cfd5b 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-entity-list-query/use-entity-list-query.ts
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-entity-list-query/use-entity-list-query.ts
@@ -70,12 +70,12 @@ export const useEntityListQuery = <TItem, TQuery = never, TMetadata = never>(
   }: UseEntityListOwnProps<TItem, TQuery, TMetadata>,
 ): UseEntityListQueryResult<TItem, TMetadata> => {
   const options = { entityQuery };
-  const data = useSelector(state => getList(state, options));
-  const metadata = useSelector(state => getListMetadata(state, options));
-  const error = useSelector(state => getError(state, options));
-  const isLoading = useSelector(state => getLoading(state, options));
+  const data = useSelector((state) => getList(state, options));
+  const metadata = useSelector((state) => getListMetadata(state, options));
+  const error = useSelector((state) => getError(state, options));
+  const isLoading = useSelector((state) => getLoading(state, options));
   const isLoadingOrDefault = isLoading ?? enabled;
-  const isLoaded = useSelector(state => getLoaded(state, options)) ?? false;
+  const isLoaded = useSelector((state) => getLoaded(state, options)) ?? false;
   const isLoadedPreviously = usePrevious(isLoaded);
   const isInvalidated = !isLoaded && isLoadedPreviously;
   const dispatch = useDispatch();
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-entity-list-query/use-entity-list-query.unit.spec.tsx b/frontend/src/metabase/common/hooks/entity-framework/use-entity-list-query/use-entity-list-query.unit.spec.tsx
index e27a39d1584..998a8bcbeab 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-entity-list-query/use-entity-list-query.unit.spec.tsx
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-entity-list-query/use-entity-list-query.unit.spec.tsx
@@ -60,7 +60,7 @@ const TestComponent = ({ testId }: { testId?: string }) => {
   return (
     <div data-testid={testId}>
       <button onClick={handleInvalidate}>Invalidate databases</button>
-      {data.map(database => (
+      {data.map((database) => (
         <div key={database.id}>{database.name}</div>
       ))}
       <TestInnerComponent />
@@ -97,7 +97,7 @@ const TestInnerComponent = () => {
   return (
     <div>
       <button onClick={handleInvalidate}>Invalidate tables</button>
-      {data.map(table => (
+      {data.map((table) => (
         <div key={table.id}>{table.name}</div>
       ))}
     </div>
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-entity-query/use-entity-query.ts b/frontend/src/metabase/common/hooks/entity-framework/use-entity-query/use-entity-query.ts
index 545071ede09..a7b1e894184 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-entity-query/use-entity-query.ts
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-entity-query/use-entity-query.ts
@@ -60,11 +60,11 @@ export const useEntityQuery = <TId, TItem, TQuery = never>(
   }: UseEntityOwnProps<TId, TItem>,
 ): UseEntityQueryResult<TItem> => {
   const options = { entityId, requestType };
-  const data = useSelector(state => getObject(state, options));
-  const isLoading = useSelector(state => getLoading(state, options));
+  const data = useSelector((state) => getObject(state, options));
+  const isLoading = useSelector((state) => getLoading(state, options));
   const isActive = entityId != null && enabled;
   const isLoadingOrDefault = isLoading ?? isActive;
-  const error = useSelector(state => getError(state, options));
+  const error = useSelector((state) => getError(state, options));
 
   const dispatch = useDispatch();
   useDeepCompareEffect(() => {
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-question-list-query/use-question-list-query.unit.spec.tsx b/frontend/src/metabase/common/hooks/entity-framework/use-question-list-query/use-question-list-query.unit.spec.tsx
index 58ef4120ad5..0dafa75aef4 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-question-list-query/use-question-list-query.unit.spec.tsx
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-question-list-query/use-question-list-query.unit.spec.tsx
@@ -21,7 +21,7 @@ const TestComponent = () => {
 
   return (
     <div>
-      {data.map(question => (
+      {data.map((question) => (
         <div key={question.id()}>{question.displayName()}</div>
       ))}
 
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-revision-list-query/use-revision-list-query.unit.spec.tsx b/frontend/src/metabase/common/hooks/entity-framework/use-revision-list-query/use-revision-list-query.unit.spec.tsx
index 9009be640c4..4a31eb06a50 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-revision-list-query/use-revision-list-query.unit.spec.tsx
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-revision-list-query/use-revision-list-query.unit.spec.tsx
@@ -21,7 +21,7 @@ function TestComponent() {
 
   return (
     <div>
-      {data.map(revision => (
+      {data.map((revision) => (
         <div key={revision.id}>{revision.description}</div>
       ))}
 
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-search-list-query/use-search-list-query.unit.spec.tsx b/frontend/src/metabase/common/hooks/entity-framework/use-search-list-query/use-search-list-query.unit.spec.tsx
index 254d08d0dd0..81db693b8bd 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-search-list-query/use-search-list-query.unit.spec.tsx
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-search-list-query/use-search-list-query.unit.spec.tsx
@@ -53,7 +53,7 @@ const TestComponent = () => {
 
   return (
     <div>
-      {data.map(item => (
+      {data.map((item) => (
         <div key={item.id}>{item.name}</div>
       ))}
       <div data-testid="metadata">
diff --git a/frontend/src/metabase/common/hooks/entity-framework/use-table-list-query/use-table-list-query.unit.spec.tsx b/frontend/src/metabase/common/hooks/entity-framework/use-table-list-query/use-table-list-query.unit.spec.tsx
index 87645e3720c..2e1005e3ab1 100644
--- a/frontend/src/metabase/common/hooks/entity-framework/use-table-list-query/use-table-list-query.unit.spec.tsx
+++ b/frontend/src/metabase/common/hooks/entity-framework/use-table-list-query/use-table-list-query.unit.spec.tsx
@@ -21,7 +21,7 @@ const TestComponent = () => {
 
   return (
     <div>
-      {data.map(table => (
+      {data.map((table) => (
         <div key={table.id}>{table.name}</div>
       ))}
 
diff --git a/frontend/src/metabase/common/hooks/use-docs-url/use-docs-url.ts b/frontend/src/metabase/common/hooks/use-docs-url/use-docs-url.ts
index 4a773e46226..3000ba00c33 100644
--- a/frontend/src/metabase/common/hooks/use-docs-url/use-docs-url.ts
+++ b/frontend/src/metabase/common/hooks/use-docs-url/use-docs-url.ts
@@ -17,7 +17,7 @@ export const useDocsUrl = (
   } = {},
 ) => {
   const showMetabaseLinks = useSelector(getShowMetabaseLinks);
-  const url = useSelector(state =>
+  const url = useSelector((state) =>
     getDocsUrl(state, {
       page,
       anchor,
diff --git a/frontend/src/metabase/common/hooks/use-escape-to-close-modal/use-escape-to-close-modal.tsx b/frontend/src/metabase/common/hooks/use-escape-to-close-modal/use-escape-to-close-modal.tsx
index c4680422932..5ad7946ba86 100644
--- a/frontend/src/metabase/common/hooks/use-escape-to-close-modal/use-escape-to-close-modal.tsx
+++ b/frontend/src/metabase/common/hooks/use-escape-to-close-modal/use-escape-to-close-modal.tsx
@@ -17,7 +17,7 @@ export const useEscapeToCloseModal = (
 ) => {
   useKey(
     "Escape",
-    e => {
+    (e) => {
       e.stopPropagation();
       handler(e);
     },
diff --git a/frontend/src/metabase/common/hooks/use-has-token-feature/use-has-token-feature.ts b/frontend/src/metabase/common/hooks/use-has-token-feature/use-has-token-feature.ts
index 3425c6477aa..004d1645395 100644
--- a/frontend/src/metabase/common/hooks/use-has-token-feature/use-has-token-feature.ts
+++ b/frontend/src/metabase/common/hooks/use-has-token-feature/use-has-token-feature.ts
@@ -3,5 +3,5 @@ import { getTokenFeature } from "metabase/setup/selectors";
 import type { TokenFeature } from "metabase-types/api";
 
 export const useHasTokenFeature = (settingName: TokenFeature) => {
-  return useSelector(state => getTokenFeature(state, settingName));
+  return useSelector((state) => getTokenFeature(state, settingName));
 };
diff --git a/frontend/src/metabase/common/hooks/use-locale/use-locale.ts b/frontend/src/metabase/common/hooks/use-locale/use-locale.ts
index e31b147b2af..b7a14cfa33a 100644
--- a/frontend/src/metabase/common/hooks/use-locale/use-locale.ts
+++ b/frontend/src/metabase/common/hooks/use-locale/use-locale.ts
@@ -11,7 +11,9 @@ import { getSetting } from "metabase/selectors/settings";
  * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#locales
  * */
 export const useLocale = () => {
-  const instanceLocale = useSelector(state => getSetting(state, "site-locale"));
+  const instanceLocale = useSelector((state) =>
+    getSetting(state, "site-locale"),
+  );
   const userLocale: string | undefined =
     useSelector(getCurrentUser)?.locale || undefined;
   return userLocale || instanceLocale;
diff --git a/frontend/src/metabase/common/hooks/use-notification-channels/use-notification-channels.ts b/frontend/src/metabase/common/hooks/use-notification-channels/use-notification-channels.ts
index 9613595346a..ed9b61329e8 100644
--- a/frontend/src/metabase/common/hooks/use-notification-channels/use-notification-channels.ts
+++ b/frontend/src/metabase/common/hooks/use-notification-channels/use-notification-channels.ts
@@ -4,7 +4,7 @@ export const useHasAnyNotificationChannel = (): boolean => {
   const { data: channelInfo } = useGetChannelInfoQuery();
 
   return Object.values(channelInfo?.channels ?? {})?.some(
-    channel => channel.configured,
+    (channel) => channel.configured,
   );
 };
 
diff --git a/frontend/src/metabase/common/hooks/use-setting/use-setting.ts b/frontend/src/metabase/common/hooks/use-setting/use-setting.ts
index 0ad31942420..fc6c3bc459d 100644
--- a/frontend/src/metabase/common/hooks/use-setting/use-setting.ts
+++ b/frontend/src/metabase/common/hooks/use-setting/use-setting.ts
@@ -16,7 +16,7 @@ import type {
 export const useSetting = <SettingName extends SettingKey>(
   settingName: SettingName,
 ) => {
-  return useSelector(state => getSetting(state, settingName));
+  return useSelector((state) => getSetting(state, settingName));
 };
 
 export const useUserSetting = <T extends keyof UserSettings>(
diff --git a/frontend/src/metabase/common/hooks/use-url-with-utm/use-url-with-utm.ts b/frontend/src/metabase/common/hooks/use-url-with-utm/use-url-with-utm.ts
index 1b6096717c6..f10c26cc157 100644
--- a/frontend/src/metabase/common/hooks/use-url-with-utm/use-url-with-utm.ts
+++ b/frontend/src/metabase/common/hooks/use-url-with-utm/use-url-with-utm.ts
@@ -2,5 +2,5 @@ import { useSelector } from "metabase/lib/redux";
 import { type UtmProps, getUrlWithUtm } from "metabase/selectors/settings";
 
 export function useUrlWithUtm(url: string, utm: UtmProps) {
-  return useSelector(state => getUrlWithUtm(state, { url, ...utm }));
+  return useSelector((state) => getUrlWithUtm(state, { url, ...utm }));
 }
diff --git a/frontend/src/metabase/common/utils/plan.ts b/frontend/src/metabase/common/utils/plan.ts
index 1e009cf80c8..cae30ddd5ec 100644
--- a/frontend/src/metabase/common/utils/plan.ts
+++ b/frontend/src/metabase/common/utils/plan.ts
@@ -12,7 +12,7 @@ export type Plan =
 export const getPlan = (features?: TokenFeatures | null): Plan => {
   if (features) {
     const hasAnyProFeatures = tokenFeatures.some(
-      feature =>
+      (feature) =>
         feature !== "hosting" &&
         feature !== "attached_dwh" &&
         features[feature],
@@ -35,4 +35,4 @@ export const getPlan = (features?: TokenFeatures | null): Plan => {
 
 const ssoFeatures = ["sso_google", "sso_jwt", "sso_ldap", "sso_saml"] as const;
 export const hasAnySsoFeature = (features?: TokenFeatures | null): boolean =>
-  features != null && ssoFeatures.some(ssoFeature => features[ssoFeature]);
+  features != null && ssoFeatures.some((ssoFeature) => features[ssoFeature]);
diff --git a/frontend/src/metabase/components/ActionButton/ActionButton.jsx b/frontend/src/metabase/components/ActionButton/ActionButton.jsx
index e1a5696f045..8465772e37a 100644
--- a/frontend/src/metabase/components/ActionButton/ActionButton.jsx
+++ b/frontend/src/metabase/components/ActionButton/ActionButton.jsx
@@ -66,7 +66,7 @@ export default class ActionButton extends Component {
     );
   };
 
-  onClick = event => {
+  onClick = (event) => {
     event.preventDefault();
 
     // set state to active
@@ -78,7 +78,7 @@ export default class ActionButton extends Component {
     // run the function we want bound to this button
     this.actionPromise = cancelable(this.props.actionFn());
     this.actionPromise.then(
-      success => {
+      (success) => {
         this.setState(
           {
             active: false,
@@ -87,7 +87,7 @@ export default class ActionButton extends Component {
           this.resetStateOnTimeout,
         );
       },
-      error => {
+      (error) => {
         if (!error.isCanceled) {
           console.error(error);
           this.setState(
diff --git a/frontend/src/metabase/components/AdminLayout/AdminLayout.styled.tsx b/frontend/src/metabase/components/AdminLayout/AdminLayout.styled.tsx
index 900c562fc0d..ea854996a50 100644
--- a/frontend/src/metabase/components/AdminLayout/AdminLayout.styled.tsx
+++ b/frontend/src/metabase/components/AdminLayout/AdminLayout.styled.tsx
@@ -4,7 +4,7 @@ import styled from "@emotion/styled";
 import { breakpointMaxSmall } from "metabase/styled-components/theme";
 
 export const AdminWrapper = styled.div<{ headerHeight?: number }>`
-  height: ${props =>
+  height: ${(props) =>
     props.headerHeight ? `calc(100% - ${props.headerHeight}px)` : "100%"};
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/metabase/components/AppBanner/AppBanner.unit.spec.tsx b/frontend/src/metabase/components/AppBanner/AppBanner.unit.spec.tsx
index 521ceb38376..177c4c46e49 100644
--- a/frontend/src/metabase/components/AppBanner/AppBanner.unit.spec.tsx
+++ b/frontend/src/metabase/components/AppBanner/AppBanner.unit.spec.tsx
@@ -119,7 +119,7 @@ describe("AppBanner", () => {
 
     it.each(["past-due", "unpaid", "invalid"])(
       "should not render for hosted instances for %s token status (metabase#50335)",
-      status => {
+      (status) => {
         setup({
           isAdmin: true,
           isHosted: true,
diff --git a/frontend/src/metabase/components/AppBanner/utils.unit.spec.ts b/frontend/src/metabase/components/AppBanner/utils.unit.spec.ts
index c6839de722c..d18ad22d7a3 100644
--- a/frontend/src/metabase/components/AppBanner/utils.unit.spec.ts
+++ b/frontend/src/metabase/components/AppBanner/utils.unit.spec.ts
@@ -15,7 +15,7 @@ describe("app banner utils", () => {
 
     it.each([3, 2, 1, 0])(
       "should return true if daysRemaining is %s but the banner was never dismissed",
-      daysRemaining => {
+      (daysRemaining) => {
         expect(
           shouldShowTrialBanner({
             tokenExpiryTimestamp: "2021-11-27",
@@ -27,7 +27,7 @@ describe("app banner utils", () => {
 
     it.each([3, 2, 1, 0])(
       "should return true if daysRemaining is %s but the banner was dismissed before that",
-      daysRemaining => {
+      (daysRemaining) => {
         const tokenExpiryTimestamp = "2021-11-27";
 
         expect(
@@ -45,7 +45,7 @@ describe("app banner utils", () => {
 
     it.each([3, 2, 1, 0])(
       "should return false if daysRemaining is %s and the banner was dismissed on that day",
-      daysRemaining => {
+      (daysRemaining) => {
         const tokenExpiryTimestamp = "2021-11-27";
 
         expect(
@@ -62,7 +62,7 @@ describe("app banner utils", () => {
 
     it.each([42, 180, 14])(
       "should return false if daysRemaining is %s and the banner was dismissed at any point in the past",
-      daysRemaining => {
+      (daysRemaining) => {
         expect(
           shouldShowTrialBanner({
             tokenExpiryTimestamp: "2021-11-27",
@@ -75,7 +75,7 @@ describe("app banner utils", () => {
 
     it.each([42, 180, 14])(
       "should return true if daysRemaining is %s but the banner was never dismissed",
-      daysRemaining => {
+      (daysRemaining) => {
         expect(
           shouldShowTrialBanner({
             tokenExpiryTimestamp: "2021-11-27",
@@ -88,7 +88,7 @@ describe("app banner utils", () => {
 
     it.each([42, 180, 14])(
       "should return true if daysRemaining is %s but the banner dismissal information is not available",
-      daysRemaining => {
+      (daysRemaining) => {
         expect(
           shouldShowTrialBanner({
             tokenExpiryTimestamp: "2021-11-27",
diff --git a/frontend/src/metabase/components/ArchiveModal/ArchiveModal.tsx b/frontend/src/metabase/components/ArchiveModal/ArchiveModal.tsx
index 6c220b73438..f566a0b59f1 100644
--- a/frontend/src/metabase/components/ArchiveModal/ArchiveModal.tsx
+++ b/frontend/src/metabase/components/ArchiveModal/ArchiveModal.tsx
@@ -34,7 +34,7 @@ export const ArchiveModal = ({
       modelId,
       triggeredFrom: "detail_page",
     })
-      .catch(error => setError(error))
+      .catch((error) => setError(error))
       .finally(() => {
         onClose?.();
       });
diff --git a/frontend/src/metabase/components/Badge/Badge.styled.tsx b/frontend/src/metabase/components/Badge/Badge.styled.tsx
index 77874002b68..9b10052d775 100644
--- a/frontend/src/metabase/components/Badge/Badge.styled.tsx
+++ b/frontend/src/metabase/components/Badge/Badge.styled.tsx
@@ -37,12 +37,12 @@ export const MaybeLink = styled(RawMaybeLink)`
   align-items: center;
   font-size: 0.875em;
   font-weight: bold;
-  ${props =>
+  ${(props) =>
     props.inactiveColor ? `color: ${color(props.inactiveColor)};` : ""}
-  min-width: ${props => (props.isSingleLine ? 0 : "")};
+  min-width: ${(props) => (props.isSingleLine ? 0 : "")};
 
   :hover {
-    ${props => (props.to || props.onClick) && hoverStyle(props)}
+    ${(props) => (props.to || props.onClick) && hoverStyle(props)}
   }
 `;
 
@@ -50,11 +50,11 @@ export const BadgeIcon = styled(
   Icon,
   doNotForwardProps("hasMargin", "targetOffsetX"),
 )<{ hasMargin: boolean }>`
-  margin-right: ${props => (props.hasMargin ? "5px" : 0)};
+  margin-right: ${(props) => (props.hasMargin ? "5px" : 0)};
 `;
 
 export const BadgeText = styled.span<{ isSingleLine: boolean }>`
-  overflow: ${props => (props.isSingleLine ? "hidden" : "")};
-  text-overflow: ${props => (props.isSingleLine ? "ellipsis" : "")};
-  white-space: ${props => (props.isSingleLine ? "nowrap" : "")};
+  overflow: ${(props) => (props.isSingleLine ? "hidden" : "")};
+  text-overflow: ${(props) => (props.isSingleLine ? "ellipsis" : "")};
+  white-space: ${(props) => (props.isSingleLine ? "nowrap" : "")};
 `;
diff --git a/frontend/src/metabase/components/Breadcrumbs/Breadcrumbs.jsx b/frontend/src/metabase/components/Breadcrumbs/Breadcrumbs.jsx
index 10f324cacc5..5135be692ea 100644
--- a/frontend/src/metabase/components/Breadcrumbs/Breadcrumbs.jsx
+++ b/frontend/src/metabase/components/Breadcrumbs/Breadcrumbs.jsx
@@ -44,7 +44,7 @@ export default class Breadcrumbs extends Component {
           </span>
         ) : (
           crumbs
-            .map(breadcrumb =>
+            .map((breadcrumb) =>
               Array.isArray(breadcrumb) ? breadcrumb : [breadcrumb],
             )
             .map((breadcrumb, index) => (
diff --git a/frontend/src/metabase/components/BrowserCrumbs/BrowserCrumbs.tsx b/frontend/src/metabase/components/BrowserCrumbs/BrowserCrumbs.tsx
index 15803a4ff6b..bdc6dea2535 100644
--- a/frontend/src/metabase/components/BrowserCrumbs/BrowserCrumbs.tsx
+++ b/frontend/src/metabase/components/BrowserCrumbs/BrowserCrumbs.tsx
@@ -31,7 +31,7 @@ type BrowserCrumbsType = {
 export const BrowserCrumbs = ({ crumbs }: BrowserCrumbsType) => (
   <BrowserCrumbsRoot data-testid="browsercrumbs">
     {crumbs
-      .filter(c => c)
+      .filter((c) => c)
       .map((crumb, index, crumbs) => (
         <BrowserCrumbsItem key={index}>
           {crumb.to ? (
diff --git a/frontend/src/metabase/components/BulkActionBar/BulkActionBar.styled.tsx b/frontend/src/metabase/components/BulkActionBar/BulkActionBar.styled.tsx
index df3d317cdf5..cf8df9bcbcc 100644
--- a/frontend/src/metabase/components/BulkActionBar/BulkActionBar.styled.tsx
+++ b/frontend/src/metabase/components/BulkActionBar/BulkActionBar.styled.tsx
@@ -11,7 +11,7 @@ export const BulkActionsToast = styled.div<{ isNavbarOpen: boolean }>`
   position: fixed;
   bottom: 0;
   left: 50%;
-  margin-left: ${props =>
+  margin-left: ${(props) =>
     props.isNavbarOpen ? `${parseInt(NAV_SIDEBAR_WIDTH) / 2}px` : "0"};
   margin-bottom: ${space(2)};
   transform: translateX(-50%);
diff --git a/frontend/src/metabase/components/Button.styled.tsx b/frontend/src/metabase/components/Button.styled.tsx
index 1843d7faa29..6d71bd21e7a 100644
--- a/frontend/src/metabase/components/Button.styled.tsx
+++ b/frontend/src/metabase/components/Button.styled.tsx
@@ -10,7 +10,7 @@ const FONT_SIZE_VARIANTS = {
 
 export const TextButton = styled(Button)<{ size: "small" | "medium" }>`
   color: var(--mb-color-text-medium);
-  font-size: ${props =>
+  font-size: ${(props) =>
     FONT_SIZE_VARIANTS[props.size] || FONT_SIZE_VARIANTS.medium};
   border: none;
   padding: 0;
diff --git a/frontend/src/metabase/components/Calendar/Calendar.stories.tsx b/frontend/src/metabase/components/Calendar/Calendar.stories.tsx
index 5b57227e884..5404e6e68f9 100644
--- a/frontend/src/metabase/components/Calendar/Calendar.stories.tsx
+++ b/frontend/src/metabase/components/Calendar/Calendar.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: Calendar,
 };
 
-const Template: StoryFn<typeof Calendar> = args => {
+const Template: StoryFn<typeof Calendar> = (args) => {
   return <Calendar {...args} />;
 };
 
diff --git a/frontend/src/metabase/components/Calendar/Calendar.unit.spec.tsx b/frontend/src/metabase/components/Calendar/Calendar.unit.spec.tsx
index 711849eb1c6..d15ce7049e5 100644
--- a/frontend/src/metabase/components/Calendar/Calendar.unit.spec.tsx
+++ b/frontend/src/metabase/components/Calendar/Calendar.unit.spec.tsx
@@ -49,7 +49,7 @@ describe("Calendar", () => {
     expect(
       screen
         .getAllByTestId("calendar-day-name")
-        .map(dayEl => dayEl.textContent),
+        .map((dayEl) => dayEl.textContent),
     ).toEqual(["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]);
   });
 
@@ -73,7 +73,7 @@ describe("Calendar", () => {
       expect(
         screen
           .getAllByTestId("calendar-day-name")
-          .map(dayEl => dayEl.textContent),
+          .map((dayEl) => dayEl.textContent),
       ).toEqual(["We", "Th", "Fr", "Sa", "Su", "Mo", "Tu"]);
 
       // check that listed dates are correct and start with proper day-of-week
diff --git a/frontend/src/metabase/components/Card/Card.tsx b/frontend/src/metabase/components/Card/Card.tsx
index cf70705cd08..ed325a02b19 100644
--- a/frontend/src/metabase/components/Card/Card.tsx
+++ b/frontend/src/metabase/components/Card/Card.tsx
@@ -14,11 +14,11 @@ type CardProps = {
 };
 
 const Card = styled.div<CardProps>`
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.dark ? color("text-dark") : color("bg-white")};
   border: 1px solid
-    ${props => (props.dark ? "transparent" : "var(--mb-color-bg-medium)")};
-  ${props => props.dark && `color: white`};
+    ${(props) => (props.dark ? "transparent" : "var(--mb-color-bg-medium)")};
+  ${(props) => props.dark && `color: white`};
   border-radius: 6px;
   box-shadow: 0 7px 20px var(--mb-color-shadow);
   line-height: 24px;
@@ -29,12 +29,12 @@ const Card = styled.div<CardProps>`
         box-shadow: 0 10px 22px ${alpha(theme.fn.themeColor("shadow"), 0.09)};
       }
     `};
-  ${props =>
+  ${(props) =>
     props.flat &&
     css`
       box-shadow: none;
     `};
-  ${props =>
+  ${(props) =>
     props.compact &&
     css`
       box-shadow: 0 1px 2px var(--mb-color-shadow);
diff --git a/frontend/src/metabase/components/CodeBlock/utils.ts b/frontend/src/metabase/components/CodeBlock/utils.ts
index 2ca55c862f2..e1a99047c51 100644
--- a/frontend/src/metabase/components/CodeBlock/utils.ts
+++ b/frontend/src/metabase/components/CodeBlock/utils.ts
@@ -69,7 +69,7 @@ const highlightTextField = StateField.define({
           .update({ filter: () => false })
           // add new values
           .update({
-            add: effect.value.map(range =>
+            add: effect.value.map((range) =>
               highlightTextMark.range(range.start, range.end),
             ),
           });
@@ -78,7 +78,7 @@ const highlightTextField = StateField.define({
 
     return value;
   },
-  provide: field => EditorView.decorations.from(field),
+  provide: (field) => EditorView.decorations.from(field),
 });
 
 export function highlightText(ranges: { start: number; end: number }[] = []) {
@@ -86,10 +86,10 @@ export function highlightText(ranges: { start: number; end: number }[] = []) {
     RangeSet.of(
       ranges
         .filter(
-          range =>
+          (range) =>
             range.start < state.doc.length && range.end < state.doc.length,
         )
-        .map(range => highlightTextMark.range(range.start, range.end)),
+        .map((range) => highlightTextMark.range(range.start, range.end)),
     ),
   );
 }
diff --git a/frontend/src/metabase/components/CollapseSection/CollapseSection.styled.tsx b/frontend/src/metabase/components/CollapseSection/CollapseSection.styled.tsx
index b2abd5ae1b3..783d59651ca 100644
--- a/frontend/src/metabase/components/CollapseSection/CollapseSection.styled.tsx
+++ b/frontend/src/metabase/components/CollapseSection/CollapseSection.styled.tsx
@@ -56,7 +56,7 @@ export const ToggleIcon = styled(
     return <Icon name={name as IconName} size={size} {...props} />;
   },
 )`
-  ${props => css`
+  ${(props) => css`
     margin-${props.position === "left" ? "right" : "left"}: 0.5rem;
   `};
 `;
diff --git a/frontend/src/metabase/components/CopyWidget/CopyWidget.jsx b/frontend/src/metabase/components/CopyWidget/CopyWidget.jsx
index a6df3232e82..9599e34face 100644
--- a/frontend/src/metabase/components/CopyWidget/CopyWidget.jsx
+++ b/frontend/src/metabase/components/CopyWidget/CopyWidget.jsx
@@ -21,7 +21,7 @@ export default class CopyWidget extends Component {
           }}
           onClick={
             !onChange
-              ? e => e.target.setSelectionRange(0, e.target.value.length)
+              ? (e) => e.target.setSelectionRange(0, e.target.value.length)
               : null
           }
           value={value}
diff --git a/frontend/src/metabase/components/DebouncedFrame/DebouncedFrame.jsx b/frontend/src/metabase/components/DebouncedFrame/DebouncedFrame.jsx
index 1cc7c87607c..d75794cb610 100644
--- a/frontend/src/metabase/components/DebouncedFrame/DebouncedFrame.jsx
+++ b/frontend/src/metabase/components/DebouncedFrame/DebouncedFrame.jsx
@@ -89,7 +89,7 @@ class DebouncedFrame extends Component {
         : this.props;
     return (
       <div
-        ref={r => {
+        ref={(r) => {
           if (this.props.forwardedRef) {
             if (typeof this.props.forwardedRef === "function") {
               this.props.forwardedRef(r);
diff --git a/frontend/src/metabase/components/DeleteModalWithConfirm/DeleteModalWithConfirm.jsx b/frontend/src/metabase/components/DeleteModalWithConfirm/DeleteModalWithConfirm.jsx
index 3683dac5027..f4173de0272 100644
--- a/frontend/src/metabase/components/DeleteModalWithConfirm/DeleteModalWithConfirm.jsx
+++ b/frontend/src/metabase/components/DeleteModalWithConfirm/DeleteModalWithConfirm.jsx
@@ -67,7 +67,7 @@ export default class DeleteModalWithConfirm extends Component {
                   checkedColor="danger"
                   uncheckedColor="danger"
                   checked={checked[index]}
-                  onChange={e =>
+                  onChange={(e) =>
                     this.setState({
                       checked: { ...checked, [index]: e.target.checked },
                     })
diff --git a/frontend/src/metabase/components/EditBar/EditBar.styled.tsx b/frontend/src/metabase/components/EditBar/EditBar.styled.tsx
index 1f5f7388149..ae8cb57207b 100644
--- a/frontend/src/metabase/components/EditBar/EditBar.styled.tsx
+++ b/frontend/src/metabase/components/EditBar/EditBar.styled.tsx
@@ -13,7 +13,7 @@ export const Root = styled(FullWidthContainer)<{ admin: boolean }>`
   position: relative;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  background-color: ${props =>
+  background-color: ${(props) =>
     alpha(color(props.admin ? "accent7" : "brand"), 0.85)};
 
   .${ButtonsS.Button} {
@@ -25,13 +25,13 @@ export const Root = styled(FullWidthContainer)<{ admin: boolean }>`
   }
 
   .${ButtonsS.ButtonPrimary} {
-    color: ${props => color(props.admin ? "text-dark" : "brand")};
+    color: ${(props) => color(props.admin ? "text-dark" : "brand")};
     background-color: var(--mb-color-bg-white);
   }
 
   .${ButtonsS.Button}:hover {
     color: var(--mb-color-text-white);
-    background-color: ${props => color(props.admin ? "accent7" : "brand")};
+    background-color: ${(props) => color(props.admin ? "accent7" : "brand")};
   }
 `;
 
diff --git a/frontend/src/metabase/components/EntityItem/EntityItem.styled.tsx b/frontend/src/metabase/components/EntityItem/EntityItem.styled.tsx
index 0a9894ec949..ff56d98c6f2 100644
--- a/frontend/src/metabase/components/EntityItem/EntityItem.styled.tsx
+++ b/frontend/src/metabase/components/EntityItem/EntityItem.styled.tsx
@@ -29,15 +29,15 @@ const getItemPadding = (variant?: string) => {
 };
 
 export const EntityIconWrapper = styled(IconButtonWrapper, {
-  shouldForwardProp: prop => prop !== "isPinned",
+  shouldForwardProp: (prop) => prop !== "isPinned",
 })<{
   isPinned?: boolean;
   disabled?: boolean;
 }>`
   background-color: transparent;
   padding: 12px;
-  cursor: ${props => (props.disabled ? "default" : "pointer")};
-  color: ${props =>
+  cursor: ${(props) => (props.disabled ? "default" : "pointer")};
+  color: ${(props) =>
     props.isPinned
       ? getPinnedForeground(!!props.disabled)
       : getForeground("", !!props.disabled)};
@@ -49,12 +49,13 @@ export const EntityItemWrapper = styled.div<{
 }>`
   display: flex;
   align-items: center;
-  padding: ${props => getItemPadding(props.variant)};
-  color: ${props =>
+  padding: ${(props) => getItemPadding(props.variant)};
+  color: ${(props) =>
     props.disabled ? color("text-medium") : color("text-dark")};
 
   &:hover {
-    color: ${props => (props.disabled ? color("text-medium") : color("brand"))};
+    color: ${(props) =>
+      props.disabled ? color("text-medium") : color("brand")};
   }
 `;
 
diff --git a/frontend/src/metabase/components/EntityItem/EntityItem.tsx b/frontend/src/metabase/components/EntityItem/EntityItem.tsx
index f4a34974dc4..8704fb12c80 100644
--- a/frontend/src/metabase/components/EntityItem/EntityItem.tsx
+++ b/frontend/src/metabase/components/EntityItem/EntityItem.tsx
@@ -62,7 +62,7 @@ const EntityIconCheckBox = ({
   ...props
 }: EntityIconCheckBoxProps) => {
   const iconSize = variant === "small" ? 12 : 16;
-  const handleClick: React.MouseEventHandler = e => {
+  const handleClick: React.MouseEventHandler = (e) => {
     e.preventDefault();
     onToggleSelected?.();
   };
@@ -334,7 +334,7 @@ const EntityItem = ({
         <div>{extraInfo && extraInfo}</div>
       </div>
 
-      <EntityItemActions onClick={e => e.preventDefault()}>
+      <EntityItemActions onClick={(e) => e.preventDefault()}>
         {buttons}
         {loading && <EntityItemSpinner size={24} borderWidth={3} />}
         <EntityItemMenu
diff --git a/frontend/src/metabase/components/EntityMenu.stories.tsx b/frontend/src/metabase/components/EntityMenu.stories.tsx
index 118f644cb51..45434ba831d 100644
--- a/frontend/src/metabase/components/EntityMenu.stories.tsx
+++ b/frontend/src/metabase/components/EntityMenu.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: EntityMenu,
 };
 
-const Template: StoryFn<typeof EntityMenu> = args => {
+const Template: StoryFn<typeof EntityMenu> = (args) => {
   return <EntityMenu {...args} />;
 };
 
diff --git a/frontend/src/metabase/components/EntityMenu/EntityMenu.jsx b/frontend/src/metabase/components/EntityMenu/EntityMenu.jsx
index b3a2f6cc333..f63b7a59d1d 100644
--- a/frontend/src/metabase/components/EntityMenu/EntityMenu.jsx
+++ b/frontend/src/metabase/components/EntityMenu/EntityMenu.jsx
@@ -36,11 +36,11 @@ class EntityMenu extends Component {
     this.setState({ open, menuItemContent: null });
   };
 
-  setFreezeMenu = freezeMenu => {
+  setFreezeMenu = (freezeMenu) => {
     this.setState({ freezeMenu });
   };
 
-  replaceMenuWithItemContent = menuItemContent => {
+  replaceMenuWithItemContent = (menuItemContent) => {
     this.setState({ menuItemContent });
   };
 
@@ -91,7 +91,7 @@ class EntityMenu extends Component {
         <Popover.Dropdown>
           {menuItemContent || (
             <ol className={CS.p1} style={{ minWidth: minWidth ?? 184 }}>
-              {items.map(item => {
+              {items.map((item) => {
                 if (!item) {
                   return null;
                 }
@@ -153,7 +153,7 @@ class EntityMenu extends Component {
                       externalLink={item.externalLink}
                       action={
                         item.action &&
-                        (e => {
+                        ((e) => {
                           item.action(e);
                           this.toggleMenu();
                         })
diff --git a/frontend/src/metabase/components/EntityMenuItem/EntityMenuItem.styled.tsx b/frontend/src/metabase/components/EntityMenuItem/EntityMenuItem.styled.tsx
index 827e930a2d4..1cf40d21a7c 100644
--- a/frontend/src/metabase/components/EntityMenuItem/EntityMenuItem.styled.tsx
+++ b/frontend/src/metabase/components/EntityMenuItem/EntityMenuItem.styled.tsx
@@ -18,28 +18,30 @@ export const MenuItemContent = styled.div<MenuItemProps>`
   display: flex;
   align-items: center;
   border-radius: 0.5em;
-  cursor: ${props => (props.disabled ? "not-allowed" : "pointer")};
-  color: ${props =>
+  cursor: ${(props) => (props.disabled ? "not-allowed" : "pointer")};
+  color: ${(props) =>
     color(props.disabled ? "text-light" : props.color || "text-dark")};
   padding: 0.85em 1.45em;
   text-decoration: none;
 
   :hover {
-    color: ${props => color((!props.disabled && props.hoverColor) || "brand")};
-    background-color: ${props =>
+    color: ${(props) =>
+      color((!props.disabled && props.hoverColor) || "brand")};
+    background-color: ${(props) =>
       !props.disabled && props.hoverBgColor
         ? color(props.hoverBgColor)
         : "var(--mb-color-bg-light)"};
   }
 
   > .Icon {
-    color: ${props =>
+    color: ${(props) =>
       color(props.disabled ? "text-light" : props.color || "text-dark")};
     margin-right: 0.65em;
   }
 
   :hover > .Icon {
-    color: ${props => color((!props.disabled && props.hoverColor) || "brand")};
+    color: ${(props) =>
+      color((!props.disabled && props.hoverColor) || "brand")};
   }
 `;
 
diff --git a/frontend/src/metabase/components/ErrorDetails/ErrorDetails.tsx b/frontend/src/metabase/components/ErrorDetails/ErrorDetails.tsx
index bde572c2d25..0d9e73e45bb 100644
--- a/frontend/src/metabase/components/ErrorDetails/ErrorDetails.tsx
+++ b/frontend/src/metabase/components/ErrorDetails/ErrorDetails.tsx
@@ -20,7 +20,7 @@ export default function ErrorDetails({
   }
 
   function toggleShowError() {
-    setShowError(showError => !showError);
+    setShowError((showError) => !showError);
   }
 
   return (
diff --git a/frontend/src/metabase/components/ErrorPages/BugReportModal.tsx b/frontend/src/metabase/components/ErrorPages/BugReportModal.tsx
index e9137236eaf..69e75741d1c 100644
--- a/frontend/src/metabase/components/ErrorPages/BugReportModal.tsx
+++ b/frontend/src/metabase/components/ErrorPages/BugReportModal.tsx
@@ -60,7 +60,7 @@ export const BugReportModal = ({
         }}
         onSubmit={onSubmit}
       >
-        {formik => (
+        {(formik) => (
           <Form>
             <Text py="md">{t`Could you provide us with a little context?`}</Text>
             <FormTextArea
diff --git a/frontend/src/metabase/components/ErrorPages/ErrorDiagnosticModal.tsx b/frontend/src/metabase/components/ErrorPages/ErrorDiagnosticModal.tsx
index f44f7252708..a6845d54f5d 100644
--- a/frontend/src/metabase/components/ErrorPages/ErrorDiagnosticModal.tsx
+++ b/frontend/src/metabase/components/ErrorPages/ErrorDiagnosticModal.tsx
@@ -70,7 +70,7 @@ export const ErrorDiagnosticModal = ({
     const { description, ...diagnosticSelections } = values;
 
     const selectedKeys = Object.keys(diagnosticSelections).filter(
-      key => diagnosticSelections[key],
+      (key) => diagnosticSelections[key],
     );
     const selectedInfo = {
       ..._.pick(errorInfo, ...selectedKeys),
@@ -89,7 +89,7 @@ export const ErrorDiagnosticModal = ({
     const { description, ...diagnosticSelections } = values;
 
     const selectedKeys = Object.keys(diagnosticSelections).filter(
-      key => diagnosticSelections[key],
+      (key) => diagnosticSelections[key],
     );
     const selectedInfo = {
       ..._.pick(errorInfo, ...selectedKeys),
diff --git a/frontend/src/metabase/components/ErrorPages/ErrorDiagnosticModal.unit.spec.tsx b/frontend/src/metabase/components/ErrorPages/ErrorDiagnosticModal.unit.spec.tsx
index e98ccf1d9a9..9fa26c38610 100644
--- a/frontend/src/metabase/components/ErrorPages/ErrorDiagnosticModal.unit.spec.tsx
+++ b/frontend/src/metabase/components/ErrorPages/ErrorDiagnosticModal.unit.spec.tsx
@@ -112,7 +112,7 @@ describe("ErrorDiagnosticsModal", () => {
     "metric",
   ];
 
-  entityNames.forEach(entityName => {
+  entityNames.forEach((entityName) => {
     it(`should show entity definition checkbox for ${entityName} definition`, () => {
       setup({
         ...defaultErrorPayload,
diff --git a/frontend/src/metabase/components/ErrorPages/use-error-info.ts b/frontend/src/metabase/components/ErrorPages/use-error-info.ts
index c958ff4a1a6..adcea1e49b6 100644
--- a/frontend/src/metabase/components/ErrorPages/use-error-info.ts
+++ b/frontend/src/metabase/components/ErrorPages/use-error-info.ts
@@ -54,7 +54,7 @@ export const useErrorInfo = (
       : Promise.resolve(null);
 
     // @ts-expect-error non-standard error property
-    const frontendErrors = console?.errorBuffer?.map?.(errArray =>
+    const frontendErrors = console?.errorBuffer?.map?.((errArray) =>
       errArray
         .map((errLine: any) => JSON.stringify(errLine, maybeSerializeError))
         .join(""),
diff --git a/frontend/src/metabase/components/EventSandbox/EventSandbox.tsx b/frontend/src/metabase/components/EventSandbox/EventSandbox.tsx
index 6aa408cf2c9..862ba8a4d3d 100644
--- a/frontend/src/metabase/components/EventSandbox/EventSandbox.tsx
+++ b/frontend/src/metabase/components/EventSandbox/EventSandbox.tsx
@@ -71,12 +71,12 @@ const eventsSandboxedByDefault: EventName[] = [
 ];
 
 /** All supported events that start with 'onMouse' */
-const allOnMouseEvents = eventsSandboxedByDefault.filter(name =>
+const allOnMouseEvents = eventsSandboxedByDefault.filter((name) =>
   name.startsWith("onMouse"),
 );
 
 /** All supported events that start with 'onKey' */
-const allOnKeyEvents = eventsSandboxedByDefault.filter(name =>
+const allOnKeyEvents = eventsSandboxedByDefault.filter((name) =>
   name.startsWith("onKey"),
 );
 
@@ -110,10 +110,9 @@ function EventSandbox({
       allUnsandboxedEvents,
     );
 
-    const entries = sandboxedEventNames.map<[EventName, typeof stop]>(name => [
-      name,
-      stop,
-    ]);
+    const entries = sandboxedEventNames.map<[EventName, typeof stop]>(
+      (name) => [name, stop],
+    );
     return Object.fromEntries(entries);
   }, [
     stop,
diff --git a/frontend/src/metabase/components/ExpandingContent/ExpandingContent.jsx b/frontend/src/metabase/components/ExpandingContent/ExpandingContent.jsx
index fd5772dcb9b..dda8d455a85 100644
--- a/frontend/src/metabase/components/ExpandingContent/ExpandingContent.jsx
+++ b/frontend/src/metabase/components/ExpandingContent/ExpandingContent.jsx
@@ -62,7 +62,7 @@ class ExpandingContent extends Component {
       : "none";
     return (
       <div
-        ref={ref => (this._ref = ref)}
+        ref={(ref) => (this._ref = ref)}
         style={{
           transition,
           maxHeight: !animateHeight || isOpen ? maxHeight : 0,
diff --git a/frontend/src/metabase/components/FieldValuesWidget/FieldValuesWidget.tsx b/frontend/src/metabase/components/FieldValuesWidget/FieldValuesWidget.tsx
index b6143904af3..7c8c6b359db 100644
--- a/frontend/src/metabase/components/FieldValuesWidget/FieldValuesWidget.tsx
+++ b/frontend/src/metabase/components/FieldValuesWidget/FieldValuesWidget.tsx
@@ -61,7 +61,7 @@ const MAX_SEARCH_RESULTS = 100;
 function mapStateToProps(state: State, { fields = [] }: { fields: Field[] }) {
   return {
     fields: fields.map(
-      field =>
+      (field) =>
         Fields.selectors.getObject(state, { entityId: field.id }) || field,
     ),
   };
@@ -226,7 +226,7 @@ export const FieldValuesWidgetInner = forwardRef<
       const nonVirtualFields = getNonVirtualFields(fields);
 
       const results = await Promise.all(
-        nonVirtualFields.map(field =>
+        nonVirtualFields.map((field) =>
           dispatch(Fields.objectActions.fetchFieldValues(field)),
         ),
       );
@@ -367,7 +367,7 @@ export const FieldValuesWidgetInner = forwardRef<
 
   if (!valueRenderer) {
     valueRenderer = (value: string | number) => {
-      const option = options.find(option => getValue(option) === value);
+      const option = options.find((option) => getValue(option) === value);
       return renderValue({
         fields,
         formatOptions,
@@ -477,7 +477,7 @@ export const FieldValuesWidgetInner = forwardRef<
           <SingleSelectListField
             isDashboardFilter={!!parameter}
             placeholder={tokenFieldPlaceholder}
-            value={value.filter(v => v != null)}
+            value={value.filter((v) => v != null)}
             onChange={onChange}
             options={options}
             optionRenderer={optionRenderer}
@@ -486,7 +486,7 @@ export const FieldValuesWidgetInner = forwardRef<
         ) : (
           <TokenField
             prefix={prefix}
-            value={value.filter(v => v != null)}
+            value={value.filter((v) => v != null)}
             onChange={onChange}
             placeholder={tokenFieldPlaceholder}
             updateOnInputChange
@@ -508,7 +508,7 @@ export const FieldValuesWidgetInner = forwardRef<
             filterOption={(option, filterString) => {
               const lowerCaseFilterString = filterString.toLowerCase();
               return option?.some?.(
-                value =>
+                (value) =>
                   value != null &&
                   String(value).toLowerCase().includes(lowerCaseFilterString),
               );
@@ -621,7 +621,7 @@ function renderOptions({
         return (
           <NoMatchState
             fields={fields.map(
-              field =>
+              (field) =>
                 field.searchField(disablePKRemappingForSearch) as Field | null,
             )}
           />
diff --git a/frontend/src/metabase/components/FieldValuesWidget/FieldValuesWidget.unit.spec.tsx b/frontend/src/metabase/components/FieldValuesWidget/FieldValuesWidget.unit.spec.tsx
index 930d0b86098..3cb306a7bf2 100644
--- a/frontend/src/metabase/components/FieldValuesWidget/FieldValuesWidget.unit.spec.tsx
+++ b/frontend/src/metabase/components/FieldValuesWidget/FieldValuesWidget.unit.spec.tsx
@@ -41,7 +41,7 @@ async function setup({
   prefix?: string;
 } & Omit<Partial<IFieldValuesWidgetProps>, "fields">) {
   const fetchFieldValues = jest.fn(({ id }) => ({
-    payload: fields.filter(checkNotNull).find(f => f?.id === id),
+    payload: fields.filter(checkNotNull).find((f) => f?.id === id),
     type: "__MOCK__",
   }));
 
@@ -50,7 +50,7 @@ async function setup({
     .mockImplementation(fetchFieldValues);
 
   if (searchValue) {
-    fields.forEach(field => {
+    fields.forEach((field) => {
       const fieldId = field?.id as number;
       setupFieldSearchValuesEndpoint(fieldId, fieldId, searchValue);
     });
diff --git a/frontend/src/metabase/components/FieldValuesWidget/utils.ts b/frontend/src/metabase/components/FieldValuesWidget/utils.ts
index dddc977b1e8..453f0379f51 100644
--- a/frontend/src/metabase/components/FieldValuesWidget/utils.ts
+++ b/frontend/src/metabase/components/FieldValuesWidget/utils.ts
@@ -60,11 +60,11 @@ export async function searchFieldValues(
 }
 
 export function getNonVirtualFields(fields: Field[]) {
-  return fields.filter(field => !field.isVirtual());
+  return fields.filter((field) => !field.isVirtual());
 }
 
 export function dedupeValues(valuesList: FieldValue[][]): FieldValue[] {
-  const uniqueValueMap = new Map(valuesList.flat().map(o => [o[0], o]));
+  const uniqueValueMap = new Map(valuesList.flat().map((o) => [o[0], o]));
   return Array.from(uniqueValueMap.values());
 }
 
diff --git a/frontend/src/metabase/components/Grid/Grid.jsx b/frontend/src/metabase/components/Grid/Grid.jsx
index 243e38b4379..a4c0d8620f2 100644
--- a/frontend/src/metabase/components/Grid/Grid.jsx
+++ b/frontend/src/metabase/components/Grid/Grid.jsx
@@ -1,5 +1,5 @@
 import { GridItemRoot, GridRoot } from "./Grid.styled";
 
-export const Grid = props => <GridRoot {...props} />;
+export const Grid = (props) => <GridRoot {...props} />;
 
-export const GridItem = props => <GridItemRoot {...props} />;
+export const GridItem = (props) => <GridItemRoot {...props} />;
diff --git a/frontend/src/metabase/components/HelpCard/HelpCard.stories.tsx b/frontend/src/metabase/components/HelpCard/HelpCard.stories.tsx
index 25c02f9ffb3..a00ed2fba69 100644
--- a/frontend/src/metabase/components/HelpCard/HelpCard.stories.tsx
+++ b/frontend/src/metabase/components/HelpCard/HelpCard.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: HelpCard,
 };
 
-const Template: StoryFn<HelpCardProps> = args => {
+const Template: StoryFn<HelpCardProps> = (args) => {
   return <HelpCard {...args} />;
 };
 
diff --git a/frontend/src/metabase/components/IconButtonWrapper/IconButtonWrapper.tsx b/frontend/src/metabase/components/IconButtonWrapper/IconButtonWrapper.tsx
index 794273fd515..139614b8461 100644
--- a/frontend/src/metabase/components/IconButtonWrapper/IconButtonWrapper.tsx
+++ b/frontend/src/metabase/components/IconButtonWrapper/IconButtonWrapper.tsx
@@ -16,7 +16,7 @@ const IconButtonWrapper = styled(
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: ${props => (props.circle ? "50%" : "6px")};
+  border-radius: ${(props) => (props.circle ? "50%" : "6px")};
   cursor: pointer;
 `;
 
diff --git a/frontend/src/metabase/components/InputBlurChange/InputBlurChange.tsx b/frontend/src/metabase/components/InputBlurChange/InputBlurChange.tsx
index 37de0a25706..50706b86811 100644
--- a/frontend/src/metabase/components/InputBlurChange/InputBlurChange.tsx
+++ b/frontend/src/metabase/components/InputBlurChange/InputBlurChange.tsx
@@ -26,7 +26,7 @@ const InputBlurChange = (props: InputBlurChangeProps) => {
     value,
     onChange,
     onBlurChange,
-    normalize = value => value,
+    normalize = (value) => value,
     ...restProps
   } = props;
   const [internalValue, setInternalValue] = useState<HTMLInputValue>(value);
diff --git a/frontend/src/metabase/components/InputBlurChange/InputBlurChange.unit.spec.tsx b/frontend/src/metabase/components/InputBlurChange/InputBlurChange.unit.spec.tsx
index bce635ddd6c..b5123d08528 100644
--- a/frontend/src/metabase/components/InputBlurChange/InputBlurChange.unit.spec.tsx
+++ b/frontend/src/metabase/components/InputBlurChange/InputBlurChange.unit.spec.tsx
@@ -46,7 +46,7 @@ describe("InputBlurChange", () => {
 
   it("should set `internalValue` to the normalized value even if the normalized value is the same as the previous one", async () => {
     const value = "/";
-    setup({ value, normalize: value => (value as string).trim() });
+    setup({ value, normalize: (value) => (value as string).trim() });
     const input = screen.getByDisplayValue(value) as HTMLInputElement;
     await userEvent.clear(input);
     await userEvent.type(input, "           /         ");
@@ -62,7 +62,7 @@ function setup({
   normalize,
 }: Partial<InputBlurChangeProps> = {}) {
   const onChange = jest.fn();
-  const onBlurChange = jest.fn(e => e.target.value);
+  const onBlurChange = jest.fn((e) => e.target.value);
 
   render(
     <InputBlurChange
diff --git a/frontend/src/metabase/components/InputWithSelectPrefix/InputWithSelectPrefix.jsx b/frontend/src/metabase/components/InputWithSelectPrefix/InputWithSelectPrefix.jsx
index 606c0d626d8..aa8e1c3cec9 100644
--- a/frontend/src/metabase/components/InputWithSelectPrefix/InputWithSelectPrefix.jsx
+++ b/frontend/src/metabase/components/InputWithSelectPrefix/InputWithSelectPrefix.jsx
@@ -19,8 +19,8 @@ function splitValue({
 
   const prefix = prefixes.find(
     caseInsensitivePrefix
-      ? p => value.toLowerCase().startsWith(p.toLowerCase())
-      : p => value.startsWith(p),
+      ? (p) => value.toLowerCase().startsWith(p.toLowerCase())
+      : (p) => value.startsWith(p),
   );
 
   return prefix ? [prefix, value.slice(prefix.length)] : [defaultPrefix, value];
@@ -75,7 +75,7 @@ export default class InputWithSelectPrefix extends Component {
             input: CS.borderless,
           }}
           value={prefix || defaultPrefix}
-          onChange={val => this.setState({ prefix: val })}
+          onChange={(val) => this.setState({ prefix: val })}
           w="6.5rem"
           styles={{
             root: {
@@ -96,7 +96,7 @@ export default class InputWithSelectPrefix extends Component {
           className={CS.flexFull}
           value={rest}
           placeholder={this.props.placeholder}
-          onBlurChange={e => this.setState({ rest: e.target.value })}
+          onBlurChange={(e) => this.setState({ rest: e.target.value })}
           size="large"
         />
       </Flex>
diff --git a/frontend/src/metabase/components/ItemsTable/BaseItemsTable.styled.tsx b/frontend/src/metabase/components/ItemsTable/BaseItemsTable.styled.tsx
index 0c40ba5dece..c38d4294b4b 100644
--- a/frontend/src/metabase/components/ItemsTable/BaseItemsTable.styled.tsx
+++ b/frontend/src/metabase/components/ItemsTable/BaseItemsTable.styled.tsx
@@ -30,7 +30,7 @@ export const Table = styled(
     <table {...props} className={cx(props.className, AdminS.ContentTable)} />
   ),
   {
-    shouldForwardProp: prop => prop !== "isInDragLayer",
+    shouldForwardProp: (prop) => prop !== "isInDragLayer",
   },
 )`
   background-color: var(--mb-color-bg-white);
@@ -55,7 +55,7 @@ export const Table = styled(
     }
   }
 
-  ${props => (props.isInDragLayer ? `width: 50vw;` : "")}
+  ${(props) => (props.isInDragLayer ? `width: 50vw;` : "")}
 `;
 
 export const hideResponsively = ({
@@ -155,7 +155,7 @@ export const SortingControlContainer = styled.div<{
     isSortable ? `cursor: pointer; user-select: none;` : ""}
 
   .Icon {
-    visibility: ${props => (props.isActive ? "visible" : "hidden")};
+    visibility: ${(props) => (props.isActive ? "visible" : "hidden")};
   }
 
   &:hover {
diff --git a/frontend/src/metabase/components/ListField/ListField.styled.tsx b/frontend/src/metabase/components/ListField/ListField.styled.tsx
index 560beefae3b..3b75e7f7c4d 100644
--- a/frontend/src/metabase/components/ListField/ListField.styled.tsx
+++ b/frontend/src/metabase/components/ListField/ListField.styled.tsx
@@ -10,7 +10,7 @@ interface FilterInputProps {
 }
 
 export const FilterInputContainer = styled.div<FilterInputProps>`
-  margin-bottom: ${props => (props.isDashboardFilter ? "0" : "0.5rem")};
+  margin-bottom: ${(props) => (props.isDashboardFilter ? "0" : "0.5rem")};
 `;
 
 interface OptionListProps {
@@ -20,8 +20,8 @@ interface OptionListProps {
 export const OptionsList = styled.ul<OptionListProps>`
   overflow: auto;
   list-style: none;
-  max-height: ${props => (props.isDashboardFilter ? "300px" : "none")};
-  padding: ${props => (props.isDashboardFilter ? "0.5rem" : "0")};
+  max-height: ${(props) => (props.isDashboardFilter ? "300px" : "none")};
+  padding: ${(props) => (props.isDashboardFilter ? "0.5rem" : "0")};
 `;
 
 export const OptionContainer = styled.li`
diff --git a/frontend/src/metabase/components/ListField/ListField.tsx b/frontend/src/metabase/components/ListField/ListField.tsx
index 933a92d537b..88337d6c4ba 100644
--- a/frontend/src/metabase/components/ListField/ListField.tsx
+++ b/frontend/src/metabase/components/ListField/ListField.tsx
@@ -27,8 +27,10 @@ function createOptionsFromValuesWithoutOptions(
   values: RowValue[],
   options: Option[],
 ): Option {
-  const optionsMap = new Map(options.map(option => [option[0], option]));
-  return values.filter(value => !optionsMap.has(value)).map(value => [value]);
+  const optionsMap = new Map(options.map((option) => [option[0], option]));
+  return values
+    .filter((value) => !optionsMap.has(value))
+    .map((value) => [value]);
 }
 
 export const ListField = ({
@@ -46,7 +48,7 @@ export const ListField = ({
   );
 
   const augmentedOptions = useMemo(() => {
-    return [...options.filter(option => option[0] != null), ...addedOptions];
+    return [...options.filter((option) => option[0] != null), ...addedOptions];
   }, [addedOptions, options]);
 
   const sortedOptions = useMemo(() => {
@@ -54,7 +56,7 @@ export const ListField = ({
       return augmentedOptions;
     }
 
-    const [selected, unselected] = _.partition(augmentedOptions, option =>
+    const [selected, unselected] = _.partition(augmentedOptions, (option) =>
       selectedValues.has(option[0]),
     );
 
@@ -71,7 +73,7 @@ export const ListField = ({
       return sortedOptions;
     }
 
-    return augmentedOptions.filter(option => {
+    return augmentedOptions.filter((option) => {
       if (!option || option.length === 0) {
         return false;
       }
@@ -101,7 +103,7 @@ export const ListField = ({
 
   const handleToggleOption = (option: any) => {
     const newSelectedValues = selectedValues.has(option)
-      ? Array.from(selectedValues).filter(value => value !== option)
+      ? Array.from(selectedValues).filter((value) => value !== option)
       : [...selectedValues, option];
 
     setSelectedValues(new Set(newSelectedValues));
@@ -111,13 +113,13 @@ export const ListField = ({
   const handleKeyDown = (event: React.KeyboardEvent) => {
     if (
       event.key === "Enter" &&
-      !_.find(augmentedOptions, option => option[0] === filter)
+      !_.find(augmentedOptions, (option) => option[0] === filter)
     ) {
       setAddedOptions([...addedOptions, [filter]]);
     }
   };
 
-  const handleFilterChange: InputProps["onChange"] = e =>
+  const handleFilterChange: InputProps["onChange"] = (e) =>
     setFilter(e.target.value);
 
   const handleToggleAll = () => {
diff --git a/frontend/src/metabase/components/ListItem/ListItem.styled.tsx b/frontend/src/metabase/components/ListItem/ListItem.styled.tsx
index c53a33ee77b..e2ab1315f0c 100644
--- a/frontend/src/metabase/components/ListItem/ListItem.styled.tsx
+++ b/frontend/src/metabase/components/ListItem/ListItem.styled.tsx
@@ -10,7 +10,7 @@ interface Props {
 export const Root = styled.li<Props>`
   position: relative;
 
-  ${props =>
+  ${(props) =>
     props.disabled &&
     css`
       pointer-events: none;
diff --git a/frontend/src/metabase/components/LoadingAndErrorWrapper/LoadingAndErrorWrapper.tsx b/frontend/src/metabase/components/LoadingAndErrorWrapper/LoadingAndErrorWrapper.tsx
index ac704abd3e6..1891d275c93 100644
--- a/frontend/src/metabase/components/LoadingAndErrorWrapper/LoadingAndErrorWrapper.tsx
+++ b/frontend/src/metabase/components/LoadingAndErrorWrapper/LoadingAndErrorWrapper.tsx
@@ -53,7 +53,9 @@ export const LoadingAndErrorWrapper = forwardRef<
 
   const loadingInterval = () => {
     if (loading) {
-      setMessageIndex(oldIndex => (oldIndex + 1) % getLoadingMessages().length);
+      setMessageIndex(
+        (oldIndex) => (oldIndex + 1) % getLoadingMessages().length,
+      );
     }
   };
   const interval = useInterval(loadingInterval, messageInterval);
diff --git a/frontend/src/metabase/components/LoadingAndGenericErrorWrapper/LoadingAndGenericErrorWrapper.jsx b/frontend/src/metabase/components/LoadingAndGenericErrorWrapper/LoadingAndGenericErrorWrapper.jsx
index 9967ae21b57..f6ab856d223 100644
--- a/frontend/src/metabase/components/LoadingAndGenericErrorWrapper/LoadingAndGenericErrorWrapper.jsx
+++ b/frontend/src/metabase/components/LoadingAndGenericErrorWrapper/LoadingAndGenericErrorWrapper.jsx
@@ -5,7 +5,7 @@ export default function LoadingAndGenericErrorWrapper(props) {
   return (
     <LoadingAndErrorWrapper
       {...props}
-      renderError={details => <GenericError details={details} />}
+      renderError={(details) => <GenericError details={details} />}
     />
   );
 }
diff --git a/frontend/src/metabase/components/LoadingSpinner/LoadingSpinner.styled.tsx b/frontend/src/metabase/components/LoadingSpinner/LoadingSpinner.styled.tsx
index 7f0e87727d9..42cea41dbb4 100644
--- a/frontend/src/metabase/components/LoadingSpinner/LoadingSpinner.styled.tsx
+++ b/frontend/src/metabase/components/LoadingSpinner/LoadingSpinner.styled.tsx
@@ -26,11 +26,11 @@ interface SpinnerIconProps {
 export const SpinnerIcon = styled.div<SpinnerIconProps>`
   display: inline-block;
   box-sizing: border-box;
-  width: ${props => `${props.iconSize}px`};
-  height: ${props => `${props.iconSize}px`};
-  border: ${props => `${props.borderWidth}px`} solid transparent;
+  width: ${(props) => `${props.iconSize}px`};
+  height: ${(props) => `${props.iconSize}px`};
+  border: ${(props) => `${props.borderWidth}px`} solid transparent;
   border-top-color: currentColor;
-  border-radius: ${props => `${props.iconSize / 2}px`};
+  border-radius: ${(props) => `${props.iconSize / 2}px`};
   animation: ${spinnerAnimation} 1.3s infinite
     cubic-bezier(0.785, 0.135, 0.15, 0.86);
 
@@ -40,11 +40,11 @@ export const SpinnerIcon = styled.div<SpinnerIconProps>`
     box-sizing: inherit;
     width: inherit;
     height: inherit;
-    border: ${props => `${props.borderWidth}px`} solid currentColor;
-    border-radius: ${props => `${props.iconSize / 2}px`};
+    border: ${(props) => `${props.borderWidth}px`} solid currentColor;
+    border-radius: ${(props) => `${props.iconSize / 2}px`};
     opacity: 0.25;
     position: relative;
-    top: ${props => `-${props.borderWidth}px`};
-    left: ${props => `-${props.borderWidth}px`};
+    top: ${(props) => `-${props.borderWidth}px`};
+    left: ${(props) => `-${props.borderWidth}px`};
   }
 `;
diff --git a/frontend/src/metabase/components/MetadataInfo/ColumnFingerprintInfo/CategoryFingerprint.jsx b/frontend/src/metabase/components/MetadataInfo/ColumnFingerprintInfo/CategoryFingerprint.jsx
index ad4e2ead261..74b49eca360 100644
--- a/frontend/src/metabase/components/MetadataInfo/ColumnFingerprintInfo/CategoryFingerprint.jsx
+++ b/frontend/src/metabase/components/MetadataInfo/ColumnFingerprintInfo/CategoryFingerprint.jsx
@@ -115,8 +115,8 @@ ShortenedFieldValuesList.propTypes = {
 function ShortenedFieldValuesList({ isLoading, fieldValues }) {
   const shortenedValuesStr = fieldValues
     .slice(0, FIELD_VALUES_SHOW_LIMIT)
-    .map(value => (Array.isArray(value) ? value[0] : value))
-    .filter(value => value !== null)
+    .map((value) => (Array.isArray(value) ? value[0] : value))
+    .filter((value) => value !== null)
     .join(", ");
 
   return (
diff --git a/frontend/src/metabase/components/MetadataInfo/Popover/Popover.styled.tsx b/frontend/src/metabase/components/MetadataInfo/Popover/Popover.styled.tsx
index 26bfdc3a2ce..9d644060f23 100644
--- a/frontend/src/metabase/components/MetadataInfo/Popover/Popover.styled.tsx
+++ b/frontend/src/metabase/components/MetadataInfo/Popover/Popover.styled.tsx
@@ -5,7 +5,7 @@ import { HoverCard } from "metabase/ui";
 
 export const WidthBound = styled.div<{ width?: number }>`
   font-size: 14px;
-  max-width: ${props => props.width ?? 300}px;
+  max-width: ${(props) => props.width ?? 300}px;
 `;
 
 export const Dropdown = styled(HoverCard.Dropdown)`
diff --git a/frontend/src/metabase/components/MetadataInfo/Popover/Popover.tsx b/frontend/src/metabase/components/MetadataInfo/Popover/Popover.tsx
index 080934ae931..5bfb986c6ed 100644
--- a/frontend/src/metabase/components/MetadataInfo/Popover/Popover.tsx
+++ b/frontend/src/metabase/components/MetadataInfo/Popover/Popover.tsx
@@ -81,7 +81,7 @@ export function Popover({
       >
         <WidthBound
           width={width}
-          ref={node => {
+          ref={(node) => {
             setupCloseHandler(node, () => setIsOpen(false));
           }}
         >
diff --git a/frontend/src/metabase/components/MetadataInfo/TableInfo/ConnectedTables.tsx b/frontend/src/metabase/components/MetadataInfo/TableInfo/ConnectedTables.tsx
index 52323666521..da63fdffcc4 100644
--- a/frontend/src/metabase/components/MetadataInfo/TableInfo/ConnectedTables.tsx
+++ b/frontend/src/metabase/components/MetadataInfo/TableInfo/ConnectedTables.tsx
@@ -24,7 +24,7 @@ function ConnectedTables({ table, onConnectedTableClick }: Props) {
       <LabelContainer color="text-dark">
         <Label>{t`Connected to these tables`}</Label>
       </LabelContainer>
-      {fkTables.slice(0, 8).map(fkTable => {
+      {fkTables.slice(0, 8).map((fkTable) => {
         return onConnectedTableClick ? (
           <ConnectedTableButton
             key={fkTable.id}
diff --git a/frontend/src/metabase/components/Modal/WindowModal.tsx b/frontend/src/metabase/components/Modal/WindowModal.tsx
index 3f6406af3bc..9438469804c 100644
--- a/frontend/src/metabase/components/Modal/WindowModal.tsx
+++ b/frontend/src/metabase/components/Modal/WindowModal.tsx
@@ -84,8 +84,8 @@ export class WindowModal extends Component<WindowModalProps> {
     const className = cx(
       this.props.className,
       ...modalSizes
-        .filter(type => this.props[type])
-        .map(type => MODAL_CLASSES[type]),
+        .filter((type) => this.props[type])
+        .map((type) => MODAL_CLASSES[type]),
     );
     return (
       <MaybeOnClickOutsideWrapper
diff --git a/frontend/src/metabase/components/ModalContent/ModalContent.stories.tsx b/frontend/src/metabase/components/ModalContent/ModalContent.stories.tsx
index c2281e4c723..a53f07ef7bf 100644
--- a/frontend/src/metabase/components/ModalContent/ModalContent.stories.tsx
+++ b/frontend/src/metabase/components/ModalContent/ModalContent.stories.tsx
@@ -27,7 +27,7 @@ export default {
   },
 };
 
-const Template: StoryFn<ModalContentProps> = args => {
+const Template: StoryFn<ModalContentProps> = (args) => {
   return (
     <div
       style={{
diff --git a/frontend/src/metabase/components/MoveQuestionsIntoDashboardsModal/ConfirmMoveDashboardQuestionCandidatesModal.tsx b/frontend/src/metabase/components/MoveQuestionsIntoDashboardsModal/ConfirmMoveDashboardQuestionCandidatesModal.tsx
index 4e2667685e7..73b9a470f29 100644
--- a/frontend/src/metabase/components/MoveQuestionsIntoDashboardsModal/ConfirmMoveDashboardQuestionCandidatesModal.tsx
+++ b/frontend/src/metabase/components/MoveQuestionsIntoDashboardsModal/ConfirmMoveDashboardQuestionCandidatesModal.tsx
@@ -33,7 +33,7 @@ export const ConfirmMoveDashboardQuestionCandidatesModal = ({
       return [];
     }
 
-    return candidates.map(candidate => ({
+    return candidates.map((candidate) => ({
       id: candidate.id,
       questionName: candidate.name,
       dashboardName: candidate.sole_dashboard_info.name,
@@ -118,7 +118,7 @@ export const ConfirmMoveDashboardQuestionCandidatesModal = ({
             </Flex>
           ))
           .otherwise(() =>
-            rows.map(row => (
+            rows.map((row) => (
               <div key={row.id} className={S.tableRow}>
                 <div className={S.cell}>{row.questionName}</div>
                 <div className={S.cell}>{row.dashboardName}</div>
diff --git a/frontend/src/metabase/components/MoveQuestionsIntoDashboardsModal/MoveQuestionsIntoDashboardsModal.tsx b/frontend/src/metabase/components/MoveQuestionsIntoDashboardsModal/MoveQuestionsIntoDashboardsModal.tsx
index 55aecefac3f..486e3715cb7 100644
--- a/frontend/src/metabase/components/MoveQuestionsIntoDashboardsModal/MoveQuestionsIntoDashboardsModal.tsx
+++ b/frontend/src/metabase/components/MoveQuestionsIntoDashboardsModal/MoveQuestionsIntoDashboardsModal.tsx
@@ -54,7 +54,7 @@ export const MoveQuestionsIntoDashboardsModal = withRouter(
 
     const handleBulkMoveQuestionIntoDashboards = async () => {
       if (collectionId) {
-        const cardIds = candidatesReq.data?.data.map(card => card.id) ?? [];
+        const cardIds = candidatesReq.data?.data.map((card) => card.id) ?? [];
         try {
           await bulkMove({ collectionId, cardIds }).unwrap();
           dispatch(
diff --git a/frontend/src/metabase/components/NewItemMenu/NewItemMenu.tsx b/frontend/src/metabase/components/NewItemMenu/NewItemMenu.tsx
index cd616e3bb12..c75331ab589 100644
--- a/frontend/src/metabase/components/NewItemMenu/NewItemMenu.tsx
+++ b/frontend/src/metabase/components/NewItemMenu/NewItemMenu.tsx
@@ -52,10 +52,12 @@ const NewItemMenu = ({
   onCloseNavbar,
 }: NewItemMenuProps) => {
   const dispatch = useDispatch();
-  const entityTypes = useSelector(state => getEmbedOptions(state).entity_types);
+  const entityTypes = useSelector(
+    (state) => getEmbedOptions(state).entity_types,
+  );
   const isEmbeddingIframe = useSelector(getIsEmbeddingIframe);
 
-  const lastUsedDatabaseId = useSelector(state =>
+  const lastUsedDatabaseId = useSelector((state) =>
     getSetting(state, "last-used-native-database-id"),
   );
 
diff --git a/frontend/src/metabase/components/OnClickOutsideWrapper/OnClickOutsideWrapper.jsx b/frontend/src/metabase/components/OnClickOutsideWrapper/OnClickOutsideWrapper.jsx
index 43ba59bad07..3a822fbdb16 100644
--- a/frontend/src/metabase/components/OnClickOutsideWrapper/OnClickOutsideWrapper.jsx
+++ b/frontend/src/metabase/components/OnClickOutsideWrapper/OnClickOutsideWrapper.jsx
@@ -53,7 +53,7 @@ export default class OnClickOutsideWrapper extends Component {
     }, 0);
   }
 
-  _handleEvent = e => {
+  _handleEvent = (e) => {
     if (shouldClosePopover(e, this.popoverData)) {
       this.popoverData.close();
     }
diff --git a/frontend/src/metabase/components/Popover/Popover.jsx b/frontend/src/metabase/components/Popover/Popover.jsx
index 71b3cbe9d14..3c75b040614 100644
--- a/frontend/src/metabase/components/Popover/Popover.jsx
+++ b/frontend/src/metabase/components/Popover/Popover.jsx
@@ -303,7 +303,7 @@ export default class Popover extends Component {
       attachments = this.props.verticalAttachments;
     }
 
-    const availableHeights = attachments.map(attachmentY =>
+    const availableHeights = attachments.map((attachmentY) =>
       attachmentY === "top"
         ? window.innerHeight - bottom - this.props.targetOffsetY - PAGE_PADDING
         : attachmentY === "bottom"
@@ -345,7 +345,7 @@ export default class Popover extends Component {
 
       // test to see how much of the popover is off-screen
       const offScreen = offscreenProps
-        .map(prop => Math.min(elementRect[prop], 0))
+        .map((prop) => Math.min(elementRect[prop], 0))
         .reduce((a, b) => a + b);
       // if none then we're done, otherwise check to see if it's the best option so far
       if (offScreen === 0) {
diff --git a/frontend/src/metabase/components/SaveQuestionForm/LLMSuggestionQuestionInfo.tsx b/frontend/src/metabase/components/SaveQuestionForm/LLMSuggestionQuestionInfo.tsx
index e1d9a424bd4..cb190dabc8b 100644
--- a/frontend/src/metabase/components/SaveQuestionForm/LLMSuggestionQuestionInfo.tsx
+++ b/frontend/src/metabase/components/SaveQuestionForm/LLMSuggestionQuestionInfo.tsx
@@ -10,7 +10,7 @@ export const LLMSuggestionQuestionInfo = () => {
     <PLUGIN_LLM_AUTODESCRIPTION.LLMSuggestQuestionInfo
       question={question}
       initialCollectionId={initialValues.collection_id}
-      onAccept={nextValues => setValues({ ...values, ...nextValues })}
+      onAccept={(nextValues) => setValues({ ...values, ...nextValues })}
     />
   );
 };
diff --git a/frontend/src/metabase/components/SaveQuestionForm/SaveQuestionForm.tsx b/frontend/src/metabase/components/SaveQuestionForm/SaveQuestionForm.tsx
index 762f4297278..ade996cf160 100644
--- a/frontend/src/metabase/components/SaveQuestionForm/SaveQuestionForm.tsx
+++ b/frontend/src/metabase/components/SaveQuestionForm/SaveQuestionForm.tsx
@@ -125,8 +125,8 @@ export const SaveQuestionForm = ({
                 title={t`Where do you want to save this?`}
                 collectionPickerModalProps={{
                   models,
-                  recentFilter: items =>
-                    items.filter(item => {
+                  recentFilter: (items) =>
+                    items.filter((item) => {
                       // narrow type and make sure it's a dashboard or
                       // collection that the user can write to
                       return item.model !== "table" && item.can_write;
diff --git a/frontend/src/metabase/components/SaveQuestionForm/context.tsx b/frontend/src/metabase/components/SaveQuestionForm/context.tsx
index a32848d4cb7..ff6ab42bd41 100644
--- a/frontend/src/metabase/components/SaveQuestionForm/context.tsx
+++ b/frontend/src/metabase/components/SaveQuestionForm/context.tsx
@@ -99,7 +99,7 @@ export const SaveQuestionProvider = ({
 
   const lastSelectedEntityModel = useMemo(() => {
     return recentItems?.find(
-      item => item.model === "collection" || item.model === "dashboard",
+      (item) => item.model === "collection" || item.model === "dashboard",
     );
   }, [recentItems]);
 
diff --git a/frontend/src/metabase/components/SaveStatus/SaveStatus.jsx b/frontend/src/metabase/components/SaveStatus/SaveStatus.jsx
index 1a10dfae20b..e72b8059b8a 100644
--- a/frontend/src/metabase/components/SaveStatus/SaveStatus.jsx
+++ b/frontend/src/metabase/components/SaveStatus/SaveStatus.jsx
@@ -19,7 +19,7 @@ class SaveStatus extends Component {
     this.props.unnotify("save-status");
   };
 
-  notify = undo => {
+  notify = (undo) => {
     clearTimeout(this.state.showSavingingTimeout);
     this.unnotify();
     this.props.notify({ id: "save-status", ...undo });
@@ -53,9 +53,9 @@ class SaveStatus extends Component {
   }
 }
 
-const mapDispatchToProps = dispatch => ({
-  notify: undo => dispatch(addUndo(undo)),
-  unnotify: undoId => dispatch(dismissUndo({ undoId })),
+const mapDispatchToProps = (dispatch) => ({
+  notify: (undo) => dispatch(addUndo(undo)),
+  unnotify: (undoId) => dispatch(dismissUndo({ undoId })),
 });
 
 export default _.compose(
diff --git a/frontend/src/metabase/components/Schedule/AutoWidthSelect.tsx b/frontend/src/metabase/components/Schedule/AutoWidthSelect.tsx
index 6726de9abce..f6223b5dd16 100644
--- a/frontend/src/metabase/components/Schedule/AutoWidthSelect.tsx
+++ b/frontend/src/metabase/components/Schedule/AutoWidthSelect.tsx
@@ -14,7 +14,7 @@ export const AutoWidthSelect = <Value extends string>({
   value,
   ...props
 }: { style?: Partial<FontStyle>; value: Value } & SelectProps<Value>) => {
-  const fontFamily = useSelector(state =>
+  const fontFamily = useSelector((state) =>
     getSetting(state, "application-font"),
   );
   const width = useMemo(() => {
diff --git a/frontend/src/metabase/components/Schedule/Schedule.stories.tsx b/frontend/src/metabase/components/Schedule/Schedule.stories.tsx
index 1d354dcaca6..f77e2c0e4ec 100644
--- a/frontend/src/metabase/components/Schedule/Schedule.stories.tsx
+++ b/frontend/src/metabase/components/Schedule/Schedule.stories.tsx
@@ -47,7 +47,7 @@ export default {
   decorators: [ReduxDecorator],
 };
 
-const Template: StoryFn<typeof Schedule> = args => {
+const Template: StoryFn<typeof Schedule> = (args) => {
   const [
     {
       cronString,
diff --git a/frontend/src/metabase/components/Schedule/Schedule.tsx b/frontend/src/metabase/components/Schedule/Schedule.tsx
index 82cf467d787..2ee04ed5719 100644
--- a/frontend/src/metabase/components/Schedule/Schedule.tsx
+++ b/frontend/src/metabase/components/Schedule/Schedule.tsx
@@ -195,7 +195,7 @@ export const Schedule = ({
         onChange={(value: string) => {
           setInternalCronString(value);
         }}
-        onBlurChange={value =>
+        onBlurChange={(value) =>
           onScheduleChange(value, {
             schedule_type: "cron",
           })
diff --git a/frontend/src/metabase/components/Schedule/Schedule.unit.spec.tsx b/frontend/src/metabase/components/Schedule/Schedule.unit.spec.tsx
index ae88c952fbd..28205d8ab9a 100644
--- a/frontend/src/metabase/components/Schedule/Schedule.unit.spec.tsx
+++ b/frontend/src/metabase/components/Schedule/Schedule.unit.spec.tsx
@@ -6,7 +6,7 @@ import { setup } from "metabase/components/Schedule/test-utils";
 
 const getInputValues = () => {
   const inputs = screen.getAllByRole("textbox");
-  const values = inputs.map(input => input.getAttribute("value"));
+  const values = inputs.map((input) => input.getAttribute("value"));
   return values;
 };
 
@@ -78,7 +78,7 @@ describe("Schedule", () => {
     expect(listbox).toBeInTheDocument();
 
     const options = within(listbox).getAllByRole("option");
-    const optionValues = options.map(option => option.getAttribute("value"));
+    const optionValues = options.map((option) => option.getAttribute("value"));
 
     expect(optionValues).not.toContain("0");
     expect(Math.min(...optionValues.map(Number))).toBe(1);
diff --git a/frontend/src/metabase/components/Schedule/components.tsx b/frontend/src/metabase/components/Schedule/components.tsx
index 6cc1af0e460..4d932b84c23 100644
--- a/frontend/src/metabase/components/Schedule/components.tsx
+++ b/frontend/src/metabase/components/Schedule/components.tsx
@@ -49,7 +49,7 @@ export const SelectFrequency = ({
 
   const scheduleTypeOptions = useMemo(
     () =>
-      scheduleOptions.map(option => ({
+      scheduleOptions.map((option) => ({
         label: scheduleOptionNames[option] || capitalize(option),
         value: option,
       })),
@@ -140,7 +140,7 @@ export const SelectTime = ({
             lh="1rem"
             radius="sm"
             value={amPm.toString()}
-            onChange={value =>
+            onChange={(value) =>
               updateSchedule(
                 "schedule_hour",
                 hourTo24HourFormat(hour, parseInt(value)),
diff --git a/frontend/src/metabase/components/Schedule/strings.ts b/frontend/src/metabase/components/Schedule/strings.ts
index 020cf9e26c8..c7abe9cca6a 100644
--- a/frontend/src/metabase/components/Schedule/strings.ts
+++ b/frontend/src/metabase/components/Schedule/strings.ts
@@ -4,7 +4,7 @@ import _ from "underscore";
 import { has24HourModeSetting } from "metabase/lib/time";
 import type { ScheduleDayType, ScheduleFrameType } from "metabase-types/api";
 
-export const minutes = _.times(60, n => ({
+export const minutes = _.times(60, (n) => ({
   label: n.toString(),
   value: n.toString(),
 }));
@@ -42,7 +42,7 @@ export const getHours = () => {
   const hourCount = isClock24Hour ? 24 : 12;
   const firstHourIndex = isClock24Hour ? 0 : 12;
   const firstHourValue = isClock24Hour ? 0 : 12;
-  return _.times(hourCount, n => ({
+  return _.times(hourCount, (n) => ({
     label: localizedHours[n === 0 ? firstHourIndex : n],
     value: `${n === 0 ? firstHourValue : n}`,
   }));
diff --git a/frontend/src/metabase/components/Schedule/strings.unit.spec.ts b/frontend/src/metabase/components/Schedule/strings.unit.spec.ts
index 093e2a140da..bf40c30e0de 100644
--- a/frontend/src/metabase/components/Schedule/strings.unit.spec.ts
+++ b/frontend/src/metabase/components/Schedule/strings.unit.spec.ts
@@ -20,8 +20,8 @@ describe("getHours", () => {
     const result = getHours();
     expect(result).toHaveLength(24);
 
-    const labels = result.map(hour => hour.label);
-    const values = result.map(hour => hour.value);
+    const labels = result.map((hour) => hour.label);
+    const values = result.map((hour) => hour.value);
 
     // prettier-ignore
     expect(labels).toEqual(["0:00", "1:00", "2:00", "3:00", "4:00", "5:00", "6:00", "7:00", "8:00", "9:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00", "23:00"])
@@ -35,8 +35,8 @@ describe("getHours", () => {
     const result = getHours();
     expect(result).toHaveLength(12);
 
-    const labels = result.map(hour => hour.label);
-    const values = result.map(hour => hour.value);
+    const labels = result.map((hour) => hour.label);
+    const values = result.map((hour) => hour.value);
 
     // prettier-ignore
     expect(labels).toEqual(["12:00", "1:00", "2:00", "3:00", "4:00", "5:00", "6:00", "7:00", "8:00", "9:00", "10:00", "11:00"])
diff --git a/frontend/src/metabase/components/SchedulePicker/SchedulePicker.stories.tsx b/frontend/src/metabase/components/SchedulePicker/SchedulePicker.stories.tsx
index 4fe0cbc1d9d..cac2dd917cb 100644
--- a/frontend/src/metabase/components/SchedulePicker/SchedulePicker.stories.tsx
+++ b/frontend/src/metabase/components/SchedulePicker/SchedulePicker.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: SchedulePicker,
 };
 
-const Template: StoryFn<typeof SchedulePicker> = args => {
+const Template: StoryFn<typeof SchedulePicker> = (args) => {
   const [
     {
       schedule,
diff --git a/frontend/src/metabase/components/SchedulePicker/SchedulePicker.tsx b/frontend/src/metabase/components/SchedulePicker/SchedulePicker.tsx
index c13fa487825..bdc669a0126 100644
--- a/frontend/src/metabase/components/SchedulePicker/SchedulePicker.tsx
+++ b/frontend/src/metabase/components/SchedulePicker/SchedulePicker.tsx
@@ -234,7 +234,7 @@ class SchedulePicker extends Component<SchedulePickerProps> {
           />
           <SegmentedControl
             value={amPm}
-            onChange={value =>
+            onChange={(value) =>
               this.handleChangeProperty("schedule_hour", hour + value * 12)
             }
             options={AM_PM_OPTIONS}
diff --git a/frontend/src/metabase/components/SegmentedControl/SegmentedControl.stories.tsx b/frontend/src/metabase/components/SegmentedControl/SegmentedControl.stories.tsx
index b474b289a13..f58687e25b9 100644
--- a/frontend/src/metabase/components/SegmentedControl/SegmentedControl.stories.tsx
+++ b/frontend/src/metabase/components/SegmentedControl/SegmentedControl.stories.tsx
@@ -11,7 +11,7 @@ export default {
   component: SegmentedControl,
 };
 
-const Template: StoryFn<SegmentedControlProps<number>> = args => {
+const Template: StoryFn<SegmentedControlProps<number>> = (args) => {
   const [{ value }, updateArgs] = useArgs();
   const handleChange = (value: unknown) => updateArgs({ value });
 
diff --git a/frontend/src/metabase/components/SegmentedControl/SegmentedControl.styled.tsx b/frontend/src/metabase/components/SegmentedControl/SegmentedControl.styled.tsx
index 209a7e4b4fb..e23a517ada4 100644
--- a/frontend/src/metabase/components/SegmentedControl/SegmentedControl.styled.tsx
+++ b/frontend/src/metabase/components/SegmentedControl/SegmentedControl.styled.tsx
@@ -102,11 +102,11 @@ type SegmentedItemProps = BorderStyleProps &
 
 export const SegmentedItem = styled.li<SegmentedItemProps>`
   display: flex;
-  flex-grow: ${props => (props.fullWidth ? 1 : 0)};
-  background-color: ${props => COLORS[props.variant].background(props)};
-  border: 1px solid ${props => COLORS[props.variant].border(props)};
+  flex-grow: ${(props) => (props.fullWidth ? 1 : 0)};
+  background-color: ${(props) => COLORS[props.variant].background(props)};
+  border: 1px solid ${(props) => COLORS[props.variant].border(props)};
 
-  ${props => getSpecialBorderStyles(props)};
+  ${(props) => getSpecialBorderStyles(props)};
 `;
 
 type SegmentedItemLabelProps = ColorProps & {
@@ -121,12 +121,13 @@ export const SegmentedItemLabel = styled.label<SegmentedItemLabelProps>`
   justify-content: center;
   position: relative;
   font-weight: bold;
-  color: ${props => COLORS[props.variant].text(props)};
-  padding: ${props => (props.compact ? "8px" : "8px 12px")};
+  color: ${(props) => COLORS[props.variant].text(props)};
+  padding: ${(props) => (props.compact ? "8px" : "8px 12px")};
   cursor: pointer;
 
   :hover {
-    color: ${props => (!props.isSelected ? color(props.selectedColor) : null)};
+    color: ${(props) =>
+      !props.isSelected ? color(props.selectedColor) : null};
   }
 `;
 
@@ -152,7 +153,7 @@ function IconWrapper(props: IconProps & { iconOnly?: boolean }) {
 }
 
 export const ItemIcon = styled(IconWrapper)`
-  margin-right: ${props => (props.iconOnly ? 0 : "4px")};
+  margin-right: ${(props) => (props.iconOnly ? 0 : "4px")};
 `;
 
 const BORDER_RADIUS = "8px";
diff --git a/frontend/src/metabase/components/SegmentedControl/SegmentedControl.tsx b/frontend/src/metabase/components/SegmentedControl/SegmentedControl.tsx
index cfde62acf5e..855cfe40db8 100644
--- a/frontend/src/metabase/components/SegmentedControl/SegmentedControl.tsx
+++ b/frontend/src/metabase/components/SegmentedControl/SegmentedControl.tsx
@@ -51,7 +51,7 @@ export function SegmentedControl<Value extends SegmentedControlValue = number>({
   const id = useMemo(() => _.uniqueId("radio-"), []);
   const name = nameProp || id;
   const selectedOptionIndex = options.findIndex(
-    option => option.value === value,
+    (option) => option.value === value,
   );
   return (
     <SegmentedList {...props} role="radiogroup">
diff --git a/frontend/src/metabase/components/SelectList/SelectListItem.stories.tsx b/frontend/src/metabase/components/SelectList/SelectListItem.stories.tsx
index a163d13242a..8c2ead637ff 100644
--- a/frontend/src/metabase/components/SelectList/SelectListItem.stories.tsx
+++ b/frontend/src/metabase/components/SelectList/SelectListItem.stories.tsx
@@ -10,7 +10,7 @@ export default {
 
 const items = ["alert", "all", "archive", "dyno", "history"];
 
-const Template: StoryFn<any> = args => {
+const Template: StoryFn<any> = (args) => {
   const [value, setValue] = useState("dyno");
 
   return (
diff --git a/frontend/src/metabase/components/SelectList/SelectListItem.styled.tsx b/frontend/src/metabase/components/SelectList/SelectListItem.styled.tsx
index 2f706d301cf..846ad845489 100644
--- a/frontend/src/metabase/components/SelectList/SelectListItem.styled.tsx
+++ b/frontend/src/metabase/components/SelectList/SelectListItem.styled.tsx
@@ -12,7 +12,7 @@ export const ItemTitle = styled(Text)<TextProps>`
 ` as unknown as typeof Text;
 
 export const ItemIcon = styled(Icon)<{ color?: string | null }>`
-  color: ${props => color(props.color ?? "text-light")};
+  color: ${(props) => color(props.color ?? "text-light")};
   justify-self: end;
 `;
 
@@ -37,7 +37,7 @@ export const BaseItemRoot = styled.li<{
   display: grid;
   align-items: center;
   cursor: pointer;
-  padding: ${props => VERTICAL_PADDING_BY_SIZE[props.size]} 0.5rem;
+  padding: ${(props) => VERTICAL_PADDING_BY_SIZE[props.size]} 0.5rem;
   border-radius: 6px;
   margin-bottom: 2px;
 
@@ -45,7 +45,7 @@ export const BaseItemRoot = styled.li<{
     margin-bottom: 0;
   }
 
-  ${props => props.isSelected && activeItemCss}
+  ${(props) => props.isSelected && activeItemCss}
 
   &:hover {
     ${activeItemCss}
@@ -62,7 +62,7 @@ export const ItemRoot = styled(BaseItemRoot)<{
   hasRightIcon: boolean;
 }>`
   display: grid;
-  grid-template-columns: ${props =>
+  grid-template-columns: ${(props) =>
     getGridTemplateColumns(props.hasLeftIcon, props.hasRightIcon)};
   gap: 0.5rem;
 `;
diff --git a/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.styled.tsx b/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.styled.tsx
index f86ead86b37..5f990011a7e 100644
--- a/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.styled.tsx
+++ b/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.styled.tsx
@@ -16,13 +16,13 @@ interface FilterInputProps {
 }
 
 export const FilterInputContainer = styled.div<FilterInputProps>`
-  margin-bottom: ${props => (props.isDashboardFilter ? "0" : "0.5rem")};
+  margin-bottom: ${(props) => (props.isDashboardFilter ? "0" : "0.5rem")};
 `;
 
 export const OptionsList = styled.ul<OptionListProps>`
   overflow: auto;
   list-style: none;
-  max-height: ${props => (props.isDashboardFilter ? "300px" : "none")};
+  max-height: ${(props) => (props.isDashboardFilter ? "300px" : "none")};
   padding: 0.5rem 0 0;
 `;
 
@@ -42,7 +42,7 @@ export const OptionItem = styled.div<OptionItemProps>`
   margin: 0;
   padding: 0.5rem 0.6rem;
   width: 100%;
-  ${props =>
+  ${(props) =>
     props.selected
       ? css`
           color: var(--mb-color-text-selected);
@@ -54,7 +54,7 @@ export const OptionItem = styled.div<OptionItemProps>`
         `}
 
   &:hover {
-    ${props =>
+    ${(props) =>
       !props.selected &&
       css`
         color: var(--mb-color-text-hover);
diff --git a/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.tsx b/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.tsx
index cc5aece62c3..25cbbaf95a2 100644
--- a/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.tsx
+++ b/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.tsx
@@ -30,8 +30,8 @@ function createOptionsFromValuesWithoutOptions(
 ): Option {
   const optionsMap = _.indexBy(options, "0");
   return values
-    .filter(value => typeof value !== "string" || !optionsMap[value])
-    .map(value => [value]);
+    .filter((value) => typeof value !== "string" || !optionsMap[value])
+    .map((value) => [value]);
 }
 
 const SingleSelectListField = ({
@@ -51,7 +51,7 @@ const SingleSelectListField = ({
   );
 
   const augmentedOptions = useMemo<Option[]>(() => {
-    return [...options.filter(option => option[0] != null), ...addedOptions];
+    return [...options.filter((option) => option[0] != null), ...addedOptions];
   }, [addedOptions, options]);
 
   const sortedOptions = useMemo(() => {
@@ -61,7 +61,7 @@ const SingleSelectListField = ({
 
     const [selected, unselected] = _.partition(
       augmentedOptions,
-      option => selectedValue === option[0],
+      (option) => selectedValue === option[0],
     );
 
     return [...selected, ...unselected];
@@ -84,7 +84,7 @@ const SingleSelectListField = ({
       return augmentedOptions;
     }
 
-    return augmentedOptions.filter(option => {
+    return augmentedOptions.filter((option) => {
       if (!option || option.length === 0) {
         return false;
       }
@@ -117,13 +117,13 @@ const SingleSelectListField = ({
   const handleKeyDown = (event: React.KeyboardEvent) => {
     if (
       event.key === "Enter" &&
-      !_.find(augmentedOptions, option => option[0] === filter)
+      !_.find(augmentedOptions, (option) => option[0] === filter)
     ) {
       setAddedOptions([...addedOptions, [filter]]);
     }
   };
 
-  const handleFilterChange: InputProps["onChange"] = evt => {
+  const handleFilterChange: InputProps["onChange"] = (evt) => {
     const value = evt.target.value;
     setFilter(value);
     onChange([]);
@@ -167,7 +167,7 @@ const SingleSelectListField = ({
 
       {!isLoading && (
         <OptionsList isDashboardFilter={isDashboardFilter}>
-          {filteredOptions.map(option => (
+          {filteredOptions.map((option) => (
             <OptionContainer key={option[0]}>
               <OptionItem
                 data-testid={`${option[0]}-filter-value`}
@@ -178,7 +178,7 @@ const SingleSelectListField = ({
                 }
                 selected={selectedValue === option[0]}
                 onClick={() => onClickOption(option[0])}
-                onMouseDown={e => e.preventDefault()}
+                onMouseDown={(e) => e.preventDefault()}
               >
                 {optionRenderer(option)}
               </OptionItem>
diff --git a/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.unit.spec.js b/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.unit.spec.js
index 55e78eca944..809f0351cf9 100644
--- a/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.unit.spec.js
+++ b/frontend/src/metabase/components/SingleSelectListField/SingleSelectListField.unit.spec.js
@@ -37,7 +37,7 @@ function setup(opts = {}) {
       onSearchChange={onSearchChange}
       value={value}
       options={options}
-      optionRenderer={option => renderValue(fields, formatOptions, option[0])}
+      optionRenderer={(option) => renderValue(fields, formatOptions, option[0])}
       {...opts}
     />,
   );
diff --git a/frontend/src/metabase/components/TextWidget/TextWidget.stories.tsx b/frontend/src/metabase/components/TextWidget/TextWidget.stories.tsx
index 5365b5e78e1..a90ecc3a00a 100644
--- a/frontend/src/metabase/components/TextWidget/TextWidget.stories.tsx
+++ b/frontend/src/metabase/components/TextWidget/TextWidget.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: TextWidget,
 };
 
-const Template: StoryFn<TextWidgetProps> = args => {
+const Template: StoryFn<TextWidgetProps> = (args) => {
   const [{ value }, updateArgs] = useArgs();
 
   const setValue = (value: string | number | null) => {
diff --git a/frontend/src/metabase/components/TextWidget/TextWidget.tsx b/frontend/src/metabase/components/TextWidget/TextWidget.tsx
index 7005d9c064e..3856b55632b 100644
--- a/frontend/src/metabase/components/TextWidget/TextWidget.tsx
+++ b/frontend/src/metabase/components/TextWidget/TextWidget.tsx
@@ -73,13 +73,13 @@ export class TextWidget extends Component<TextWidgetProps, State> {
         className={className}
         type="text"
         value={value ?? ""}
-        onChange={e => {
+        onChange={(e) => {
           this.setState({ value: e.target.value });
           if (this.props.commitImmediately) {
             this.props.setValue(e.target.value ?? null);
           }
         }}
-        onKeyUp={e => {
+        onKeyUp={(e) => {
           const target = e.target as HTMLInputElement;
           if (e.key === "Escape") {
             target.blur();
diff --git a/frontend/src/metabase/components/Toaster/Toaster.stories.tsx b/frontend/src/metabase/components/Toaster/Toaster.stories.tsx
index 918f3f94b75..7b342b1edc1 100644
--- a/frontend/src/metabase/components/Toaster/Toaster.stories.tsx
+++ b/frontend/src/metabase/components/Toaster/Toaster.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: Toaster,
 };
 
-const Template: StoryFn<ToasterProps> = args => {
+const Template: StoryFn<ToasterProps> = (args) => {
   return <Toaster {...args} />;
 };
 
diff --git a/frontend/src/metabase/components/Toaster/Toaster.styled.tsx b/frontend/src/metabase/components/Toaster/Toaster.styled.tsx
index 0db6eaa2a52..20776681a8a 100644
--- a/frontend/src/metabase/components/Toaster/Toaster.styled.tsx
+++ b/frontend/src/metabase/components/Toaster/Toaster.styled.tsx
@@ -16,14 +16,14 @@ export const ToasterContainer = styled.div<ToasterContainerProps>`
   background-color: var(--mb-color-text-dark);
   padding: 16px;
   border-radius: 6px;
-  ${props =>
+  ${(props) =>
     props.fixed
       ? `position: fixed;
        bottom: ${props.show ? "20px" : "10px"};
        left: 20px;`
       : `position: relative;
        bottom: ${props.show ? "0px" : "-10px"};`}
-  opacity: ${props => (props.show ? 1 : 0)};
+  opacity: ${(props) => (props.show ? 1 : 0)};
   transition: all 200ms ease-out;
   column-gap: 16px;
   align-items: center;
diff --git a/frontend/src/metabase/components/TokenField/TokenField.tsx b/frontend/src/metabase/components/TokenField/TokenField.tsx
index f5c571c812c..ecfa1007996 100644
--- a/frontend/src/metabase/components/TokenField/TokenField.tsx
+++ b/frontend/src/metabase/components/TokenField/TokenField.tsx
@@ -172,7 +172,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
     const { options = [], value, removeSelected = true } = props;
     let { searchValue, selectedOptionValue } = this.state;
     const selectedValueIds = new Set(
-      value.map(v => JSON.stringify(this._id(v))),
+      value.map((v) => JSON.stringify(this._id(v))),
     );
 
     const filterOption =
@@ -181,7 +181,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
         String(this._label(option) || "").indexOf(searchValue) >= 0);
 
     let selectedCount = 0;
-    const filteredOptions = options.filter(option => {
+    const filteredOptions = options.filter((option) => {
       const isSelected = selectedValueIds.has(
         JSON.stringify(this._id(this._value(option))),
       );
@@ -207,7 +207,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
 
     if (
       selectedOptionValue == null ||
-      !_.find(filteredOptions, option =>
+      !_.find(filteredOptions, (option) =>
         this._valueIsEqual(selectedOptionValue, this._value(option)),
       )
     ) {
@@ -286,7 +286,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
     } else if (event.keyCode === KEYCODE_UP) {
       // up arrow
       event.preventDefault();
-      const index = _.findIndex(filteredOptions, option =>
+      const index = _.findIndex(filteredOptions, (option) =>
         this._valueIsEqual(selectedOptionValue, this._value(option)),
       );
       if (index > 0) {
@@ -297,7 +297,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
     } else if (keyCode === KEYCODE_DOWN) {
       // down arrow
       event.preventDefault();
-      const index = _.findIndex(filteredOptions, option =>
+      const index = _.findIndex(filteredOptions, (option) =>
         this._valueIsEqual(selectedOptionValue, this._value(option)),
       );
       if (index >= 0 && index < filteredOptions.length - 1) {
@@ -346,7 +346,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
       e.preventDefault();
       const string = e.clipboardData.getData("Text");
       const lines = this.props.multi ? string.split(/\n|,/g) : [string];
-      const values = lines.map(this.props.parseFreeformValue).filter(s => s);
+      const values = lines.map(this.props.parseFreeformValue).filter((s) => s);
       if (values.length > 0) {
         this.addValue(values);
       }
@@ -370,7 +370,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
     const { multi } = this.props;
     const { filteredOptions, selectedOptionValue } = this.state;
     const input = this.inputRef.current;
-    const option = _.find(filteredOptions, option =>
+    const option = _.find(filteredOptions, (option) =>
       this._valueIsEqual(selectedOptionValue, this._value(option)),
     );
     if (option) {
@@ -432,7 +432,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
 
   removeValue(valueToRemove: any) {
     const { value, onChange } = this.props;
-    const values = value.filter(v => !this._valueIsEqual(v, valueToRemove));
+    const values = value.filter((v) => !this._valueIsEqual(v, valueToRemove));
     onChange(values);
   }
 
@@ -550,12 +550,12 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
             {multi && (
               <TokenFieldAddon
                 isValid={validateValue(v)}
-                onClick={e => {
+                onClick={(e) => {
                   e.preventDefault();
                   this.removeValue(v);
                   this.inputRef?.current?.blur();
                 }}
-                onMouseDown={e => e.preventDefault()}
+                onMouseDown={(e) => e.preventDefault()}
               >
                 <Icon
                   name="close"
@@ -603,7 +603,7 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
           onMouseEnter={() => this.setState({ listIsHovered: true })}
           onMouseLeave={() => this.setState({ listIsHovered: false })}
         >
-          {filteredOptions.map(option => (
+          {filteredOptions.map((option) => (
             <li className={CS.mr1} key={this._key(option)}>
               <div
                 className={cx(
@@ -628,13 +628,13 @@ class _TokenField extends Component<TokenFieldProps, TokenFieldState> {
                       ),
                   },
                 )}
-                onClick={e => {
+                onClick={(e) => {
                   this.addOption(option);
                   // clear the input value, and search value if last option
                   this.clearInputValue(filteredOptions.length === 1);
                   e.preventDefault();
                 }}
-                onMouseDown={e => e.preventDefault()}
+                onMouseDown={(e) => e.preventDefault()}
               >
                 {optionRenderer(option)}
               </div>
diff --git a/frontend/src/metabase/components/TokenField/TokenField.unit.spec.js b/frontend/src/metabase/components/TokenField/TokenField.unit.spec.js
index fbe72c92bc4..59731f09c6b 100644
--- a/frontend/src/metabase/components/TokenField/TokenField.unit.spec.js
+++ b/frontend/src/metabase/components/TokenField/TokenField.unit.spec.js
@@ -16,10 +16,10 @@ const MockOption = ({ option }) => <span>{option}</span>;
 const DEFAULT_TOKEN_FIELD_PROPS = {
   options: [],
   value: [],
-  valueKey: option => option,
-  labelKey: option => option,
-  valueRenderer: value => <MockValue value={value} />,
-  optionRenderer: option => <MockOption option={option} />,
+  valueKey: (option) => option,
+  labelKey: (option) => option,
+  valueRenderer: (value) => <MockValue value={value} />,
+  optionRenderer: (option) => <MockOption option={option} />,
   layoutRenderer: ({ valuesList, optionsList }) => (
     <div>
       {valuesList}
@@ -43,7 +43,7 @@ class TokenFieldWithStateAndDefaults extends Component {
         {...DEFAULT_TOKEN_FIELD_PROPS}
         {...props}
         value={this.state.value}
-        onChange={value => {
+        onChange={(value) => {
           this.setState({ value });
           if (onChange) {
             onChange(value);
@@ -85,17 +85,17 @@ describe("TokenField", () => {
     return screen.queryAllByRole("listbox")[0];
   };
 
-  const type = str => fireEvent.change(input(), { target: { value: str } });
+  const type = (str) => fireEvent.change(input(), { target: { value: str } });
 
-  const clickText = str => fireEvent.click(screen.getByText(str));
+  const clickText = (str) => fireEvent.click(screen.getByText(str));
 
-  const inputKeydown = keyCode =>
+  const inputKeydown = (keyCode) =>
     fireEvent.keyDown(input(), { keyCode: keyCode });
 
-  const assertWithinValues = collection =>
+  const assertWithinValues = (collection) =>
     expect(values()).toHaveTextContent(collection.join(""));
 
-  const assertWithinOptions = collection =>
+  const assertWithinOptions = (collection) =>
     expect(options()).toHaveTextContent(collection.join(""));
 
   it("should render with no options or values", () => {
@@ -174,7 +174,7 @@ describe("TokenField", () => {
       <TokenFieldWithStateAndDefaults
         value={[]}
         options={["bar", "baz"]}
-        parseFreeformValue={value => value}
+        parseFreeformValue={(value) => value}
       />,
     );
     await userEvent.type(input(), "yep");
@@ -219,7 +219,7 @@ describe("TokenField", () => {
           options={DEFAULT_OPTIONS}
           multi
           // return null for empty string since it's not a valid
-          parseFreeformValue={value => value || null}
+          parseFreeformValue={(value) => value || null}
           updateOnInputChange
         />,
       );
@@ -350,7 +350,7 @@ describe("TokenField", () => {
           options={DEFAULT_OPTIONS}
           multi
           // return null for empty string since it's not a valid
-          parseFreeformValue={value => value || null}
+          parseFreeformValue={(value) => value || null}
           updateOnInputBlur={false}
         />,
       );
@@ -377,7 +377,7 @@ describe("TokenField", () => {
           options={DEFAULT_OPTIONS}
           multi
           // return null for empty string since it's not a valid
-          parseFreeformValue={value => value || null}
+          parseFreeformValue={(value) => value || null}
           updateOnInputBlur={true}
         />,
       );
@@ -402,7 +402,7 @@ describe("TokenField", () => {
       render(
         <TokenFieldWithStateAndDefaults
           // return null for empty string since it's not a valid
-          parseFreeformValue={value => value || null}
+          parseFreeformValue={(value) => value || null}
           updateOnInputChange
           multi
         />,
@@ -426,7 +426,7 @@ describe("TokenField", () => {
         <TokenFieldWithStateAndDefaults
           options={DEFAULT_OPTIONS}
           // return null for empty string since it's not a valid
-          parseFreeformValue={value => value || null}
+          parseFreeformValue={(value) => value || null}
           updateOnInputChange
         />,
       );
@@ -441,7 +441,7 @@ describe("TokenField", () => {
       render(
         <TokenFieldWithStateAndDefaults
           // return null for empty string since it's not a valid
-          parseFreeformValue={value => value || null}
+          parseFreeformValue={(value) => value || null}
           updateOnInputChange
         />,
       );
diff --git a/frontend/src/metabase/components/TokenFieldItem/TokenFieldItem.stories.tsx b/frontend/src/metabase/components/TokenFieldItem/TokenFieldItem.stories.tsx
index 501a9dca31a..7960100c9e2 100644
--- a/frontend/src/metabase/components/TokenFieldItem/TokenFieldItem.stories.tsx
+++ b/frontend/src/metabase/components/TokenFieldItem/TokenFieldItem.stories.tsx
@@ -18,7 +18,7 @@ const Wrapper = ({ children }: { children: JSX.Element | JSX.Element[] }) => (
   </div>
 );
 
-const Template: StoryFn<ComponentProps<typeof TokenFieldItem>> = args => {
+const Template: StoryFn<ComponentProps<typeof TokenFieldItem>> = (args) => {
   return (
     <Wrapper>
       <TokenFieldItem {...args} />
@@ -26,7 +26,7 @@ const Template: StoryFn<ComponentProps<typeof TokenFieldItem>> = args => {
   );
 };
 
-const ManyTemplate: StoryFn<ComponentProps<typeof TokenFieldItem>> = args => {
+const ManyTemplate: StoryFn<ComponentProps<typeof TokenFieldItem>> = (args) => {
   return (
     <Wrapper>
       <TokenFieldItem {...args}> {`${args.children} 1`} </TokenFieldItem>
@@ -38,7 +38,9 @@ const ManyTemplate: StoryFn<ComponentProps<typeof TokenFieldItem>> = args => {
   );
 };
 
-const AddonTemplate: StoryFn<ComponentProps<typeof TokenFieldItem>> = args => {
+const AddonTemplate: StoryFn<ComponentProps<typeof TokenFieldItem>> = (
+  args,
+) => {
   return (
     <Wrapper>
       <TokenFieldItem isValid={args.isValid}>
diff --git a/frontend/src/metabase/components/Triggerable/Triggerable.jsx b/frontend/src/metabase/components/Triggerable/Triggerable.jsx
index 5dc120e6630..21099f755fa 100644
--- a/frontend/src/metabase/components/Triggerable/Triggerable.jsx
+++ b/frontend/src/metabase/components/Triggerable/Triggerable.jsx
@@ -16,7 +16,7 @@ const Trigger = styled.a``;
  *
  * @deprecated HOCs are deprecated - use Modal + useState
  */
-const Triggerable = ComposedComponent =>
+const Triggerable = (ComposedComponent) =>
   class extends Component {
     static displayName =
       "Triggerable[" +
@@ -148,7 +148,7 @@ const Triggerable = ComposedComponent =>
             as={as}
             id={triggerId}
             ref={this.trigger}
-            onClick={event => {
+            onClick={(event) => {
               event.preventDefault();
               !this.props.disabled && this.toggle();
             }}
diff --git a/frontend/src/metabase/components/UserAvatar/UserAvatar.tsx b/frontend/src/metabase/components/UserAvatar/UserAvatar.tsx
index 5e4f91f45ef..6dae4ca76d4 100644
--- a/frontend/src/metabase/components/UserAvatar/UserAvatar.tsx
+++ b/frontend/src/metabase/components/UserAvatar/UserAvatar.tsx
@@ -56,7 +56,7 @@ function nameInitials(user: User | Group) {
 }
 
 function emailInitials(user: User) {
-  const email = [user.email, user.common_name].find(maybeEmail =>
+  const email = [user.email, user.common_name].find((maybeEmail) =>
     isEmail(maybeEmail),
   );
   if (email) {
diff --git a/frontend/src/metabase/components/UserHasSeen/UserHasSeenAllContext.tsx b/frontend/src/metabase/components/UserHasSeen/UserHasSeenAllContext.tsx
index 40def751278..4d12ab1cfba 100644
--- a/frontend/src/metabase/components/UserHasSeen/UserHasSeenAllContext.tsx
+++ b/frontend/src/metabase/components/UserHasSeen/UserHasSeenAllContext.tsx
@@ -39,7 +39,7 @@ const useUserHasSeenAll = (id: string) => {
 
   const upsertBadge = useCallback(
     ({ value, key }: { value: boolean; key: string }) => {
-      setBadges(s => {
+      setBadges((s) => {
         const badgeAlreadyInArray =
           s.findIndex(([k, v]) => k === key && v === value) >= 0;
         if (badgeAlreadyInArray) {
@@ -52,7 +52,7 @@ const useUserHasSeenAll = (id: string) => {
     [],
   );
   const removeBadge = useCallback(({ key }: { key: string }) => {
-    setBadges(s => [...s.filter(([k]) => k !== key)]);
+    setBadges((s) => [...s.filter(([k]) => k !== key)]);
   }, []);
 
   const { value: seenBadges, setValue: setSeenBadges } = useUserKeyValue({
@@ -70,7 +70,7 @@ const useUserHasSeenAll = (id: string) => {
   }, [badges, seenBadges]);
 
   const handleUpdate = useCallback(() => {
-    if (!unseenBadges.every(b => seenBadges.includes(b))) {
+    if (!unseenBadges.every((b) => seenBadges.includes(b))) {
       setSeenBadges([...seenBadges, ...unseenBadges]);
     }
   }, [unseenBadges, seenBadges, setSeenBadges]);
diff --git a/frontend/src/metabase/components/__mocks__/Popover.jsx b/frontend/src/metabase/components/__mocks__/Popover.jsx
index 4bad2587887..cffd59f9ac1 100644
--- a/frontend/src/metabase/components/__mocks__/Popover.jsx
+++ b/frontend/src/metabase/components/__mocks__/Popover.jsx
@@ -7,7 +7,7 @@ import OnClickOutsideWrapper from "metabase/components/OnClickOutsideWrapper";
  * A modified version of TestPopover for Jest/Enzyme tests.
  * Simply renders the popover body inline instead of mutating DOM root.
  */
-const TestPopover = props =>
+const TestPopover = (props) =>
   props.isOpen === undefined || props.isOpen ? (
     <OnClickOutsideWrapper
       handleDismissal={(...args) => {
@@ -22,7 +22,7 @@ const TestPopover = props =>
         style={props.style}
         // because popover is normally directly attached to body element, other elements should not need
         // to care about clicks that happen inside the popover
-        onClick={e => {
+        onClick={(e) => {
           e.stopPropagation();
         }}
       >
diff --git a/frontend/src/metabase/components/tree/Tree.tsx b/frontend/src/metabase/components/tree/Tree.tsx
index f4fdce662b7..d04f5b676c2 100644
--- a/frontend/src/metabase/components/tree/Tree.tsx
+++ b/frontend/src/metabase/components/tree/Tree.tsx
@@ -39,7 +39,8 @@ function BaseTree({
       previousSelectedId !== selectedId && !expandedIds.has(selectedId);
     if (selectedItemChanged || !_.isEqual(data, prevData)) {
       setExpandedIds(
-        prev => new Set([...prev, ...getInitialExpandedIds(selectedId, data)]),
+        (prev) =>
+          new Set([...prev, ...getInitialExpandedIds(selectedId, data)]),
       );
     }
   }, [prevData, data, selectedId, previousSelectedId, expandedIds]);
@@ -47,9 +48,11 @@ function BaseTree({
   const handleToggleExpand = useCallback(
     (itemId: string | number) => {
       if (expandedIds.has(itemId)) {
-        setExpandedIds(prev => new Set([...prev].filter(id => id !== itemId)));
+        setExpandedIds(
+          (prev) => new Set([...prev].filter((id) => id !== itemId)),
+        );
       } else {
-        setExpandedIds(prev => new Set([...prev, itemId]));
+        setExpandedIds((prev) => new Set([...prev, itemId]));
       }
     },
     [expandedIds],
diff --git a/frontend/src/metabase/components/tree/TreeNode.styled.tsx b/frontend/src/metabase/components/tree/TreeNode.styled.tsx
index 4dc65aab0d3..8e0765ca47d 100644
--- a/frontend/src/metabase/components/tree/TreeNode.styled.tsx
+++ b/frontend/src/metabase/components/tree/TreeNode.styled.tsx
@@ -15,15 +15,16 @@ interface TreeNodeRootProps {
 export const TreeNodeRoot = styled.li<TreeNodeRootProps>`
   display: flex;
   align-items: center;
-  color: ${props => (props.isSelected ? color("text-white") : color("brand"))};
-  background-color: ${props => (props.isSelected ? color("brand") : "unset")};
-  padding-left: ${props => props.depth + 0.5}rem;
+  color: ${(props) =>
+    props.isSelected ? color("text-white") : color("brand")};
+  background-color: ${(props) => (props.isSelected ? color("brand") : "unset")};
+  padding-left: ${(props) => props.depth + 0.5}rem;
   padding-right: 0.5rem;
   cursor: pointer;
   font-weight: 700;
 
   &:hover {
-    background-color: ${props =>
+    background-color: ${(props) =>
       props.isSelected ? color("brand") : lighten("brand", 0.6)};
   }
 `;
@@ -33,7 +34,7 @@ export const ExpandToggleButton = styled.button`
   padding: 0.5rem 0.25rem 0.5rem 0.25rem;
   display: block;
   color: inherit;
-  visibility: ${props => (props.hidden ? "hidden" : "visible")};
+  visibility: ${(props) => (props.hidden ? "hidden" : "visible")};
 `;
 
 interface ExpandToggleIconProps extends IconProps {
@@ -51,7 +52,7 @@ export const ExpandToggleIcon = styled(
 )`
   transition: transform 200ms;
 
-  ${props =>
+  ${(props) =>
     props.isExpanded &&
     css`
       transform: rotate(90deg);
diff --git a/frontend/src/metabase/components/tree/TreeNodeList.tsx b/frontend/src/metabase/components/tree/TreeNodeList.tsx
index 41485756ae6..b6560cd1059 100644
--- a/frontend/src/metabase/components/tree/TreeNodeList.tsx
+++ b/frontend/src/metabase/components/tree/TreeNodeList.tsx
@@ -32,7 +32,7 @@ function BaseTreeNodeList({
 
   return (
     <ListRoot className={className} role={role}>
-      {items.map(item => {
+      {items.map((item) => {
         const isSelected = selectedId === item.id;
         const hasChildren =
           Array.isArray(item.children) && item.children.length > 0;
diff --git a/frontend/src/metabase/components/tree/utils.tsx b/frontend/src/metabase/components/tree/utils.tsx
index 0d9af574773..e12b6fba33e 100644
--- a/frontend/src/metabase/components/tree/utils.tsx
+++ b/frontend/src/metabase/components/tree/utils.tsx
@@ -5,7 +5,7 @@ export const getInitialExpandedIds = (
   nodes: ITreeNodeItem[],
 ): ITreeNodeItem["id"][] =>
   nodes
-    .map(node => {
+    .map((node) => {
       if (node.id === selectedId) {
         return [node.id];
       }
diff --git a/frontend/src/metabase/components/type/Text.jsx b/frontend/src/metabase/components/type/Text.jsx
index 9b2861e025b..de1ac5c059b 100644
--- a/frontend/src/metabase/components/type/Text.jsx
+++ b/frontend/src/metabase/components/type/Text.jsx
@@ -5,9 +5,9 @@ import PropTypes from "prop-types";
 import { color } from "metabase/lib/colors";
 
 const Text = styled.div`
-  color: ${props => color(`text-${props.color ?? "medium"}`)};
-  font-size: ${props => props.fontSize};
-  font-weight: ${props => props.fontWeight};
+  color: ${(props) => color(`text-${props.color ?? "medium"}`)};
+  font-size: ${(props) => props.fontSize};
+  font-weight: ${(props) => props.fontWeight};
 `;
 
 Text.propTypes = {
diff --git a/frontend/src/metabase/containers/AddToDashSelectDashModal/AddToDashSelectDashModal.unit.spec.tsx b/frontend/src/metabase/containers/AddToDashSelectDashModal/AddToDashSelectDashModal.unit.spec.tsx
index cbac8e7440a..637628ed935 100644
--- a/frontend/src/metabase/containers/AddToDashSelectDashModal/AddToDashSelectDashModal.unit.spec.tsx
+++ b/frontend/src/metabase/containers/AddToDashSelectDashModal/AddToDashSelectDashModal.unit.spec.tsx
@@ -239,13 +239,13 @@ const setup = async ({
   setupMostRecentlyViewedDashboard(mostRecentlyViewedDashboard);
   setupSearchEndpoints(searchResults);
 
-  collections.forEach(collection => {
+  collections.forEach((collection) => {
     setupCollectionItemsEndpoint({
       collection,
       collectionItems: [
         ...collections
-          .filter(c => getCollectionParentId(c) === collection.id)
-          .map(c =>
+          .filter((c) => getCollectionParentId(c) === collection.id)
+          .map((c) =>
             createMockCollectionItem({
               ...c,
               id: c.id as number,
@@ -260,11 +260,11 @@ const setup = async ({
           ),
         ...dashboards
           .filter(
-            d =>
+            (d) =>
               (collection.id === "root" && !d.collection_id) ||
               d.collection_id === collection.id,
           )
-          .map(d =>
+          .map((d) =>
             createMockCollectionItem({
               ...d,
               id: d.id as number,
@@ -275,7 +275,7 @@ const setup = async ({
     });
   });
 
-  dashboards.forEach(dashboard => {
+  dashboards.forEach((dashboard) => {
     fetchMock.get(`path:/api/dashboard/${dashboard.id}`, dashboard);
   });
 
@@ -379,7 +379,7 @@ describe("AddToDashSelectDashModal", () => {
 
       const dashboardCollection = checkNotNull(
         COLLECTIONS.find(
-          collection => collection.id === DASHBOARD.collection_id,
+          (collection) => collection.id === DASHBOARD.collection_id,
         ),
       );
 
@@ -635,7 +635,7 @@ async function assertPath(collections: Collection[]) {
   await waitForLoaderToBeRemoved();
 
   return Promise.all(
-    collections.map(async collection => {
+    collections.map(async (collection) => {
       return expect(await findPickerItem(collection.name)).toBeInTheDocument();
     }),
   );
diff --git a/frontend/src/metabase/containers/AddToDashSelectDashModal/utils.ts b/frontend/src/metabase/containers/AddToDashSelectDashModal/utils.ts
index 1916001c3f4..585b4a87a53 100644
--- a/frontend/src/metabase/containers/AddToDashSelectDashModal/utils.ts
+++ b/frontend/src/metabase/containers/AddToDashSelectDashModal/utils.ts
@@ -45,11 +45,11 @@ export const shouldDisableItem = (item: DashboardPickerItem) => {
 export const filterWritableDashboards = (
   dashes: SearchResult[],
 ): SearchResult[] => {
-  return dashes.filter(dash => dash.can_write);
+  return dashes.filter((dash) => dash.can_write);
 };
 
 export const filterWritableRecents = (dashes: RecentItem[]) => {
-  return dashes.filter(dash => dash.model !== "table" && dash.can_write);
+  return dashes.filter((dash) => dash.model !== "table" && dash.can_write);
 };
 
 export const filterPersonalRecents = (
@@ -57,7 +57,7 @@ export const filterPersonalRecents = (
   personalCollectionId: CollectionId,
 ) => {
   return dashes.filter(
-    dash =>
+    (dash) =>
       dash.model !== "table" &&
       dash.parent_collection.id === personalCollectionId,
   );
diff --git a/frontend/src/metabase/containers/MoveModal.tsx b/frontend/src/metabase/containers/MoveModal.tsx
index ca16f4f4cbd..6e587e17f21 100644
--- a/frontend/src/metabase/containers/MoveModal.tsx
+++ b/frontend/src/metabase/containers/MoveModal.tsx
@@ -43,7 +43,7 @@ const makeRecentFilter = (
 ) => {
   return (recentItems: RecentItem[]) =>
     recentItems.filter(
-      result => !disableFn?.(result as CollectionPickerItem) ?? true,
+      (result) => !disableFn?.(result as CollectionPickerItem) ?? true,
     );
 };
 
@@ -52,7 +52,7 @@ const makeSearchResultFilter = (
 ) => {
   return (searchResults: SearchResult[]) =>
     searchResults.filter(
-      result => !disableFn?.(result as CollectionPickerItem) ?? true,
+      (result) => !disableFn?.(result as CollectionPickerItem) ?? true,
     );
 };
 
@@ -77,7 +77,7 @@ export const MoveModal = ({
 
   const searchResultFilter = makeSearchResultFilter(shouldDisableItem);
 
-  const recentFilter = makeRecentFilter(item => {
+  const recentFilter = makeRecentFilter((item) => {
     return Boolean(!item.can_write || shouldDisableItem?.(item));
   });
 
@@ -180,7 +180,9 @@ export const BulkMoveModal = ({
       ? t`Move ${selectedItems.length} items?`
       : t`Move "${selectedItems[0].name}"?`;
 
-  const canMoveToDashboard = selectedItems.every(item => item.model === "card");
+  const canMoveToDashboard = selectedItems.every(
+    (item) => item.model === "card",
+  );
 
   const models: CollectionPickerModel[] = canMoveToDashboard
     ? ["collection", "dashboard"]
@@ -193,7 +195,7 @@ export const BulkMoveModal = ({
         id: initialCollectionId,
         model: "collection",
       }}
-      onChange={destination => {
+      onChange={(destination) => {
         onMove({
           id: destination.id,
           model: destination.model,
diff --git a/frontend/src/metabase/containers/QuestionResultLoader.jsx b/frontend/src/metabase/containers/QuestionResultLoader.jsx
index 543b1c5d234..7bc4d418ca2 100644
--- a/frontend/src/metabase/containers/QuestionResultLoader.jsx
+++ b/frontend/src/metabase/containers/QuestionResultLoader.jsx
@@ -59,7 +59,7 @@ export class QuestionResultLoader extends Component {
         this._cancelDeferred = defer();
 
         // begin the request, set cancel in state so the query can be canceled
-        this.setState(prev => ({
+        this.setState((prev) => ({
           loading: true,
           results: keepPreviousWhileLoading ? prev.results : null,
           error: null,
diff --git a/frontend/src/metabase/containers/RemappedValue.jsx b/frontend/src/metabase/containers/RemappedValue.jsx
index df622d52a03..211f1473c6d 100644
--- a/frontend/src/metabase/containers/RemappedValue.jsx
+++ b/frontend/src/metabase/containers/RemappedValue.jsx
@@ -47,7 +47,7 @@ const RemappedValueContent = ({
 
 export const AutoLoadRemappedValue = AutoLoadRemapped(RemappedValueContent);
 
-export const FieldRemappedValue = props => (
+export const FieldRemappedValue = (props) => (
   <RemappedValueContent
     {...props}
     displayValue={props.displayValue ?? props.column.remappedValue(props.value)}
diff --git a/frontend/src/metabase/containers/UndoListing.styled.tsx b/frontend/src/metabase/containers/UndoListing.styled.tsx
index 8ab8bbfbaa5..1b26f7ba500 100644
--- a/frontend/src/metabase/containers/UndoListing.styled.tsx
+++ b/frontend/src/metabase/containers/UndoListing.styled.tsx
@@ -32,9 +32,9 @@ export const ToastCard = styled(Card)<{
   min-width: 310px;
   max-width: calc(100vw - 2 * ${LIST_H_MARGINS});
   position: relative;
-  ${props =>
+  ${(props) =>
     props.translateY ? `transform: translateY(${props.translateY}px)` : ""}
-  ${props => (props.color ? `background-color: ${color(props.color)}` : "")};
+  ${(props) => (props.color ? `background-color: ${color(props.color)}` : "")};
   ${({ noBorder }) =>
     noBorder &&
     css`
diff --git a/frontend/src/metabase/containers/UndoListing.tsx b/frontend/src/metabase/containers/UndoListing.tsx
index dd1d3482c05..d2c8354f232 100644
--- a/frontend/src/metabase/containers/UndoListing.tsx
+++ b/frontend/src/metabase/containers/UndoListing.tsx
@@ -108,7 +108,7 @@ export function UndoToast({
       duration={TOAST_TRANSITION_DURATION}
       timingFunction="ease"
     >
-      {styles => (
+      {(styles) => (
         <ToastCard
           dark
           data-testid="toast-undo"
@@ -168,7 +168,7 @@ export function UndoToast({
 
 export function UndoListing() {
   const dispatch = useDispatch();
-  const undos = useSelector(state => state.undo);
+  const undos = useSelector((state) => state.undo);
 
   const [lastId, setLastId] = useState<string | null>(null);
 
@@ -184,7 +184,7 @@ export function UndoListing() {
         lastId
       }
     >
-      {undos.map(undo => (
+      {undos.map((undo) => (
         <UndoToast
           key={undo._domId}
           undo={undo}
diff --git a/frontend/src/metabase/containers/UserCollectionList.tsx b/frontend/src/metabase/containers/UserCollectionList.tsx
index 08ffdd3e157..16556d91047 100644
--- a/frontend/src/metabase/containers/UserCollectionList.tsx
+++ b/frontend/src/metabase/containers/UserCollectionList.tsx
@@ -54,7 +54,7 @@ export const UserCollectionList = () => {
         ) : (
           <Grid>
             {users.map(
-              user =>
+              (user) =>
                 user.personal_collection_id && (
                   <ListGridItem
                     key={user.personal_collection_id}
diff --git a/frontend/src/metabase/containers/dnd/ItemDragSource.jsx b/frontend/src/metabase/containers/dnd/ItemDragSource.jsx
index 52376d1228c..da42871ee6e 100644
--- a/frontend/src/metabase/containers/dnd/ItemDragSource.jsx
+++ b/frontend/src/metabase/containers/dnd/ItemDragSource.jsx
@@ -29,7 +29,7 @@ class ItemDragSource extends Component {
 }
 
 export default DragSource(
-  props => dragTypeForItem(props.item),
+  (props) => dragTypeForItem(props.item),
   {
     canDrag({ isSelected, selected, collection, item }, monitor) {
       // can't drag if can't write the parent collection
@@ -55,11 +55,11 @@ export default DragSource(
         try {
           if (collection !== undefined) {
             await Promise.all(
-              items.map(i => i.setCollection && i.setCollection(collection)),
+              items.map((i) => i.setCollection && i.setCollection(collection)),
             );
           } else if (pinIndex !== undefined) {
             await Promise.all(
-              items.map(i => i.setPinned && i.setPinned(pinIndex)),
+              items.map((i) => i.setPinned && i.setPinned(pinIndex)),
             );
           }
 
diff --git a/frontend/src/metabase/containers/dnd/ItemsDragLayer.jsx b/frontend/src/metabase/containers/dnd/ItemsDragLayer.jsx
index 5b172b7efdb..06a85847668 100644
--- a/frontend/src/metabase/containers/dnd/ItemsDragLayer.jsx
+++ b/frontend/src/metabase/containers/dnd/ItemsDragLayer.jsx
@@ -73,10 +73,10 @@ class DraggedItems extends Component {
     );
   }
 
-  checkIsPinned = item => {
+  checkIsPinned = (item) => {
     const { pinnedItems } = this.props;
     const index = pinnedItems.findIndex(
-      i => i.model === item.model && i.id === item.id,
+      (i) => i.model === item.model && i.id === item.id,
     );
     return index >= 0;
   };
@@ -113,7 +113,7 @@ class DraggedItems extends Component {
   render() {
     const { items, draggedItem, visibleColumnsMap } = this.props;
     const index = _.findIndex(items, draggedItem);
-    const allPinned = items.every(item => this.checkIsPinned(item));
+    const allPinned = items.every((item) => this.checkIsPinned(item));
     return (
       <div
         style={{
@@ -123,7 +123,7 @@ class DraggedItems extends Component {
       >
         <BaseItemsTable
           items={items}
-          ItemComponent={props => this.renderItem(props)}
+          ItemComponent={(props) => this.renderItem(props)}
           headless
           isInDragLayer
           style={{ width: allPinned ? 400 : undefined }}
diff --git a/frontend/src/metabase/core/components/AccordionList/AccordionList.jsx b/frontend/src/metabase/core/components/AccordionList/AccordionList.jsx
index 59646413537..af9627945bf 100644
--- a/frontend/src/metabase/core/components/AccordionList/AccordionList.jsx
+++ b/frontend/src/metabase/core/components/AccordionList/AccordionList.jsx
@@ -110,7 +110,7 @@ export default class AccordionList extends Component {
     style: {},
     width: 300,
     globalSearch: false,
-    searchable: section => section.items && section.items.length > 10,
+    searchable: (section) => section.items && section.items.length > 10,
     searchProp: "name",
     searchCaseInsensitive: true,
     searchFuzzy: true,
@@ -121,19 +121,20 @@ export default class AccordionList extends Component {
     role: "grid",
 
     // section getters/render props
-    renderSectionIcon: section => section.icon && <Icon name={section.icon} />,
+    renderSectionIcon: (section) =>
+      section.icon && <Icon name={section.icon} />,
 
     // item getters/render props
-    itemIsClickable: item => true,
-    itemIsSelected: item => false,
-    renderItemName: item => item.name,
-    renderItemDescription: item => item.description,
-    renderItemExtra: item => null,
-    renderItemIcon: item => item.icon && <Icon name={item.icon} />,
-    getItemClassName: item => item.className,
-    getItemStyles: item => {},
+    itemIsClickable: (item) => true,
+    itemIsSelected: (item) => false,
+    renderItemName: (item) => item.name,
+    renderItemDescription: (item) => item.description,
+    renderItemExtra: (item) => null,
+    renderItemIcon: (item) => item.icon && <Icon name={item.icon} />,
+    getItemClassName: (item) => item.className,
+    getItemStyles: (item) => {},
     hasInitialFocus: true,
-    showSpinner: _item => false,
+    showSpinner: (_item) => false,
   };
 
   componentDidMount() {
@@ -212,7 +213,7 @@ export default class AccordionList extends Component {
     }
   }
 
-  toggleSection = sectionIndex => {
+  toggleSection = (sectionIndex) => {
     const { sections, onChangeSection } = this.props;
     if (onChangeSection) {
       if (onChangeSection(sections[sectionIndex], sectionIndex) === false) {
@@ -248,7 +249,9 @@ export default class AccordionList extends Component {
     const { sections } = this.props;
     let selectedSection = null;
     for (let i = 0; i < sections.length; i++) {
-      if (_.some(sections[i].items, item => this.props.itemIsSelected(item))) {
+      if (
+        _.some(sections[i].items, (item) => this.props.itemIsSelected(item))
+      ) {
         selectedSection = i;
         break;
       }
@@ -256,13 +259,13 @@ export default class AccordionList extends Component {
     return selectedSection === sectionIndex;
   }
 
-  handleChange = item => {
+  handleChange = (item) => {
     if (this.props.onChange) {
       this.props.onChange(item);
     }
   };
 
-  handleChangeSearchText = searchText => {
+  handleChangeSearchText = (searchText) => {
     this.setState({ searchText, cursor: null });
   };
 
@@ -313,7 +316,7 @@ export default class AccordionList extends Component {
     );
   };
 
-  handleKeyDown = event => {
+  handleKeyDown = (event) => {
     if (event.key === "ArrowUp") {
       event.preventDefault();
 
@@ -368,14 +371,14 @@ export default class AccordionList extends Component {
       this.toggleSection(cursor.sectionIndex);
     }
 
-    const searchRow = this.getRows().findIndex(row => row.type === "search");
+    const searchRow = this.getRows().findIndex((row) => row.type === "search");
 
     if (searchRow >= 0 && this.isVirtualized()) {
       this._list.scrollToRow(searchRow);
     }
   };
 
-  searchFilter = item => {
+  searchFilter = (item) => {
     const { searchProp } = this.props;
     const { searchText } = this.state;
 
@@ -386,7 +389,7 @@ export default class AccordionList extends Component {
     if (typeof searchProp === "string") {
       return this.searchPredicate(item, searchProp);
     } else if (Array.isArray(searchProp)) {
-      const searchResults = searchProp.map(member =>
+      const searchResults = searchProp.map((member) =>
         this.searchPredicate(item, member),
       );
       return searchResults.reduce((acc, curr) => acc || curr);
@@ -409,12 +412,12 @@ export default class AccordionList extends Component {
     // if any section is searchable just enable a global search
     let globalSearch = _globalSearch;
 
-    const sectionIsExpanded = sectionIndex =>
+    const sectionIsExpanded = (sectionIndex) =>
       alwaysExpanded ||
       openSection === sectionIndex ||
       (globalSearch && searchText?.length > 0);
 
-    const sectionIsSearchable = sectionIndex =>
+    const sectionIsSearchable = (sectionIndex) =>
       searchable &&
       (typeof searchable !== "function" || searchable(sections[sectionIndex]));
 
@@ -503,7 +506,7 @@ export default class AccordionList extends Component {
 
     if (globalSearch) {
       const isSearching = searchText.length > 0;
-      const isEmpty = rows.filter(row => row.type === "item").length === 0;
+      const isEmpty = rows.filter((row) => row.type === "item").length === 0;
 
       if (isSearching && isEmpty) {
         rows.unshift({
@@ -563,7 +566,7 @@ export default class AccordionList extends Component {
     return alwaysTogglable || sections.length > 1;
   };
 
-  isRowSelected = row => {
+  isRowSelected = (row) => {
     if (!this.state.cursor) {
       return false;
     }
@@ -576,7 +579,7 @@ export default class AccordionList extends Component {
     );
   };
 
-  isSectionExpanded = sectionIndex => {
+  isSectionExpanded = (sectionIndex) => {
     const openSection = this.getOpenSection();
 
     return (
@@ -586,7 +589,7 @@ export default class AccordionList extends Component {
     );
   };
 
-  canSelectSection = sectionIndex => {
+  canSelectSection = (sectionIndex) => {
     const section = this.props.sections[sectionIndex];
     if (!section) {
       return false;
@@ -625,7 +628,7 @@ export default class AccordionList extends Component {
     const scrollToIndex =
       cursor != null ? rows.findIndex(this.isRowSelected) : undefined;
 
-    const searchRowIndex = rows.findIndex(row => row.type === "search");
+    const searchRowIndex = rows.findIndex((row) => row.type === "search");
 
     if (!this.isVirtualized()) {
       return (
@@ -639,7 +642,7 @@ export default class AccordionList extends Component {
             ...style,
           }}
           data-testid={testId}
-          ref={element => {
+          ref={(element) => {
             this.listRootRef.current = element;
           }}
         >
@@ -691,7 +694,7 @@ export default class AccordionList extends Component {
     return (
       <List
         id={id}
-        ref={list => {
+        ref={(list) => {
           this._list = list;
         }}
         className={className}
diff --git a/frontend/src/metabase/core/components/AccordionList/AccordionList.unit.spec.js b/frontend/src/metabase/core/components/AccordionList/AccordionList.unit.spec.js
index 7a63c1f9323..6d51ff02c5b 100644
--- a/frontend/src/metabase/core/components/AccordionList/AccordionList.unit.spec.js
+++ b/frontend/src/metabase/core/components/AccordionList/AccordionList.unit.spec.js
@@ -87,7 +87,7 @@ describe("AccordionList", () => {
     const SEARCH_FIELD = screen.getByPlaceholderText("Find...");
     const sections = ["Widgets", "Doohickeys"];
 
-    sections.forEach(name => {
+    sections.forEach((name) => {
       const SECTION = screen.queryByText(name);
       expect(SEARCH_FIELD.compareDocumentPosition(SECTION)).toBe(
         Node.DOCUMENT_POSITION_FOLLOWING,
@@ -148,13 +148,13 @@ describe("AccordionList", () => {
 });
 
 function assertAbsence(array) {
-  array.forEach(item => {
+  array.forEach((item) => {
     expect(screen.queryByText(item)).not.toBeInTheDocument();
   });
 }
 
 function assertPresence(array) {
-  array.forEach(item => {
+  array.forEach((item) => {
     expect(screen.getByText(item)).toBeInTheDocument();
   });
 }
diff --git a/frontend/src/metabase/core/components/AccordionList/AccordionListCell.jsx b/frontend/src/metabase/core/components/AccordionList/AccordionListCell.jsx
index 20e817ca666..43b221525df 100644
--- a/frontend/src/metabase/core/components/AccordionList/AccordionListCell.jsx
+++ b/frontend/src/metabase/core/components/AccordionList/AccordionListCell.jsx
@@ -228,7 +228,7 @@ export const AccordionListCell = ({
     content = (
       <ListSearchField
         autoFocus
-        onChange={e => onChangeSearchText(e.target.value)}
+        onChange={(e) => onChangeSearchText(e.target.value)}
         onResetClick={() => onChangeSearchText("")}
         value={searchText}
         placeholder={searchPlaceholder}
diff --git a/frontend/src/metabase/core/components/AccordionList/AccordionListCell.styled.tsx b/frontend/src/metabase/core/components/AccordionList/AccordionListCell.styled.tsx
index 462b3e400fd..2dfb60aeef4 100644
--- a/frontend/src/metabase/core/components/AccordionList/AccordionListCell.styled.tsx
+++ b/frontend/src/metabase/core/components/AccordionList/AccordionListCell.styled.tsx
@@ -8,7 +8,7 @@ interface ListCellItemProps {
 }
 
 export const ListCellItem = styled.div<ListCellItemProps>`
-  border-color: ${props => props.isClickable && alpha("accent2", 0.2)};
+  border-color: ${(props) => props.isClickable && alpha("accent2", 0.2)};
 `;
 
 export const Content = styled.div<{ isClickable: boolean }>`
@@ -16,7 +16,7 @@ export const Content = styled.div<{ isClickable: boolean }>`
   display: flex;
   align-items: center;
   padding: 0.5rem;
-  cursor: ${props => (props.isClickable ? "pointer" : "default")};
+  cursor: ${(props) => (props.isClickable ? "pointer" : "default")};
   min-width: 0;
 `;
 
diff --git a/frontend/src/metabase/core/components/Alert/Alert.stories.tsx b/frontend/src/metabase/core/components/Alert/Alert.stories.tsx
index 2151dfc903f..e6b1ec3ae02 100644
--- a/frontend/src/metabase/core/components/Alert/Alert.stories.tsx
+++ b/frontend/src/metabase/core/components/Alert/Alert.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: Alert,
 };
 
-const Template: StoryFn<AlertProps> = args => {
+const Template: StoryFn<AlertProps> = (args) => {
   return <Alert {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/Alert/Alert.styled.tsx b/frontend/src/metabase/core/components/Alert/Alert.styled.tsx
index 8c1e9e64d1b..5a3839aa409 100644
--- a/frontend/src/metabase/core/components/Alert/Alert.styled.tsx
+++ b/frontend/src/metabase/core/components/Alert/Alert.styled.tsx
@@ -37,14 +37,14 @@ export const AlertRoot = styled.div<AlertRootProps>`
   padding: 1.25rem 1rem;
   line-height: 1.4rem;
   color: var(--mb-color-text-dark);
-  ${props =>
+  ${(props) =>
     props.hasBorder
       ? css`
           border: 1px solid ${colorsByVariant.border[props.variant]};
         `
       : null};
   border-radius: 0.5rem;
-  background-color: ${props => colorsByVariant.background[props.variant]};
+  background-color: ${(props) => colorsByVariant.background[props.variant]};
 `;
 
 interface AlertIconProps {
@@ -55,5 +55,5 @@ export const AlertIcon = styled(Icon)<AlertIconProps>`
   box-sizing: content-box;
   flex-shrink: 0;
   padding: 0.5rem 1rem 0.5rem 0.5rem;
-  color: ${props => colorsByVariant.icon[props.variant]};
+  color: ${(props) => colorsByVariant.icon[props.variant]};
 `;
diff --git a/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.stories.tsx b/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.stories.tsx
index 85cbb23dfec..4c1e7adc9ee 100644
--- a/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.stories.tsx
+++ b/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: AutocompleteInput,
 };
 
-const Template: StoryFn<typeof AutocompleteInput> = args => {
+const Template: StoryFn<typeof AutocompleteInput> = (args) => {
   const [value, setValue] = useState("");
   return (
     <AutocompleteInput
@@ -43,17 +43,17 @@ export const CustomFilter = {
       if (!value) {
         return [];
       } else {
-        return options.filter(o => o.includes(value[0]));
+        return options.filter((o) => o.includes(value[0]));
       }
     },
   },
 };
 
-const CustomOptionClickTemplate: StoryFn<typeof AutocompleteInput> = args => {
+const CustomOptionClickTemplate: StoryFn<typeof AutocompleteInput> = (args) => {
   const [value, setValue] = useState("");
 
   const handleOptionSelect = (option: string) => {
-    setValue(v => `${v}${option}`);
+    setValue((v) => `${v}${option}`);
   };
   return (
     <AutocompleteInput
diff --git a/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.tsx b/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.tsx
index 872491ee4dd..6eea980893c 100644
--- a/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.tsx
+++ b/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.tsx
@@ -23,7 +23,7 @@ const filterOptionsByValue = (value: string | undefined, options: string[]) => {
     return options;
   }
 
-  return options.filter(option => {
+  return options.filter((option) => {
     const optionLowerCase = option.toLowerCase().trim();
     const valueLowerCase = value.toLowerCase().trim();
     return (
@@ -70,7 +70,7 @@ const AutocompleteInput = ({
     }
   };
 
-  const handleChange: InputProps["onChange"] = e => {
+  const handleChange: InputProps["onChange"] = (e) => {
     onChange(e.target.value);
   };
 
@@ -110,7 +110,7 @@ const AutocompleteInput = ({
                 key={item}
                 id={item}
                 name={item}
-                onSelect={item => {
+                onSelect={(item) => {
                   handleOptionSelect(String(item));
                   closePopover();
                 }}
diff --git a/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.unit.spec.tsx b/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.unit.spec.tsx
index 5169a4ed032..3623244f2f7 100644
--- a/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.unit.spec.tsx
+++ b/frontend/src/metabase/core/components/AutocompleteInput/AutocompleteInput.unit.spec.tsx
@@ -67,7 +67,7 @@ describe("AutocompleteInput", () => {
     const filterOptions = (value: string | undefined, options: string[]) => {
       if (value && options) {
         return options.filter(
-          option =>
+          (option) =>
             !option.toLocaleLowerCase().includes(value.toLocaleLowerCase()),
         );
       }
diff --git a/frontend/src/metabase/core/components/BookmarkToggle/BookmarkToggle.stories.tsx b/frontend/src/metabase/core/components/BookmarkToggle/BookmarkToggle.stories.tsx
index ade0af94ec9..106cdf60681 100644
--- a/frontend/src/metabase/core/components/BookmarkToggle/BookmarkToggle.stories.tsx
+++ b/frontend/src/metabase/core/components/BookmarkToggle/BookmarkToggle.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: BookmarkToggle,
 };
 
-const Template: StoryFn<typeof BookmarkToggle> = args => {
+const Template: StoryFn<typeof BookmarkToggle> = (args) => {
   const [{ isBookmarked }, updateArgs] = useArgs();
   const handleCreateBookmark = () => updateArgs({ isBookmarked: true });
   const handleDeleteBookmark = () => updateArgs({ isBookmarked: false });
diff --git a/frontend/src/metabase/core/components/BookmarkToggle/BookmarkToggle.styled.tsx b/frontend/src/metabase/core/components/BookmarkToggle/BookmarkToggle.styled.tsx
index b83c21aac09..a74ce1efcc8 100644
--- a/frontend/src/metabase/core/components/BookmarkToggle/BookmarkToggle.styled.tsx
+++ b/frontend/src/metabase/core/components/BookmarkToggle/BookmarkToggle.styled.tsx
@@ -31,10 +31,11 @@ export const BookmarkIcon = styled(
   Icon,
   doNotForwardProps("isBookmarked", "isAnimating"),
 )<BookmarkIconProps>`
-  color: ${props => (props.isBookmarked ? color("brand") : "")};
-  animation-name: ${props =>
+  color: ${(props) => (props.isBookmarked ? color("brand") : "")};
+  animation-name: ${(props) =>
     props.isBookmarked ? expandKeyframes : shrinkKeyframes};
-  animation-play-state: ${props => (props.isAnimating ? "running" : "paused")};
+  animation-play-state: ${(props) =>
+    props.isAnimating ? "running" : "paused"};
   animation-duration: 0.3s;
   animation-timing-function: linear;
 `;
diff --git a/frontend/src/metabase/core/components/Button/Button.styled.tsx b/frontend/src/metabase/core/components/Button/Button.styled.tsx
index b6e473ab332..b69b5d45e92 100644
--- a/frontend/src/metabase/core/components/Button/Button.styled.tsx
+++ b/frontend/src/metabase/core/components/Button/Button.styled.tsx
@@ -69,10 +69,10 @@ interface ButtonContentProps {
 
 export const ButtonContent = styled.div<ButtonContentProps>`
   display: flex;
-  flex-direction: ${props => (props.iconVertical ? "column" : "row")};
+  flex-direction: ${(props) => (props.iconVertical ? "column" : "row")};
   align-items: center;
   justify-content: center;
-  min-width: ${props => (props.iconVertical ? "60px" : "")};
+  min-width: ${(props) => (props.iconVertical ? "60px" : "")};
 `;
 
 interface ButtonTextContainerProps {
@@ -102,13 +102,13 @@ export const ButtonTextContainer = styled.div<ButtonTextContainerProps>`
   overflow: hidden;
   white-space: nowrap;
 
-  ${props => {
+  ${(props) => {
     if (props.hasIcon) {
       return props.iconVertical ? verticalTopIconCSS : horizontalLeftIconCSS;
     }
   }}
 
-  ${props => {
+  ${(props) => {
     if (props.hasRightIcon) {
       return props.iconVertical
         ? verticalBottomIconCSS
diff --git a/frontend/src/metabase/core/components/Button/Button.tsx b/frontend/src/metabase/core/components/Button/Button.tsx
index d5675e4676f..cbbda89db41 100644
--- a/frontend/src/metabase/core/components/Button/Button.tsx
+++ b/frontend/src/metabase/core/components/Button/Button.tsx
@@ -109,8 +109,8 @@ const BaseButton = forwardRef(function BaseButton(
   }: ButtonProps,
   ref: Ref<HTMLButtonElement>,
 ) {
-  const variantClasses = BUTTON_VARIANTS.filter(variant => props[variant])
-    .map(variant => VARIANT_TO_CLASS_MAP[variant])
+  const variantClasses = BUTTON_VARIANTS.filter((variant) => props[variant])
+    .map((variant) => VARIANT_TO_CLASS_MAP[variant])
     .filter(isNotNull);
 
   return (
diff --git a/frontend/src/metabase/core/components/ButtonGroup/ButtonGroup.stories.tsx b/frontend/src/metabase/core/components/ButtonGroup/ButtonGroup.stories.tsx
index 5b6f02632f5..0a828be8212 100644
--- a/frontend/src/metabase/core/components/ButtonGroup/ButtonGroup.stories.tsx
+++ b/frontend/src/metabase/core/components/ButtonGroup/ButtonGroup.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: ButtonGroup,
 };
 
-const Template: StoryFn<typeof ButtonGroup> = args => {
+const Template: StoryFn<typeof ButtonGroup> = (args) => {
   return (
     <ButtonGroup {...args}>
       <Button>One</Button>
diff --git a/frontend/src/metabase/core/components/CheckBox/CheckBox.stories.tsx b/frontend/src/metabase/core/components/CheckBox/CheckBox.stories.tsx
index 817bb7862f9..79bf128cda8 100644
--- a/frontend/src/metabase/core/components/CheckBox/CheckBox.stories.tsx
+++ b/frontend/src/metabase/core/components/CheckBox/CheckBox.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: CheckBox,
 };
 
-const Template: StoryFn<typeof CheckBox> = args => {
+const Template: StoryFn<typeof CheckBox> = (args) => {
   const [{ checked }, updateArgs] = useArgs();
 
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
diff --git a/frontend/src/metabase/core/components/CheckBox/CheckBox.styled.tsx b/frontend/src/metabase/core/components/CheckBox/CheckBox.styled.tsx
index 15051a8fe68..5efb731cc9a 100644
--- a/frontend/src/metabase/core/components/CheckBox/CheckBox.styled.tsx
+++ b/frontend/src/metabase/core/components/CheckBox/CheckBox.styled.tsx
@@ -24,11 +24,11 @@ export const CheckBoxInput = styled.input<CheckBoxInputProps>`
   position: absolute;
   left: 0;
   right: 0;
-  width: ${props => `${props.size}px`};
+  width: ${(props) => `${props.size}px`};
   height: 100%;
   margin: 0;
   padding: 0;
-  cursor: ${props => (props.disabled ? "" : "pointer")};
+  cursor: ${(props) => (props.disabled ? "" : "pointer")};
   opacity: 0;
   z-index: 1;
 `;
@@ -36,9 +36,9 @@ export const CheckBoxInput = styled.input<CheckBoxInputProps>`
 export const CheckBoxContainer = styled.span<CheckBoxContainerProps>`
   display: inline-flex;
   align-items: center;
-  cursor: ${props => (props.disabled ? "" : "pointer")};
+  cursor: ${(props) => (props.disabled ? "" : "pointer")};
   max-width: 100%;
-  opacity: ${props => (props.disabled ? "0.4" : "")};
+  opacity: ${(props) => (props.disabled ? "0.4" : "")};
 
   ${CheckBoxInput}:focus + & {
     outline: 2px solid var(--mb-color-focus);
@@ -52,22 +52,23 @@ export const CheckBoxContainer = styled.span<CheckBoxContainerProps>`
 export const CheckBoxIcon = styled(Icon)<CheckBoxIconProps>`
   display: block;
   padding: ${DEFAULT_ICON_PADDING / 2}px;
-  color: ${props => color(props.checked ? "white" : props.uncheckedColor)};
-  width: ${props => `${props.size}px`};
-  height: ${props => `${props.size}px`};
+  color: ${(props) => color(props.checked ? "white" : props.uncheckedColor)};
+  width: ${(props) => `${props.size}px`};
+  height: ${(props) => `${props.size}px`};
 `;
 
 export const CheckBoxIconContainer = styled.span<CheckBoxIconContainerProps>`
   display: flex;
   justify-content: center;
   align-items: center;
-  min-width: ${props => `${props.size}px`};
-  width: ${props => `${props.size}px`};
-  height: ${props => `${props.size}px`};
+  min-width: ${(props) => `${props.size}px`};
+  width: ${(props) => `${props.size}px`};
+  height: ${(props) => `${props.size}px`};
   border: 0.125rem solid
-    ${props => color(props.checked ? props.checkedColor : props.uncheckedColor)};
+    ${(props) =>
+      color(props.checked ? props.checkedColor : props.uncheckedColor)};
   border-radius: 0.25rem;
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.checked ? color(props.checkedColor) : "var(--mb-color-bg-white)"};
 `;
 
diff --git a/frontend/src/metabase/core/components/ColorInput/ColorInput.stories.tsx b/frontend/src/metabase/core/components/ColorInput/ColorInput.stories.tsx
index 3601e3c7b53..07ef5681d06 100644
--- a/frontend/src/metabase/core/components/ColorInput/ColorInput.stories.tsx
+++ b/frontend/src/metabase/core/components/ColorInput/ColorInput.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: ColorInput,
 };
 
-const Template: StoryFn<typeof ColorInput> = args => {
+const Template: StoryFn<typeof ColorInput> = (args) => {
   const [{ value }, updateArgs] = useArgs();
 
   const handleChange = (value?: string) => {
diff --git a/frontend/src/metabase/core/components/ColorPicker/ColorPicker.stories.tsx b/frontend/src/metabase/core/components/ColorPicker/ColorPicker.stories.tsx
index 8de0c3a7914..5184e2e46b8 100644
--- a/frontend/src/metabase/core/components/ColorPicker/ColorPicker.stories.tsx
+++ b/frontend/src/metabase/core/components/ColorPicker/ColorPicker.stories.tsx
@@ -10,7 +10,7 @@ export default {
   component: ColorPicker,
 };
 
-const Template: StoryFn<typeof ColorPicker> = args => {
+const Template: StoryFn<typeof ColorPicker> = (args) => {
   const [{ value }, updateArgs] = useArgs();
 
   const handleChange = (value?: string) => {
diff --git a/frontend/src/metabase/core/components/ColorPill/ColorPill.stories.tsx b/frontend/src/metabase/core/components/ColorPill/ColorPill.stories.tsx
index 316d9d08c9a..f4c34e67fc6 100644
--- a/frontend/src/metabase/core/components/ColorPill/ColorPill.stories.tsx
+++ b/frontend/src/metabase/core/components/ColorPill/ColorPill.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: ColorPill,
 };
 
-const Template: StoryFn<ColorPillProps> = args => {
+const Template: StoryFn<ColorPillProps> = (args) => {
   return <ColorPill {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/ColorRange/ColorRange.stories.tsx b/frontend/src/metabase/core/components/ColorRange/ColorRange.stories.tsx
index 6e4bd0b0a74..27872bb67cf 100644
--- a/frontend/src/metabase/core/components/ColorRange/ColorRange.stories.tsx
+++ b/frontend/src/metabase/core/components/ColorRange/ColorRange.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: ColorRange,
 };
 
-const Template: StoryFn<ColorRangeProps> = args => {
+const Template: StoryFn<ColorRangeProps> = (args) => {
   return <ColorRange {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/ColorRange/ColorRange.tsx b/frontend/src/metabase/core/components/ColorRange/ColorRange.tsx
index 330f21e2c47..e2b2517f078 100644
--- a/frontend/src/metabase/core/components/ColorRange/ColorRange.tsx
+++ b/frontend/src/metabase/core/components/ColorRange/ColorRange.tsx
@@ -51,7 +51,7 @@ export const ColorRange = forwardRef(function ColorRange(
         props.className,
       )}
     >
-      {_.range(0, sections).map(section => (
+      {_.range(0, sections).map((section) => (
         <Box key={section} flex="1" bg={scale(section)} />
       ))}
     </Flex>
diff --git a/frontend/src/metabase/core/components/ColorRangeSelector/ColorRangePopover.tsx b/frontend/src/metabase/core/components/ColorRangeSelector/ColorRangePopover.tsx
index 03168f8b2c8..993afab6089 100644
--- a/frontend/src/metabase/core/components/ColorRangeSelector/ColorRangePopover.tsx
+++ b/frontend/src/metabase/core/components/ColorRangeSelector/ColorRangePopover.tsx
@@ -148,14 +148,14 @@ const getDefaultColor = (
 };
 
 const getDefaultColorMapping = (colors: string[]) => {
-  return Object.fromEntries(colors.map(color => [color, ["white", color]]));
+  return Object.fromEntries(colors.map((color) => [color, ["white", color]]));
 };
 
 const getDefaultIsInverted = (
   value: string[],
   colorMapping: Record<string, string[]>,
 ) => {
-  return Object.values(colorMapping).some(range => {
+  return Object.values(colorMapping).some((range) => {
     return _.isEqual(value, [...range].reverse());
   });
 };
diff --git a/frontend/src/metabase/core/components/ColorRangeSelector/ColorRangeSelector.stories.tsx b/frontend/src/metabase/core/components/ColorRangeSelector/ColorRangeSelector.stories.tsx
index 36a2f5f8c57..4470037e750 100644
--- a/frontend/src/metabase/core/components/ColorRangeSelector/ColorRangeSelector.stories.tsx
+++ b/frontend/src/metabase/core/components/ColorRangeSelector/ColorRangeSelector.stories.tsx
@@ -13,7 +13,7 @@ export default {
   component: ColorRangeSelector,
 };
 
-const Template: StoryFn<ColorRangeSelectorProps> = args => {
+const Template: StoryFn<ColorRangeSelectorProps> = (args) => {
   const [{ value }, updateArgs] = useArgs();
 
   const handleChange = (value: string[]) => {
diff --git a/frontend/src/metabase/core/components/ColorSelector/ColorSelector.stories.tsx b/frontend/src/metabase/core/components/ColorSelector/ColorSelector.stories.tsx
index 09396c9631c..83a8d5f74cc 100644
--- a/frontend/src/metabase/core/components/ColorSelector/ColorSelector.stories.tsx
+++ b/frontend/src/metabase/core/components/ColorSelector/ColorSelector.stories.tsx
@@ -10,7 +10,7 @@ export default {
   component: ColorSelector,
 };
 
-const Template: StoryFn<ColorSelectorProps> = args => {
+const Template: StoryFn<ColorSelectorProps> = (args) => {
   const [{ value }, updateArgs] = useArgs();
 
   const handleChange = (value: string) => {
diff --git a/frontend/src/metabase/core/components/DateInput/DateInput.stories.tsx b/frontend/src/metabase/core/components/DateInput/DateInput.stories.tsx
index 9fe1398704c..027c845cba2 100644
--- a/frontend/src/metabase/core/components/DateInput/DateInput.stories.tsx
+++ b/frontend/src/metabase/core/components/DateInput/DateInput.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: DateInput,
 };
 
-const Template: StoryFn<typeof DateInput> = args => {
+const Template: StoryFn<typeof DateInput> = (args) => {
   const [value, setValue] = useState<Moment>();
   return <DateInput {...args} value={value} onChange={setValue} />;
 };
diff --git a/frontend/src/metabase/core/components/DateSelector/DateSelector.stories.tsx b/frontend/src/metabase/core/components/DateSelector/DateSelector.stories.tsx
index 64608f466b6..f93443282a8 100644
--- a/frontend/src/metabase/core/components/DateSelector/DateSelector.stories.tsx
+++ b/frontend/src/metabase/core/components/DateSelector/DateSelector.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: DateSelector,
 };
 
-const Template: StoryFn<DateSelectorProps> = args => {
+const Template: StoryFn<DateSelectorProps> = (args) => {
   const [value, setValue] = useState(args.value);
   return <DateSelector {...args} value={value} onChange={setValue} />;
 };
diff --git a/frontend/src/metabase/core/components/DateWidget/DateWidget.stories.tsx b/frontend/src/metabase/core/components/DateWidget/DateWidget.stories.tsx
index 0bc8fdc47b7..2a1ee465f7f 100644
--- a/frontend/src/metabase/core/components/DateWidget/DateWidget.stories.tsx
+++ b/frontend/src/metabase/core/components/DateWidget/DateWidget.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: DateWidget,
 };
 
-const Template: StoryFn<typeof DateWidget> = args => {
+const Template: StoryFn<typeof DateWidget> = (args) => {
   const [value, setValue] = useState<Moment>();
   return <DateWidget {...args} value={value} onChange={setValue} />;
 };
diff --git a/frontend/src/metabase/core/components/EditableText/EditableText.stories.tsx b/frontend/src/metabase/core/components/EditableText/EditableText.stories.tsx
index 42b987543c7..b8c9ba442d1 100644
--- a/frontend/src/metabase/core/components/EditableText/EditableText.stories.tsx
+++ b/frontend/src/metabase/core/components/EditableText/EditableText.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: EditableText,
 };
 
-const Template: StoryFn<EditableTextProps> = args => {
+const Template: StoryFn<EditableTextProps> = (args) => {
   return <EditableText {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/EditableText/EditableText.styled.tsx b/frontend/src/metabase/core/components/EditableText/EditableText.styled.tsx
index 1c482eb7387..d946336b6ad 100644
--- a/frontend/src/metabase/core/components/EditableText/EditableText.styled.tsx
+++ b/frontend/src/metabase/core/components/EditableText/EditableText.styled.tsx
@@ -19,10 +19,10 @@ export const EditableTextRoot = styled.div<EditableTextRootProps>`
 
   &:hover,
   &:focus-within {
-    border-color: ${props => !props.isDisabled && "var(--mb-color-border)"};
+    border-color: ${(props) => !props.isDisabled && "var(--mb-color-border)"};
   }
 
-  ${props =>
+  ${(props) =>
     props.isEditing &&
     !props.isDisabled &&
     css`
@@ -53,7 +53,7 @@ export const EditableTextArea = styled.textarea`
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
-  cursor: ${props => (props.disabled ? "text" : "pointer")};
+  cursor: ${(props) => (props.disabled ? "text" : "pointer")};
   border: none;
   resize: none;
   outline: none;
diff --git a/frontend/src/metabase/core/components/Ellipsified/Ellipsified.stories.tsx b/frontend/src/metabase/core/components/Ellipsified/Ellipsified.stories.tsx
index 656df64d0f7..474b894872f 100644
--- a/frontend/src/metabase/core/components/Ellipsified/Ellipsified.stories.tsx
+++ b/frontend/src/metabase/core/components/Ellipsified/Ellipsified.stories.tsx
@@ -8,7 +8,7 @@ const testLabels = [
   "Very____________LongTitleWithNoSpaces",
   "Very Long Title With Spaces",
   "VeryLongTitleWithNoSpaces and more words",
-  [1, 2, 3, 4, 5].map(i => `${i}_VeryLongTitleWithNoSpaces`).join(" "),
+  [1, 2, 3, 4, 5].map((i) => `${i}_VeryLongTitleWithNoSpaces`).join(" "),
 ];
 
 export default {
@@ -16,7 +16,7 @@ export default {
   component: Ellipsified,
 };
 
-const Template: StoryFn<typeof Ellipsified> = args => (
+const Template: StoryFn<typeof Ellipsified> = (args) => (
   <ul style={{ maxWidth: 100 }}>
     {testLabels.map((label: string) => (
       <li style={{ marginTop: 10 }} key={label}>
diff --git a/frontend/src/metabase/core/components/ExternalLink/ExternalLink.stories.tsx b/frontend/src/metabase/core/components/ExternalLink/ExternalLink.stories.tsx
index bf6618fd303..594bdc887a5 100644
--- a/frontend/src/metabase/core/components/ExternalLink/ExternalLink.stories.tsx
+++ b/frontend/src/metabase/core/components/ExternalLink/ExternalLink.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: ExternalLink,
 };
 
-const Template: StoryFn<typeof ExternalLink> = args => {
+const Template: StoryFn<typeof ExternalLink> = (args) => {
   return <ExternalLink {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/ExternalLink/ExternalLink.tsx b/frontend/src/metabase/core/components/ExternalLink/ExternalLink.tsx
index 90813728595..c9a666c6135 100644
--- a/frontend/src/metabase/core/components/ExternalLink/ExternalLink.tsx
+++ b/frontend/src/metabase/core/components/ExternalLink/ExternalLink.tsx
@@ -26,7 +26,7 @@ const ExternalLink = forwardRef(function ExternalLink(
       // prevent malicious pages from navigating us away
       rel="noopener noreferrer"
       // disables quickfilter in tables
-      onClickCapture={e => e.stopPropagation()}
+      onClickCapture={(e) => e.stopPropagation()}
       {...props}
     >
       {children}
diff --git a/frontend/src/metabase/core/components/FileInput/FileInput.stories.tsx b/frontend/src/metabase/core/components/FileInput/FileInput.stories.tsx
index 81a959cfa75..763d6631ccb 100644
--- a/frontend/src/metabase/core/components/FileInput/FileInput.stories.tsx
+++ b/frontend/src/metabase/core/components/FileInput/FileInput.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: FileInput,
 };
 
-const Template: StoryFn<typeof FileInput> = args => {
+const Template: StoryFn<typeof FileInput> = (args) => {
   return <FileInput {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/FileInput/FileInput.styled.tsx b/frontend/src/metabase/core/components/FileInput/FileInput.styled.tsx
index 362ee655a73..ece06f5f673 100644
--- a/frontend/src/metabase/core/components/FileInput/FileInput.styled.tsx
+++ b/frontend/src/metabase/core/components/FileInput/FileInput.styled.tsx
@@ -13,7 +13,7 @@ export const InputField = styled.input<InputFieldProps>`
   color: var(--mb-color-text-dark);
   flex: 1 1 auto;
   font-family: inherit;
-  font-weight: ${props => (props.hasValue ? "bold" : "")};
+  font-weight: ${(props) => (props.hasValue ? "bold" : "")};
   order: 1;
 
   &:active,
diff --git a/frontend/src/metabase/core/components/FormCheckBox/FormCheckBox.stories.tsx b/frontend/src/metabase/core/components/FormCheckBox/FormCheckBox.stories.tsx
index 6165a0fef78..997912cec7a 100644
--- a/frontend/src/metabase/core/components/FormCheckBox/FormCheckBox.stories.tsx
+++ b/frontend/src/metabase/core/components/FormCheckBox/FormCheckBox.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: FormCheckBox,
 };
 
-const Template: StoryFn<typeof FormCheckBox> = args => {
+const Template: StoryFn<typeof FormCheckBox> = (args) => {
   const initialValues = { value: false };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/FormDateInput/FormDateInput.stories.tsx b/frontend/src/metabase/core/components/FormDateInput/FormDateInput.stories.tsx
index 2e44867434a..554a163d911 100644
--- a/frontend/src/metabase/core/components/FormDateInput/FormDateInput.stories.tsx
+++ b/frontend/src/metabase/core/components/FormDateInput/FormDateInput.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: FormDateInput,
 };
 
-const Template: StoryFn<typeof FormDateInput> = args => {
+const Template: StoryFn<typeof FormDateInput> = (args) => {
   const initialValues = { value: undefined };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/FormErrorMessage/FormErrorMessage.styled.tsx b/frontend/src/metabase/core/components/FormErrorMessage/FormErrorMessage.styled.tsx
index 9203a956253..444bba9784e 100644
--- a/frontend/src/metabase/core/components/FormErrorMessage/FormErrorMessage.styled.tsx
+++ b/frontend/src/metabase/core/components/FormErrorMessage/FormErrorMessage.styled.tsx
@@ -7,5 +7,5 @@ interface ErrorMessageRootProps {
 
 export const ErrorMessageRoot = styled.div<ErrorMessageRootProps>`
   color: var(--mb-color-error);
-  margin-top: ${props => !props.inline && "1rem"};
+  margin-top: ${(props) => !props.inline && "1rem"};
 `;
diff --git a/frontend/src/metabase/core/components/FormField/FormField.styled.tsx b/frontend/src/metabase/core/components/FormField/FormField.styled.tsx
index 10d878bc1a1..d0436e3ba03 100644
--- a/frontend/src/metabase/core/components/FormField/FormField.styled.tsx
+++ b/frontend/src/metabase/core/components/FormField/FormField.styled.tsx
@@ -13,13 +13,13 @@ interface FormCaptionProps {
 }
 
 export const FieldCaption = styled.div<FormCaptionProps>`
-  align-self: ${props =>
+  align-self: ${(props) =>
     props.orientation !== "vertical" && !props.hasDescription ? "center" : ""};
-  margin-left: ${props =>
+  margin-left: ${(props) =>
     props.orientation === "horizontal" &&
     props.alignment === "start" &&
     "0.5rem"};
-  margin-right: ${props =>
+  margin-right: ${(props) =>
     props.orientation === "horizontal" &&
     props.alignment === "end" &&
     "0.5rem"};
@@ -31,7 +31,7 @@ interface FieldLabelProps {
 
 export const FieldLabel = styled.label<FieldLabelProps>`
   display: block;
-  color: ${props => (props.hasError ? color("error") : color("text-medium"))};
+  color: ${(props) => (props.hasError ? color("error") : color("text-medium"))};
   font-size: 0.77rem;
   font-weight: 900;
 `;
@@ -51,7 +51,7 @@ interface FieldLabelContainerProps {
 export const FieldLabelContainer = styled.div<FieldLabelContainerProps>`
   display: flex;
   align-items: center;
-  margin-bottom: ${props =>
+  margin-bottom: ${(props) =>
     props.orientation === "vertical" || props.hasDescription ? "0.5em" : ""};
 `;
 
@@ -88,8 +88,8 @@ interface FieldRootProps {
 }
 
 export const FieldRoot = styled.div<FieldRootProps>`
-  display: ${props => props.orientation === "horizontal" && "flex"};
-  justify-content: ${props =>
+  display: ${(props) => props.orientation === "horizontal" && "flex"};
+  justify-content: ${(props) =>
     props.alignment === "end" &&
     props.orientation === "horizontal" &&
     "space-between"};
diff --git a/frontend/src/metabase/core/components/FormFileInput/FormFileInput.stories.tsx b/frontend/src/metabase/core/components/FormFileInput/FormFileInput.stories.tsx
index be8f27e3c8b..601e7a56914 100644
--- a/frontend/src/metabase/core/components/FormFileInput/FormFileInput.stories.tsx
+++ b/frontend/src/metabase/core/components/FormFileInput/FormFileInput.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: FormFileInput,
 };
 
-const Template: StoryFn<typeof FormFileInput> = args => {
+const Template: StoryFn<typeof FormFileInput> = (args) => {
   const initialValues = { value: undefined };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/FormInput/FormInput.stories.tsx b/frontend/src/metabase/core/components/FormInput/FormInput.stories.tsx
index 39b2eefcd0f..97f3127b60b 100644
--- a/frontend/src/metabase/core/components/FormInput/FormInput.stories.tsx
+++ b/frontend/src/metabase/core/components/FormInput/FormInput.stories.tsx
@@ -11,7 +11,7 @@ const TitleActions = () => {
   const [checked, setChecked] = useState(true);
   return (
     <CheckBox
-      onChange={() => setChecked(checked => !checked)}
+      onChange={() => setChecked((checked) => !checked)}
       checked={checked}
       label="Show field"
     />
@@ -30,7 +30,7 @@ export default {
   },
 };
 
-const Template: StoryFn<typeof FormInput> = args => {
+const Template: StoryFn<typeof FormInput> = (args) => {
   const initialValues = { value: false };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/FormNumericInput/FormNumericInput.stories.tsx b/frontend/src/metabase/core/components/FormNumericInput/FormNumericInput.stories.tsx
index 42989e73079..c961f190919 100644
--- a/frontend/src/metabase/core/components/FormNumericInput/FormNumericInput.stories.tsx
+++ b/frontend/src/metabase/core/components/FormNumericInput/FormNumericInput.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: FormNumericInput,
 };
 
-const Template: StoryFn<typeof FormNumericInput> = args => {
+const Template: StoryFn<typeof FormNumericInput> = (args) => {
   const initialValues = { value: undefined };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/FormRadio/FormRadio.stories.tsx b/frontend/src/metabase/core/components/FormRadio/FormRadio.stories.tsx
index 6b1b02a889a..c03baf93373 100644
--- a/frontend/src/metabase/core/components/FormRadio/FormRadio.stories.tsx
+++ b/frontend/src/metabase/core/components/FormRadio/FormRadio.stories.tsx
@@ -16,7 +16,7 @@ export default {
 };
 
 // TODO: mark this story as deprecated
-const Template: StoryFn<typeof FormRadio> = args => {
+const Template: StoryFn<typeof FormRadio> = (args) => {
   const initialValues = { value: undefined };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/FormSelect/FormSelect.stories.tsx b/frontend/src/metabase/core/components/FormSelect/FormSelect.stories.tsx
index dafec943956..3fbac09c29d 100644
--- a/frontend/src/metabase/core/components/FormSelect/FormSelect.stories.tsx
+++ b/frontend/src/metabase/core/components/FormSelect/FormSelect.stories.tsx
@@ -15,7 +15,7 @@ export default {
   component: FormSelect,
 };
 
-const Template: StoryFn<typeof FormSelect> = args => {
+const Template: StoryFn<typeof FormSelect> = (args) => {
   const initialValues = { value: undefined };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/FormTextArea/FormTextArea.stories.tsx b/frontend/src/metabase/core/components/FormTextArea/FormTextArea.stories.tsx
index 6b47de06bee..d9c2eeb3e53 100644
--- a/frontend/src/metabase/core/components/FormTextArea/FormTextArea.stories.tsx
+++ b/frontend/src/metabase/core/components/FormTextArea/FormTextArea.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: FormTextArea,
 };
 
-const Template: StoryFn<typeof FormTextArea> = args => {
+const Template: StoryFn<typeof FormTextArea> = (args) => {
   const initialValues = { value: false };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/FormToggle/FormToggle.stories.tsx b/frontend/src/metabase/core/components/FormToggle/FormToggle.stories.tsx
index 4aa02823e51..dc7569efd2e 100644
--- a/frontend/src/metabase/core/components/FormToggle/FormToggle.stories.tsx
+++ b/frontend/src/metabase/core/components/FormToggle/FormToggle.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: FormToggle,
 };
 
-const Template: StoryFn<typeof FormToggle> = args => {
+const Template: StoryFn<typeof FormToggle> = (args) => {
   const initialValues = { value: false };
   const handleSubmit = () => undefined;
 
diff --git a/frontend/src/metabase/core/components/Input/Input.stories.tsx b/frontend/src/metabase/core/components/Input/Input.stories.tsx
index 8606c0e71e3..7eb91b105e0 100644
--- a/frontend/src/metabase/core/components/Input/Input.stories.tsx
+++ b/frontend/src/metabase/core/components/Input/Input.stories.tsx
@@ -8,17 +8,17 @@ export default {
   component: Input,
 };
 
-const UncontrolledTemplate: StoryFn<InputProps> = args => {
+const UncontrolledTemplate: StoryFn<InputProps> = (args) => {
   return <Input {...args} />;
 };
 
-const ControlledTemplate: StoryFn<typeof Input> = args => {
+const ControlledTemplate: StoryFn<typeof Input> = (args) => {
   const [value, setValue] = useState("");
   return (
     <Input
       {...args}
       value={value}
-      onChange={e => setValue(e.target.value)}
+      onChange={(e) => setValue(e.target.value)}
       onResetClick={() => setValue("")}
     />
   );
diff --git a/frontend/src/metabase/core/components/Input/Input.styled.tsx b/frontend/src/metabase/core/components/Input/Input.styled.tsx
index 54eacb84e7d..c809179f90c 100644
--- a/frontend/src/metabase/core/components/Input/Input.styled.tsx
+++ b/frontend/src/metabase/core/components/Input/Input.styled.tsx
@@ -51,17 +51,17 @@ export const InputRoot = styled.div<InputRootProps>`
   display: inline-flex;
   align-items: center;
   position: relative;
-  width: ${props => (props.fullWidth ? "100%" : "")};
+  width: ${(props) => (props.fullWidth ? "100%" : "")};
 `;
 
 export const InputField = styled.input<InputProps>`
-  ${props => inputPadding(props.fieldSize)}
-  ${props => inputTypography(props.fieldSize)}
+  ${(props) => inputPadding(props.fieldSize)}
+  ${(props) => inputTypography(props.fieldSize)}
   font-family: inherit;
   color: var(--mb-color-text-primary);
   border: 1px solid var(--mb-color-border);
   border-radius: ${space(1)};
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.readOnly
       ? "var(--mb-color-background-disabled)"
       : "var(--mb-color-background)"};
@@ -70,7 +70,7 @@ export const InputField = styled.input<InputProps>`
 
   &:focus,
   &:hover {
-    border-color: ${props => color(props.colorScheme)};
+    border-color: ${(props) => color(props.colorScheme)};
     transition: border 300ms ease-in-out;
   }
 
@@ -79,37 +79,37 @@ export const InputField = styled.input<InputProps>`
     background-color: var(--mb-color-bg-light);
   }
 
-  ${props => focusOutlineStyle(props.colorScheme)};
+  ${(props) => focusOutlineStyle(props.colorScheme)};
 
-  ${props =>
+  ${(props) =>
     props.hasError &&
     css`
       border-color: var(--mb-color-error);
     `};
 
-  ${props =>
+  ${(props) =>
     props.fullWidth &&
     css`
       width: 100%;
     `}
 
-  ${props =>
+  ${(props) =>
     props.fieldSize === "small" &&
     css`
       font-size: 0.875rem;
       line-height: 1rem;
     `};
 
-  padding-left: ${props =>
+  padding-left: ${(props) =>
     getHorizontalPadding(props.fieldSize, props.hasLeftIcon)};
-  padding-right: ${props =>
+  padding-right: ${(props) =>
     getHorizontalPadding(
       props.fieldSize,
       props.hasRightIcon,
       props.hasClearButton,
     )};
 
-  ${props =>
+  ${(props) =>
     props.hasSubtitle &&
     css`
       padding-top: 1.75rem;
@@ -122,10 +122,11 @@ type InputButtonProps = {
 
 const InputButton = styled(IconButtonWrapper)<InputButtonProps>`
   position: absolute;
-  color: ${props => color(props.onClick != null ? "text-dark" : "text-light")};
-  padding: ${props => (props.size === "small" ? "0.5rem" : "0.75rem")};
+  color: ${(props) =>
+    color(props.onClick != null ? "text-dark" : "text-light")};
+  padding: ${(props) => (props.size === "small" ? "0.5rem" : "0.75rem")};
   border-radius: 50%;
-  bottom: ${props => (props.size === "large" ? "0.125rem" : 0)};
+  bottom: ${(props) => (props.size === "large" ? "0.125rem" : 0)};
 
   &:disabled {
     cursor: default;
@@ -145,7 +146,7 @@ type InputResetButtonProps = {
 };
 
 export const InputResetButton = styled(InputButton)<InputResetButtonProps>`
-  right: ${props => (props.hasRightIcon ? "1.25rem" : 0)};
+  right: ${(props) => (props.hasRightIcon ? "1.25rem" : 0)};
 `;
 
 export const InputSubtitle = styled.div`
diff --git a/frontend/src/metabase/core/components/Link/Link.stories.tsx b/frontend/src/metabase/core/components/Link/Link.stories.tsx
index 2daebe632e5..6eae3e5b07d 100644
--- a/frontend/src/metabase/core/components/Link/Link.stories.tsx
+++ b/frontend/src/metabase/core/components/Link/Link.stories.tsx
@@ -13,7 +13,7 @@ const sampleStyle = {
   gap: "2rem",
 };
 
-const Template: StoryFn<LinkProps> = args => {
+const Template: StoryFn<LinkProps> = (args) => {
   return (
     <div style={sampleStyle}>
       <Link {...args}>Click Me</Link>
diff --git a/frontend/src/metabase/core/components/Link/Link.styled.tsx b/frontend/src/metabase/core/components/Link/Link.styled.tsx
index a1475dea4ca..659da24f9d3 100644
--- a/frontend/src/metabase/core/components/Link/Link.styled.tsx
+++ b/frontend/src/metabase/core/components/Link/Link.styled.tsx
@@ -13,13 +13,13 @@ export const LinkRoot = styled(
   Link,
   doNotForwardProps("variant"),
 )<LinkVariantProp>`
-  opacity: ${props => (props.disabled ? "0.4" : "")};
-  pointer-events: ${props => (props.disabled ? "none" : "")};
+  opacity: ${(props) => (props.disabled ? "0.4" : "")};
+  pointer-events: ${(props) => (props.disabled ? "none" : "")};
   transition: opacity 0.3s linear;
 
   ${focusOutlineStyle("brand")};
 
-  ${props => variants[props.variant ?? "default"] ?? ""}
+  ${(props) => variants[props.variant ?? "default"] ?? ""}
 ` as unknown as React.FC<LinkProps & LinkVariantProp>;
 
 const variants = {
diff --git a/frontend/src/metabase/core/components/MappingEditor/MappingEditor.tsx b/frontend/src/metabase/core/components/MappingEditor/MappingEditor.tsx
index aab0be79b21..5944ef11f13 100644
--- a/frontend/src/metabase/core/components/MappingEditor/MappingEditor.tsx
+++ b/frontend/src/metabase/core/components/MappingEditor/MappingEditor.tsx
@@ -23,7 +23,7 @@ const DefaultRenderInput = ({
   <TextInput
     value={value || ""}
     placeholder={placeholder}
-    onChange={e => onChange(e.target.value)}
+    onChange={(e) => onChange(e.target.value)}
     error={error}
   />
 );
@@ -68,7 +68,7 @@ const buildMapping = (entries: Entry[]): MappingType =>
   }, {});
 
 const entryError = (entries: Entry[], key: string) =>
-  entries.filter(e => e.key === key).length > 1
+  entries.filter((e) => e.key === key).length > 1
     ? t`Attribute keys can't have the same name`
     : false;
 
@@ -125,14 +125,14 @@ export const MappingEditor = ({
           const keyInput = renderKeyInput({
             value: key,
             placeholder: keyPlaceholder,
-            onChange: newKey =>
+            onChange: (newKey) =>
               handleChange(replaceEntryKey(entries, index, newKey)),
             error: entryError(entries, key),
           });
           const valueInput = renderValueInput({
             value: value,
             placeholder: valuePlaceholder,
-            onChange: newValue =>
+            onChange: (newValue) =>
               handleChange(replaceEntryValue(entries, index, newValue)),
           });
           return (
@@ -163,7 +163,7 @@ export const MappingEditor = ({
             </tr>
           );
         })}
-        {_.every(entries, entry => entry.value !== "" && entry.key !== "") &&
+        {_.every(entries, (entry) => entry.value !== "" && entry.key !== "") &&
           canAdd && (
             <tr>
               <td colSpan={2}>
diff --git a/frontend/src/metabase/core/components/Markdown/Markdown.stories.tsx b/frontend/src/metabase/core/components/Markdown/Markdown.stories.tsx
index 0296f5b515f..173ba0e0171 100644
--- a/frontend/src/metabase/core/components/Markdown/Markdown.stories.tsx
+++ b/frontend/src/metabase/core/components/Markdown/Markdown.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: Markdown,
 };
 
-const Template: StoryFn<MarkdownProps> = args => {
+const Template: StoryFn<MarkdownProps> = (args) => {
   return <Markdown {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/Markdown/Markdown.styled.tsx b/frontend/src/metabase/core/components/Markdown/Markdown.styled.tsx
index 4eb4b251ca1..65a0fbf4473 100644
--- a/frontend/src/metabase/core/components/Markdown/Markdown.styled.tsx
+++ b/frontend/src/metabase/core/components/Markdown/Markdown.styled.tsx
@@ -10,7 +10,7 @@ import { color } from "metabase/lib/colors";
 import type { MarkdownProps } from "./Markdown";
 
 export const MarkdownRoot = styled(getComponent(ReactMarkdown))<MarkdownProps>`
-  ${props =>
+  ${(props) =>
     props.lineClamp &&
     css`
       display: -webkit-box;
@@ -33,12 +33,12 @@ export const MarkdownRoot = styled(getComponent(ReactMarkdown))<MarkdownProps>`
   a {
     cursor: pointer;
     text-decoration: none;
-    color: ${props =>
+    color: ${(props) =>
       props.unstyleLinks ? color("text-white") : color("brand")};
   }
 
   a:hover {
-    text-decoration: ${props => (props.unstyleLinks ? "none" : "underline")};
+    text-decoration: ${(props) => (props.unstyleLinks ? "none" : "underline")};
   }
 
   img {
@@ -49,7 +49,7 @@ export const MarkdownRoot = styled(getComponent(ReactMarkdown))<MarkdownProps>`
   hr {
     border: none;
     border-bottom: 1px solid
-      ${props =>
+      ${(props) =>
         props.dark ? "var(--mb-color-bg-dark)" : "var(--mb-color-border)"};
   }
 `;
diff --git a/frontend/src/metabase/core/components/MarkdownPreview/MarkdownPreview.stories.tsx b/frontend/src/metabase/core/components/MarkdownPreview/MarkdownPreview.stories.tsx
index 43fa005d270..d57631da607 100644
--- a/frontend/src/metabase/core/components/MarkdownPreview/MarkdownPreview.stories.tsx
+++ b/frontend/src/metabase/core/components/MarkdownPreview/MarkdownPreview.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: MarkdownPreview,
 };
 
-const Template: StoryFn<MarkdownPreviewProps> = args => {
+const Template: StoryFn<MarkdownPreviewProps> = (args) => {
   return (
     <Box w="200px">
       <MarkdownPreview {...args} />
diff --git a/frontend/src/metabase/core/components/MarkdownPreview/MarkdownPreview.tsx b/frontend/src/metabase/core/components/MarkdownPreview/MarkdownPreview.tsx
index 360a8e00f2f..642dffeeae4 100644
--- a/frontend/src/metabase/core/components/MarkdownPreview/MarkdownPreview.tsx
+++ b/frontend/src/metabase/core/components/MarkdownPreview/MarkdownPreview.tsx
@@ -29,7 +29,7 @@ export const MarkdownPreview = ({
 }: MarkdownPreviewProps) => {
   const { isTruncated, ref } = useIsTruncated();
 
-  const setReactMarkdownRef: LegacyRef<HTMLDivElement> = div => {
+  const setReactMarkdownRef: LegacyRef<HTMLDivElement> = (div) => {
     /**
      * react-markdown API does not allow passing ref to the container div.
      * We can acquire the reference through its parent.
diff --git a/frontend/src/metabase/core/components/NumericInput/NumericInput.stories.tsx b/frontend/src/metabase/core/components/NumericInput/NumericInput.stories.tsx
index a33397656b4..6747170ff34 100644
--- a/frontend/src/metabase/core/components/NumericInput/NumericInput.stories.tsx
+++ b/frontend/src/metabase/core/components/NumericInput/NumericInput.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: NumericInput,
 };
 
-const Template: StoryFn<typeof NumericInput> = args => {
+const Template: StoryFn<typeof NumericInput> = (args) => {
   const [value, setValue] = useState<number>();
   return <NumericInput {...args} value={value} onChange={setValue} />;
 };
diff --git a/frontend/src/metabase/core/components/Radio/Radio.stories.tsx b/frontend/src/metabase/core/components/Radio/Radio.stories.tsx
index 5f2e10f14ea..a59856ea6bd 100644
--- a/frontend/src/metabase/core/components/Radio/Radio.stories.tsx
+++ b/frontend/src/metabase/core/components/Radio/Radio.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: Radio,
 };
 
-const Template: StoryFn<RadioProps<any>> = args => {
+const Template: StoryFn<RadioProps<any>> = (args) => {
   const [{ value }, updateArgs] = useArgs();
   const handleChange = (value: unknown) => updateArgs({ value });
 
diff --git a/frontend/src/metabase/core/components/Radio/Radio.styled.tsx b/frontend/src/metabase/core/components/Radio/Radio.styled.tsx
index b09d9a367d5..bc6c8c7ebf8 100644
--- a/frontend/src/metabase/core/components/Radio/Radio.styled.tsx
+++ b/frontend/src/metabase/core/components/Radio/Radio.styled.tsx
@@ -12,7 +12,7 @@ interface RadioGroupProps {
 
 const RadioGroup = styled.div<RadioGroupProps>`
   display: flex;
-  flex-direction: ${props => (props.vertical ? "column" : "row")};
+  flex-direction: ${(props) => (props.vertical ? "column" : "row")};
 `;
 
 export const RadioGroupNormal = styled(RadioGroup)`
@@ -34,15 +34,15 @@ const RadioLabel = styled.label<RadioLabelProps>`
 
 export const RadioLabelNormal = styled(RadioLabel)`
   &:not(:last-child) {
-    margin-right: ${props => (!props.vertical ? "2rem" : "")};
-    margin-bottom: ${props => (props.vertical ? "0.5rem" : "")};
+    margin-right: ${(props) => (!props.vertical ? "2rem" : "")};
+    margin-bottom: ${(props) => (props.vertical ? "0.5rem" : "")};
   }
 `;
 
 export const RadioLabelBubble = styled(RadioLabel)`
   &:not(:last-child) {
-    margin-right: ${props => (!props.vertical ? "0.5rem" : "")};
-    margin-bottom: ${props => (props.vertical ? "0.5rem" : "")};
+    margin-right: ${(props) => (!props.vertical ? "0.5rem" : "")};
+    margin-bottom: ${(props) => (props.vertical ? "0.5rem" : "")};
   }
 `;
 
@@ -64,10 +64,10 @@ interface RadioContainerProps {
 const RadioContainer = styled.div<RadioContainerProps>`
   display: flex;
   align-items: center;
-  cursor: ${props => (props.disabled ? "" : "pointer")};
+  cursor: ${(props) => (props.disabled ? "" : "pointer")};
 
   &:hover {
-    color: ${props =>
+    color: ${(props) =>
       !props.checked && !props.showButtons
         ? getSchemeColor(props.colorScheme)
         : ""};
@@ -83,13 +83,13 @@ const RadioContainer = styled.div<RadioContainerProps>`
 `;
 
 export const RadioContainerNormal = styled(RadioContainer)`
-  color: ${props => (props.checked ? getSchemeColor(props.colorScheme) : "")};
+  color: ${(props) => (props.checked ? getSchemeColor(props.colorScheme) : "")};
 `;
 
 export const RadioContainerUnderlined = styled(RadioContainer)`
-  color: ${props => (props.checked ? getSchemeColor(props.colorScheme) : "")};
+  color: ${(props) => (props.checked ? getSchemeColor(props.colorScheme) : "")};
   border-bottom: 3px solid
-    ${props =>
+    ${(props) =>
       props.checked ? getSchemeColor(props.colorScheme) : "transparent"};
   padding: 1rem 0;
 `;
@@ -98,21 +98,21 @@ export const RadioContainerBubble = styled(RadioContainer)`
   padding: 0.5rem 1rem;
   border-radius: 10rem;
   font-weight: bold;
-  color: ${props =>
+  color: ${(props) =>
     props.checked
       ? color("text-white")
       : getContrastSchemeColor(props.colorScheme)};
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.checked
       ? getSchemeColor(props.colorScheme)
       : lighten(getSchemeColor(props.colorScheme))};
 
   &:hover {
-    color: ${props =>
+    color: ${(props) =>
       !props.checked && !props.showButtons
         ? getContrastSchemeColor(props.colorScheme)
         : ""};
-    background-color: ${props =>
+    background-color: ${(props) =>
       props.checked ? "" : lighten(getSchemeColor(props.colorScheme), 0.38)};
     transition: background-color 300ms linear;
   }
@@ -132,9 +132,9 @@ export const RadioButton = styled.span<RadioButtonProps>`
   border: 2px solid white;
   border-radius: 0.75rem;
   box-shadow: 0 0 0 2px
-    ${props =>
+    ${(props) =>
       props.checked ? getSchemeColor(props.colorScheme) : color("text-medium")};
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.checked ? getSchemeColor(props.colorScheme) : "transparent"};
 `;
 
diff --git a/frontend/src/metabase/core/components/Radio/Radio.tsx b/frontend/src/metabase/core/components/Radio/Radio.tsx
index b418bf4aa97..9f216687a96 100644
--- a/frontend/src/metabase/core/components/Radio/Radio.tsx
+++ b/frontend/src/metabase/core/components/Radio/Radio.tsx
@@ -89,7 +89,7 @@ const BaseRadio = forwardRef(function Radio<
       variant={variant}
       vertical={vertical}
     >
-      {options.map(option => {
+      {options.map((option) => {
         const optionKey = optionKeyFn(option);
         const optionName = optionNameFn(option);
         const optionValue = optionValueFn(option);
diff --git a/frontend/src/metabase/core/components/Select/Select.stories.tsx b/frontend/src/metabase/core/components/Select/Select.stories.tsx
index e3b15475e77..af57b03d3d1 100644
--- a/frontend/src/metabase/core/components/Select/Select.stories.tsx
+++ b/frontend/src/metabase/core/components/Select/Select.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: Select,
 };
 
-const Template: StoryFn<typeof Select> = args => {
+const Template: StoryFn<typeof Select> = (args) => {
   return <Select {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/Select/Select.tsx b/frontend/src/metabase/core/components/Select/Select.tsx
index f8e88c4d8dc..d5ffb428137 100644
--- a/frontend/src/metabase/core/components/Select/Select.tsx
+++ b/frontend/src/metabase/core/components/Select/Select.tsx
@@ -126,12 +126,12 @@ class BaseSelect<TValue, TOption = SelectOption<TValue>> extends Component<
         ? (props.defaultValue as any)
         : props.value;
 
-    const _getValues = createSelector([_getValue], value =>
+    const _getValues = createSelector([_getValue], (value) =>
       Array.isArray(value) ? value : [value],
     );
     const _getValuesSet = createSelector(
       [_getValues],
-      values => new Set(values),
+      (values) => new Set(values),
     );
     this._getValues = () => _getValues(this.props);
     this._getValuesSet = () => _getValuesSet(this.props);
@@ -145,7 +145,7 @@ class BaseSelect<TValue, TOption = SelectOption<TValue>> extends Component<
       const optionToItem = (option: any) => option.props;
       const first = (Array.isArray(children) ? children[0] : children) as any;
       if (first && (first as ReactElement).type === OptionSection) {
-        return Children.map(children, child => ({
+        return Children.map(children, (child) => ({
           ...(child as ReactElement<OptionProps<TValue>>).props,
           items: Children.map((child as any).props.children, optionToItem),
         })) as any;
@@ -182,7 +182,7 @@ class BaseSelect<TValue, TOption = SelectOption<TValue>> extends Component<
     if (multiple) {
       const values = this._getValues();
       value = this.itemIsSelected(option)
-        ? values.filter(value => value !== optionValue)
+        ? values.filter((value) => value !== optionValue)
         : [...values, optionValue];
       value.changedItem = optionValue;
     } else {
@@ -254,7 +254,7 @@ class BaseSelect<TValue, TOption = SelectOption<TValue>> extends Component<
 
     const sections = this._getSections();
     const selectedNames = sections
-      .map(section =>
+      .map((section) =>
         this.props.optionNameFn
           ? section.items
               .filter(this.itemIsSelected)
@@ -262,11 +262,11 @@ class BaseSelect<TValue, TOption = SelectOption<TValue>> extends Component<
           : [],
       )
       .flat()
-      .filter(n => n);
+      .filter((n) => n);
 
     return (
       <PopoverWithTrigger
-        ref={ref => (this._popover = ref)}
+        ref={(ref) => (this._popover = ref)}
         triggerElement={
           this.props.triggerElement || (
             <SelectButton
diff --git a/frontend/src/metabase/core/components/SelectButton/SelectButton.stories.tsx b/frontend/src/metabase/core/components/SelectButton/SelectButton.stories.tsx
index 902ea357a1c..d9b552c3291 100644
--- a/frontend/src/metabase/core/components/SelectButton/SelectButton.stories.tsx
+++ b/frontend/src/metabase/core/components/SelectButton/SelectButton.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: SelectButton,
 };
 
-const Template: StoryFn<SelectButtonProps> = args => {
+const Template: StoryFn<SelectButtonProps> = (args) => {
   return <SelectButton {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/SelectButton/SelectButton.styled.tsx b/frontend/src/metabase/core/components/SelectButton/SelectButton.styled.tsx
index 82a9599bbde..8367da6ddc1 100644
--- a/frontend/src/metabase/core/components/SelectButton/SelectButton.styled.tsx
+++ b/frontend/src/metabase/core/components/SelectButton/SelectButton.styled.tsx
@@ -24,7 +24,7 @@ export const SelectButtonRoot = styled.button<SelectButtonRootProps>`
   ${inputPadding()}
   cursor: pointer;
   display: flex;
-  width: ${props => (props.fullWidth ? "100%" : "unset")};
+  width: ${(props) => (props.fullWidth ? "100%" : "unset")};
   align-items: center;
   border: 1px solid
     ${({ hasValue, highlighted }) =>
diff --git a/frontend/src/metabase/core/components/Slider/Slider.stories.tsx b/frontend/src/metabase/core/components/Slider/Slider.stories.tsx
index 8f5690cf0d9..38d9beae763 100644
--- a/frontend/src/metabase/core/components/Slider/Slider.stories.tsx
+++ b/frontend/src/metabase/core/components/Slider/Slider.stories.tsx
@@ -11,7 +11,7 @@ export default {
   argTypes: { onChange: { action: "onChange" } },
 };
 
-const Template: StoryFn<SliderProps> = args => {
+const Template: StoryFn<SliderProps> = (args) => {
   const value = [10, 40];
 
   return (
diff --git a/frontend/src/metabase/core/components/Slider/Slider.tsx b/frontend/src/metabase/core/components/Slider/Slider.tsx
index e0fce99ace0..e624a3efbea 100644
--- a/frontend/src/metabase/core/components/Slider/Slider.tsx
+++ b/frontend/src/metabase/core/components/Slider/Slider.tsx
@@ -54,7 +54,7 @@ const Slider = ({
   // calculate min and max separately from current values to display the correct tooltips
   const [minValue, maxValue] = useMemo(
     () =>
-      value.every(n => !isNaN(n))
+      value.every((n) => !isNaN(n))
         ? [Math.min(...value), Math.max(...value)]
         : value,
     [value],
@@ -120,7 +120,7 @@ const Slider = ({
         type="range"
         aria-label="min"
         value={value[0]}
-        onChange={e => handleInput(e, 0)}
+        onChange={(e) => handleInput(e, 0)}
         onMouseUp={handleChange}
         onTouchEnd={handleChange}
         onKeyUp={handleChange}
@@ -132,7 +132,7 @@ const Slider = ({
         type="range"
         aria-label="max"
         value={value[1]}
-        onChange={e => handleInput(e, 1)}
+        onChange={(e) => handleInput(e, 1)}
         onMouseUp={handleChange}
         onTouchEnd={handleChange}
         onKeyUp={handleChange}
diff --git a/frontend/src/metabase/core/components/Sortable/Sortable.styled.tsx b/frontend/src/metabase/core/components/Sortable/Sortable.styled.tsx
index 03f65523891..84330a85666 100644
--- a/frontend/src/metabase/core/components/Sortable/Sortable.styled.tsx
+++ b/frontend/src/metabase/core/components/Sortable/Sortable.styled.tsx
@@ -6,7 +6,7 @@ export const SortableDiv = styled.div<{
   transition: string | undefined;
   isDragging: boolean;
 }>`
-  transform: ${props => props.transform};
-  transition: ${props => props.transition};
+  transform: ${(props) => props.transform};
+  transition: ${(props) => props.transition};
   ${({ isDragging }) => (isDragging ? "z-index: 10;" : "")}
 `;
diff --git a/frontend/src/metabase/core/components/Sortable/SortableList.tsx b/frontend/src/metabase/core/components/Sortable/SortableList.tsx
index 60e104717c3..ff4eda66506 100644
--- a/frontend/src/metabase/core/components/Sortable/SortableList.tsx
+++ b/frontend/src/metabase/core/components/Sortable/SortableList.tsx
@@ -96,7 +96,7 @@ export const SortableList = <T,>({
 
   const handleDragOver = ({ active, over }: DragOverEvent) => {
     if (over && active.id !== over.id) {
-      setItemIds(ids => {
+      setItemIds((ids) => {
         const oldIndex = ids.indexOf(active.id);
         const newIndex = ids.indexOf(over.id);
         return arrayMove(ids, oldIndex, newIndex);
@@ -109,7 +109,7 @@ export const SortableList = <T,>({
 
     onSortStart?.(event);
 
-    const item = items.find(item => getId(item) === event.active.id);
+    const item = items.find((item) => getId(item) === event.active.id);
     if (item) {
       setActiveItem(item);
     }
@@ -120,7 +120,7 @@ export const SortableList = <T,>({
     if (activeItem && onSortEnd) {
       onSortEnd({
         id: getId(activeItem),
-        newIndex: itemIds.findIndex(id => id === getId(activeItem)),
+        newIndex: itemIds.findIndex((id) => id === getId(activeItem)),
         itemIds,
       });
       setActiveItem(null);
diff --git a/frontend/src/metabase/core/components/Swapper/Swapper.styled.tsx b/frontend/src/metabase/core/components/Swapper/Swapper.styled.tsx
index 618aea074e6..9091115858e 100644
--- a/frontend/src/metabase/core/components/Swapper/Swapper.styled.tsx
+++ b/frontend/src/metabase/core/components/Swapper/Swapper.styled.tsx
@@ -10,7 +10,7 @@ export const SwapperRoot = styled.div`
 `;
 
 export const SwapperDefaultElement = styled.div<SwapperElementProps>`
-  transform: scale(${props => (props.isVisible ? 1 : 0)});
+  transform: scale(${(props) => (props.isVisible ? 1 : 0)});
 `;
 
 export const SwapperLayeredElement = styled.div<SwapperElementProps>`
@@ -19,5 +19,5 @@ export const SwapperLayeredElement = styled.div<SwapperElementProps>`
   left: 0;
   right: 0;
   bottom: 0;
-  transform: scale(${props => (props.isVisible ? 1 : 0)});
+  transform: scale(${(props) => (props.isVisible ? 1 : 0)});
 `;
diff --git a/frontend/src/metabase/core/components/Tab/Tab.styled.tsx b/frontend/src/metabase/core/components/Tab/Tab.styled.tsx
index ae2b6344637..2f633b44926 100644
--- a/frontend/src/metabase/core/components/Tab/Tab.styled.tsx
+++ b/frontend/src/metabase/core/components/Tab/Tab.styled.tsx
@@ -16,8 +16,8 @@ export const TabRoot = styled.button<TabProps>`
   width: 100%;
   flex: 1;
   text-align: left;
-  color: ${props => (props.isSelected ? color("brand") : color("text-dark"))};
-  background-color: ${props =>
+  color: ${(props) => (props.isSelected ? color("brand") : color("text-dark"))};
+  background-color: ${(props) =>
     props.isSelected ? alpha("brand", 0.1) : "transparent"};
   cursor: pointer;
   margin-bottom: 0.75rem;
diff --git a/frontend/src/metabase/core/components/TabButton/TabButton.styled.tsx b/frontend/src/metabase/core/components/TabButton/TabButton.styled.tsx
index 8370f53e63a..42b59fe94eb 100644
--- a/frontend/src/metabase/core/components/TabButton/TabButton.styled.tsx
+++ b/frontend/src/metabase/core/components/TabButton/TabButton.styled.tsx
@@ -41,7 +41,7 @@ export const TabButtonInput = styled.input<TabButtonProps & { value: string }>`
   font-weight: bold;
   text-align: center;
 
-  ${props =>
+  ${(props) =>
     props.disabled &&
     css`
       pointer-events: none;
@@ -52,20 +52,20 @@ export const TabButtonRoot = styled.div<TabButtonProps>`
   display: flex;
   height: 1.875rem;
   padding: 0.25rem;
-  color: ${props =>
+  color: ${(props) =>
     props.isSelected && !props.disabled
       ? "var(--mb-color-brand)"
       : "var(--mb-color-text-primary)"};
-  opacity: ${props => (props.disabled ? 0.3 : 1)};
+  opacity: ${(props) => (props.disabled ? 0.3 : 1)};
   font-size: 0.75rem;
   font-weight: 700;
-  cursor: ${props => (props.disabled ? "default" : "pointer")};
+  cursor: ${(props) => (props.disabled ? "default" : "pointer")};
   border-bottom: 0.125rem solid
-    ${props =>
+    ${(props) =>
       props.isSelected && !props.disabled ? color("brand") : "transparent"};
 
   :hover {
-    ${props =>
+    ${(props) =>
       !props.disabled &&
       css`
         color: var(--mb-color-brand);
@@ -81,7 +81,7 @@ export const MenuButton = styled(Button)<TabButtonProps & { isOpen: boolean }>`
   color: inherit;
   border: none;
 
-  ${props =>
+  ${(props) =>
     props.isOpen &&
     !props.disabled &&
     css`
@@ -89,7 +89,7 @@ export const MenuButton = styled(Button)<TabButtonProps & { isOpen: boolean }>`
       background-color: var(--mb-color-bg-medium);
     `}
   &:hover,:focus {
-    ${props =>
+    ${(props) =>
       props.disabled
         ? css`
             color: var(--mb-color-text-dark);
diff --git a/frontend/src/metabase/core/components/TabButton/TabButton.tsx b/frontend/src/metabase/core/components/TabButton/TabButton.tsx
index 962f6c33303..29bc1465d05 100644
--- a/frontend/src/metabase/core/components/TabButton/TabButton.tsx
+++ b/frontend/src/metabase/core/components/TabButton/TabButton.tsx
@@ -144,7 +144,7 @@ const _TabButton = forwardRef(function TabButton(
           disabled={!isRenaming}
           onChange={onRename}
           onKeyPress={handleInputKeyPress}
-          onFocus={e => e.currentTarget.select()}
+          onFocus={(e) => e.currentTarget.select()}
           onBlur={onFinishRenaming}
           aria-labelledby={getTabId(idPrefix, value)}
           id={getTabButtonInputId(idPrefix, value)}
@@ -200,9 +200,9 @@ export const RenameableTabButtonStyled = styled(_TabButton)<{
   canRename: boolean;
 }>`
   ${TabButtonInputWrapper} {
-    ${props => props.isRenaming && getBorderStyle(props.theme)}
+    ${(props) => props.isRenaming && getBorderStyle(props.theme)}
     :hover {
-      ${props =>
+      ${(props) =>
         props.canRename && props.isSelected && getBorderStyle(props.theme)}
     }
   }
@@ -268,7 +268,7 @@ export function RenameableTabButton({
       isSelected={isSelected}
       isRenaming={canRename && isRenaming}
       canRename={canRename}
-      onRename={e => setLabel(e.target.value)}
+      onRename={(e) => setLabel(e.target.value)}
       onFinishRenaming={onFinishEditing}
       onInputDoubleClick={() => setIsRenaming(canRename)}
       menuItems={
diff --git a/frontend/src/metabase/core/components/TabContent/TabContent.stories.tsx b/frontend/src/metabase/core/components/TabContent/TabContent.stories.tsx
index 3492c094efa..a9bf1c56292 100644
--- a/frontend/src/metabase/core/components/TabContent/TabContent.stories.tsx
+++ b/frontend/src/metabase/core/components/TabContent/TabContent.stories.tsx
@@ -11,7 +11,7 @@ export default {
   title: "Deprecated/Components/TabContent",
   component: TabContent,
 };
-const Template: StoryFn<typeof TabContent> = args => {
+const Template: StoryFn<typeof TabContent> = (args) => {
   const [{ value }, updateArgs] = useArgs();
   const handleChange = (value: unknown) => updateArgs({ value });
 
diff --git a/frontend/src/metabase/core/components/TabList/TabList.stories.tsx b/frontend/src/metabase/core/components/TabList/TabList.stories.tsx
index c3d8beda1c0..94bd636de8e 100644
--- a/frontend/src/metabase/core/components/TabList/TabList.stories.tsx
+++ b/frontend/src/metabase/core/components/TabList/TabList.stories.tsx
@@ -16,7 +16,7 @@ const sampleStyle = {
   border: "1px solid #ccc",
 };
 
-const Template: StoryFn<typeof TabList> = args => {
+const Template: StoryFn<typeof TabList> = (args) => {
   const [{ value }, updateArgs] = useArgs();
   const handleChange = (value: unknown) => updateArgs({ value });
 
diff --git a/frontend/src/metabase/core/components/TabRow/TabRow.stories.tsx b/frontend/src/metabase/core/components/TabRow/TabRow.stories.tsx
index fbdb9dcb9d0..f9dfc242f97 100644
--- a/frontend/src/metabase/core/components/TabRow/TabRow.stories.tsx
+++ b/frontend/src/metabase/core/components/TabRow/TabRow.stories.tsx
@@ -27,7 +27,7 @@ const sampleStyle = {
   backgroundColor: "white",
 };
 
-const Template: StoryFn<typeof TabRow> = args => {
+const Template: StoryFn<typeof TabRow> = (args) => {
   const [{ value }, updateArgs] = useArgs();
   const handleChange = (value: unknown) => updateArgs({ value });
   const [message, setMessage] = useState("");
@@ -55,7 +55,7 @@ const Template: StoryFn<typeof TabRow> = args => {
           label="Tab 3 (Renameable)"
           value={3}
           menuItems={menuItems}
-          onRename={newLabel => setMessage(`Renamed to "${newLabel}"`)}
+          onRename={(newLabel) => setMessage(`Renamed to "${newLabel}"`)}
           renameMenuIndex={2}
           renameMenuLabel="Edit name"
         />
@@ -87,7 +87,7 @@ export const Default = {
   },
 };
 
-const DraggableTemplate: StoryFn<typeof TabRow> = args => {
+const DraggableTemplate: StoryFn<typeof TabRow> = (args) => {
   const [{ value }, updateArgs] = useArgs();
   const handleChange = (value: unknown) => updateArgs({ value });
 
@@ -104,7 +104,7 @@ const DraggableTemplate: StoryFn<typeof TabRow> = args => {
           setIds(arrayMove(ids, ids.indexOf(activeId), ids.indexOf(overId)))
         }
       >
-        {ids.map(num => (
+        {ids.map((num) => (
           <Sortable id={num} key={num}>
             <TabButton value={num} label={`Tab ${num}`} />
           </Sortable>
diff --git a/frontend/src/metabase/core/components/TabRow/TabRow.styled.tsx b/frontend/src/metabase/core/components/TabRow/TabRow.styled.tsx
index 70abde4301b..0e689223475 100644
--- a/frontend/src/metabase/core/components/TabRow/TabRow.styled.tsx
+++ b/frontend/src/metabase/core/components/TabRow/TabRow.styled.tsx
@@ -32,16 +32,16 @@ export const ScrollButton = styled.button<ScrollButtonProps>`
   height: 100%;
   width: 3rem;
   padding-bottom: ${space(2)};
-  text-align: ${props => props.direction};
+  text-align: ${(props) => props.direction};
   color: var(--mb-color-text-light);
 
   &:hover {
     color: var(--mb-color-brand);
   }
-  ${props => props.direction}: 0;
+  ${(props) => props.direction}: 0;
 
   background: linear-gradient(
-    to ${props => props.direction},
+    to ${(props) => props.direction},
     ${() => alpha("bg-white", 0.1)},
     ${() => alpha("bg-white", 0.5)},
     30%,
diff --git a/frontend/src/metabase/core/components/TabRow/TabRow.tsx b/frontend/src/metabase/core/components/TabRow/TabRow.tsx
index d6e0b0b489a..7b3c191b075 100644
--- a/frontend/src/metabase/core/components/TabRow/TabRow.tsx
+++ b/frontend/src/metabase/core/components/TabRow/TabRow.tsx
@@ -111,7 +111,7 @@ const TabRowInner = forwardRef<HTMLDivElement, TabRowProps<unknown>>(
     return (
       <TabList
         onChange={onChange as (value: unknown) => void}
-        onScroll={event => setScrollPosition(event.currentTarget.scrollLeft)}
+        onScroll={(event) => setScrollPosition(event.currentTarget.scrollLeft)}
         ref={mergedRef}
         {...props}
       >
diff --git a/frontend/src/metabase/core/components/TabRow/collision-detection.ts b/frontend/src/metabase/core/components/TabRow/collision-detection.ts
index 4bb536508fc..c92e6e39da6 100644
--- a/frontend/src/metabase/core/components/TabRow/collision-detection.ts
+++ b/frontend/src/metabase/core/components/TabRow/collision-detection.ts
@@ -32,7 +32,7 @@ export const tabsCollisionDetection: CollisionDetection = ({
     return rectB.left - rectA.left;
   });
 
-  const filteredContainers = sortedContainers.filter(container => {
+  const filteredContainers = sortedContainers.filter((container) => {
     if (container.id === active.id) {
       return false;
     }
diff --git a/frontend/src/metabase/core/components/TextArea/TextArea.stories.tsx b/frontend/src/metabase/core/components/TextArea/TextArea.stories.tsx
index 9575ff89958..dc7c8842cde 100644
--- a/frontend/src/metabase/core/components/TextArea/TextArea.stories.tsx
+++ b/frontend/src/metabase/core/components/TextArea/TextArea.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: TextArea,
 };
 
-const Template: StoryFn<TextAreaProps> = args => {
+const Template: StoryFn<TextAreaProps> = (args) => {
   return <TextArea {...args} />;
 };
 
diff --git a/frontend/src/metabase/core/components/TextArea/TextArea.styled.tsx b/frontend/src/metabase/core/components/TextArea/TextArea.styled.tsx
index a657906eea9..080cae259a3 100644
--- a/frontend/src/metabase/core/components/TextArea/TextArea.styled.tsx
+++ b/frontend/src/metabase/core/components/TextArea/TextArea.styled.tsx
@@ -19,7 +19,7 @@ export const TextAreaRoot = styled.textarea<TextAreaRootProps>`
   padding: 0.75rem;
   border: 1px solid var(--mb-color-border);
   border-radius: 0.5rem;
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.readOnly ? "var(--mb-color-bg-light)" : "var(--mb-color-bg-white)"};
   outline: none;
   text-align: inherit;
@@ -37,13 +37,13 @@ export const TextAreaRoot = styled.textarea<TextAreaRootProps>`
     opacity: 0.4;
   }
 
-  ${props =>
+  ${(props) =>
     props.hasError &&
     css`
       border-color: var(--mb-color-error);
     `};
 
-  ${props =>
+  ${(props) =>
     props.fullWidth &&
     css`
       width: 100%;
diff --git a/frontend/src/metabase/core/components/TimeInput/TimeInput.stories.tsx b/frontend/src/metabase/core/components/TimeInput/TimeInput.stories.tsx
index 740a0b63fe5..1717ea2a28f 100644
--- a/frontend/src/metabase/core/components/TimeInput/TimeInput.stories.tsx
+++ b/frontend/src/metabase/core/components/TimeInput/TimeInput.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: TimeInput,
 };
 
-const Template: StoryFn<typeof TimeInput> = args => {
+const Template: StoryFn<typeof TimeInput> = (args) => {
   const [value, setValue] = useState(moment("2020-01-01T10:20"));
 
   return (
diff --git a/frontend/src/metabase/core/components/TimeInput/TimeInput.styled.tsx b/frontend/src/metabase/core/components/TimeInput/TimeInput.styled.tsx
index ceea89389dd..a65d6bbe2a9 100644
--- a/frontend/src/metabase/core/components/TimeInput/TimeInput.styled.tsx
+++ b/frontend/src/metabase/core/components/TimeInput/TimeInput.styled.tsx
@@ -36,9 +36,10 @@ export const InputMeridiemContainer = styled.div`
 `;
 
 export const InputMeridiemButton = styled.button<InputPeriodButtonProps>`
-  color: ${props => (props.isSelected ? color("brand") : color("text-light"))};
-  cursor: ${props => (props.isSelected ? "" : "pointer")};
-  font-weight: ${props => (props.isSelected ? "bold" : "")};
+  color: ${(props) =>
+    props.isSelected ? color("brand") : color("text-light")};
+  cursor: ${(props) => (props.isSelected ? "" : "pointer")};
+  font-weight: ${(props) => (props.isSelected ? "bold" : "")};
 `;
 
 export const InputClearButton = styled(IconButtonWrapper)`
diff --git a/frontend/src/metabase/core/components/Toggle/Toggle.stories.tsx b/frontend/src/metabase/core/components/Toggle/Toggle.stories.tsx
index c7250606378..c7a226f8da9 100644
--- a/frontend/src/metabase/core/components/Toggle/Toggle.stories.tsx
+++ b/frontend/src/metabase/core/components/Toggle/Toggle.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: Toggle,
 };
 
-const Template: StoryFn<typeof Toggle> = args => {
+const Template: StoryFn<typeof Toggle> = (args) => {
   const [{ value }, updateArgs] = useArgs();
   const handleChange = (value: boolean) => updateArgs({ value });
 
diff --git a/frontend/src/metabase/core/components/Toggle/Toggle.styled.tsx b/frontend/src/metabase/core/components/Toggle/Toggle.styled.tsx
index c1f6bb02b8d..1c7b3080b95 100644
--- a/frontend/src/metabase/core/components/Toggle/Toggle.styled.tsx
+++ b/frontend/src/metabase/core/components/Toggle/Toggle.styled.tsx
@@ -35,10 +35,10 @@ export const ToggleRoot = styled.input<ToggleRootProps>`
   appearance: none;
   position: relative;
   display: inline-block;
-  color: ${props => props.currentColor ?? color("brand")};
+  color: ${(props) => props.currentColor ?? color("brand")};
   cursor: pointer;
-  width: ${props => (props.small ? "28px" : "48px")};
-  height: ${props => (props.small ? "17px" : "24px")};
+  width: ${(props) => (props.small ? "28px" : "48px")};
+  height: ${(props) => (props.small ? "17px" : "24px")};
   border-radius: 99px;
   border: 1px solid var(--mb-color-border);
   background-color: ${getBackgroundColor};
@@ -53,8 +53,8 @@ export const ToggleRoot = styled.input<ToggleRootProps>`
 
   &:after {
     content: "";
-    width: ${props => (props.small ? "13px" : "20px")};
-    height: ${props => (props.small ? "13px" : "20px")};
+    width: ${(props) => (props.small ? "13px" : "20px")};
+    height: ${(props) => (props.small ? "13px" : "20px")};
     border-radius: 99px;
     position: absolute;
     top: 1px;
diff --git a/frontend/src/metabase/core/components/Tooltip/Tooltip.stories.tsx b/frontend/src/metabase/core/components/Tooltip/Tooltip.stories.tsx
index 469ff4175ee..7b91106e271 100644
--- a/frontend/src/metabase/core/components/Tooltip/Tooltip.stories.tsx
+++ b/frontend/src/metabase/core/components/Tooltip/Tooltip.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: Tooltip,
 };
 
-const Template: StoryFn<typeof Tooltip> = args => {
+const Template: StoryFn<typeof Tooltip> = (args) => {
   return <Tooltip {...args}>Hover me</Tooltip>;
 };
 
diff --git a/frontend/src/metabase/core/components/Tooltip/Tooltip.unit.spec.js b/frontend/src/metabase/core/components/Tooltip/Tooltip.unit.spec.js
index 39447600600..3e921477244 100644
--- a/frontend/src/metabase/core/components/Tooltip/Tooltip.unit.spec.js
+++ b/frontend/src/metabase/core/components/Tooltip/Tooltip.unit.spec.js
@@ -136,7 +136,7 @@ describe("Tooltip", () => {
         <div>
           <Tooltip reference={eventTarget} tooltip="reference tooltip" isOpen />
           <div
-            onClick={event => {
+            onClick={(event) => {
               setEventTarget(event.target);
             }}
             style={{ width: 100, height: 100 }}
diff --git a/frontend/src/metabase/css/core/colors.stories.tsx b/frontend/src/metabase/css/core/colors.stories.tsx
index aebcdcaabdf..2e5b2603730 100644
--- a/frontend/src/metabase/css/core/colors.stories.tsx
+++ b/frontend/src/metabase/css/core/colors.stories.tsx
@@ -51,7 +51,7 @@ const COLOR_NAMES = [
 export function Default() {
   return (
     <Flex gap="md" wrap="wrap">
-      {COLOR_NAMES.map(colorName => {
+      {COLOR_NAMES.map((colorName) => {
         return (
           <Card
             bg={`var(${colorName})`}
diff --git a/frontend/src/metabase/css/core/overlays/OverlaysDemo.tsx b/frontend/src/metabase/css/core/overlays/OverlaysDemo.tsx
index 01edd6b010a..20ec48d6249 100644
--- a/frontend/src/metabase/css/core/overlays/OverlaysDemo.tsx
+++ b/frontend/src/metabase/css/core/overlays/OverlaysDemo.tsx
@@ -147,33 +147,37 @@ const _Launchers = ({
         </LegacySelect>
       </LauncherGroup>
       <LauncherGroup title="Toasts">
-        <Button onClick={() => setUndoCount(c => c + 1)}>
+        <Button onClick={() => setUndoCount((c) => c + 1)}>
           Undo-style toast
         </Button>
-        <Button onClick={() => setActionToastCount(c => c + 1)}>
+        <Button onClick={() => setActionToastCount((c) => c + 1)}>
           Action-style toast
         </Button>
-        <Button onClick={() => setToastCount(c => c + 1)}>
+        <Button onClick={() => setToastCount((c) => c + 1)}>
           Toaster-style toast
         </Button>
       </LauncherGroup>
       <LauncherGroup title="Modals">
-        <Button onClick={() => setMantineModalCount(c => c + 1)}>
+        <Button onClick={() => setMantineModalCount((c) => c + 1)}>
           Mantine Modal
         </Button>
         <MantineTooltip label="This kind of modal sets its title via a prop">
-          <Button onClick={() => setMantineModalWithTitlePropCount(c => c + 1)}>
+          <Button
+            onClick={() => setMantineModalWithTitlePropCount((c) => c + 1)}
+          >
             Mantine Modal variant
           </Button>
         </MantineTooltip>
-        <Button onClick={() => setLegacyModalCount(c => c + 1)}>
+        <Button onClick={() => setLegacyModalCount((c) => c + 1)}>
           Legacy modal
         </Button>
-        <Button onClick={() => setSidesheetCount(c => c + 1)}>Sidesheet</Button>
-        <Button onClick={() => setEntityPickerCount(c => c + 1)}>
+        <Button onClick={() => setSidesheetCount((c) => c + 1)}>
+          Sidesheet
+        </Button>
+        <Button onClick={() => setEntityPickerCount((c) => c + 1)}>
           Entity Picker
         </Button>
-        <Button onClick={() => setCommandPaletteCount(c => c + 1)}>
+        <Button onClick={() => setCommandPaletteCount((c) => c + 1)}>
           Command Palette
         </Button>
       </LauncherGroup>
@@ -230,7 +234,7 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
           p="lg"
         >
           <CloseButton
-            onClick={() => setActionToastCount(c => c - 1)}
+            onClick={() => setActionToastCount((c) => c - 1)}
             // eslint-disable-next-line no-color-literals
             c="#fff"
             bg="transparent"
@@ -246,10 +250,10 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
           confirmText="Confirm"
           isShown={true}
           onDismiss={() => {
-            setToastCount(c => c - 1);
+            setToastCount((c) => c - 1);
           }}
           onConfirm={() => {
-            setToastCount(c => c - 1);
+            setToastCount((c) => c - 1);
           }}
           className=""
           fixed
@@ -262,7 +266,7 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
             isOpen
             key={`legacy-modal-${index}`}
             closeOnClickOutside
-            onClose={() => setLegacyModalCount(c => c - 1)}
+            onClose={() => setLegacyModalCount((c) => c - 1)}
             aria-labelledby={modalTitleId}
           >
             <ModalContent>
@@ -274,7 +278,9 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
                   <Box p="1rem 0">Legacy modal text content</Box>
                   {enableNesting && <Launchers />}
                 </Stack>
-                <CloseButton onClick={() => setLegacyModalCount(c => c - 1)} />
+                <CloseButton
+                  onClick={() => setLegacyModalCount((c) => c - 1)}
+                />
               </Group>
             </ModalContent>
           </LegacyModal>
@@ -284,7 +290,7 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
         <SimpleModal
           key={`mantine-modal-${index}`}
           title={`Mantine Modal content`}
-          onClose={() => setMantineModalCount(c => c - 1)}
+          onClose={() => setMantineModalCount((c) => c - 1)}
         >
           <Stack gap="md">
             <Text>Mantine Modal text content</Text>
@@ -298,7 +304,7 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
             opened
             key={`mantine-modal-with-title-prop-${index}`}
             title="Mantine Modal content"
-            onClose={() => setMantineModalWithTitlePropCount(c => c - 1)}
+            onClose={() => setMantineModalWithTitlePropCount((c) => c - 1)}
           >
             <Text>Mantine Modal text content</Text>
             {enableNesting && <Launchers />}
@@ -309,7 +315,7 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
         <Sidesheet
           key={`sidesheet-${index}`}
           isOpen
-          onClose={() => setSidesheetCount(c => c - 1)}
+          onClose={() => setSidesheetCount((c) => c - 1)}
           title="Sidesheet content"
         >
           Sidesheet text content
@@ -324,11 +330,11 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
           canSelectItem={false}
           tabs={[]}
           onClose={() => {
-            setEntityPickerCount(c => c - 1);
+            setEntityPickerCount((c) => c - 1);
           }}
           onItemSelect={_.noop}
           onConfirm={() => {
-            setEntityPickerCount(c => c - 1);
+            setEntityPickerCount((c) => c - 1);
           }}
         >
           <Box p="lg">Entity Picker text content</Box>
@@ -345,11 +351,11 @@ export const OverlaysDemo = ({ enableNesting }: OverlaysDemoProps) => {
           <PaletteCard
             key={`command-palette-${index}`}
             onClick={() => {
-              setCommandPaletteCount(c => c - 1);
+              setCommandPaletteCount((c) => c - 1);
             }}
             aria-labelledby={modalTitleId}
           >
-            <div onClick={e => e.stopPropagation()}>
+            <div onClick={(e) => e.stopPropagation()}>
               <Flex p="lg">
                 <Stack>
                   <Title id={modalTitleId} order={3}>
@@ -415,7 +421,7 @@ const UndoToasts = memo(function UndoToasts({
             message: `Undo-style toast text content`,
           })}
           onUndo={() => {}}
-          onDismiss={() => setUndoCount(c => c - 1)}
+          onDismiss={() => setUndoCount((c) => c - 1)}
           key={`undo-toast-${index}`}
           aria-label="Undo-style toast content"
         />
diff --git a/frontend/src/metabase/css/core/overlays/overlays.stories.tsx b/frontend/src/metabase/css/core/overlays/overlays.stories.tsx
index d4b7b5ae319..260ea2ea9d3 100644
--- a/frontend/src/metabase/css/core/overlays/overlays.stories.tsx
+++ b/frontend/src/metabase/css/core/overlays/overlays.stories.tsx
@@ -52,7 +52,7 @@ const ReduxDecorator = (Story: StoryFn) => {
   );
 };
 
-const Template: StoryFn<OverlaysDemoProps> = args => {
+const Template: StoryFn<OverlaysDemoProps> = (args) => {
   return <OverlaysDemo {...args} />;
 };
 
@@ -217,35 +217,35 @@ const launchAThenB = async (
 
 export const MantineModalCanLaunchLegacyModal: Scenario = {
   ...scenarioDefaults,
-  play: props => launchAThenB("Mantine Modal", "Legacy Modal", props),
+  play: (props) => launchAThenB("Mantine Modal", "Legacy Modal", props),
 };
 
 export const LegacyModalCanLaunchMantineModal: Scenario = {
   ...scenarioDefaults,
-  play: props => launchAThenB("Legacy Modal", "Mantine Modal", props),
+  play: (props) => launchAThenB("Legacy Modal", "Mantine Modal", props),
 };
 
 export const MantinePopoverCanLaunchLegacySelect: Scenario = {
   ...scenarioDefaults,
-  play: props => launchAThenB("Mantine Popover", "Legacy Select", props),
+  play: (props) => launchAThenB("Mantine Popover", "Legacy Select", props),
 };
 
 export const MantinePopoverCanLaunchLegacyModal: Scenario = {
   ...scenarioDefaults,
-  play: props => launchAThenB("Mantine Popover", "Legacy Modal", props),
+  play: (props) => launchAThenB("Mantine Popover", "Legacy Modal", props),
 };
 
 export const MantineModalCanLaunchLegacySelect: Scenario = {
   ...scenarioDefaults,
-  play: props => launchAThenB("Mantine Modal", "Legacy Select", props),
+  play: (props) => launchAThenB("Mantine Modal", "Legacy Select", props),
 };
 
 export const MantineModalCanLaunchMantineHovercard: Scenario = {
   ...scenarioDefaults,
-  play: props => launchAThenB("Mantine Modal", "Mantine HoverCard", props),
+  play: (props) => launchAThenB("Mantine Modal", "Mantine HoverCard", props),
 };
 
 export const MantineModalCanLaunchMantineSelect: Scenario = {
   ...scenarioDefaults,
-  play: props => launchAThenB("Mantine Modal", "Mantine Select", props),
+  play: (props) => launchAThenB("Mantine Modal", "Mantine Select", props),
 };
diff --git a/frontend/src/metabase/dashboard/actions/auto-wire-parameters/actions.ts b/frontend/src/metabase/dashboard/actions/auto-wire-parameters/actions.ts
index e7e737f7137..8d36a0bd6e5 100644
--- a/frontend/src/metabase/dashboard/actions/auto-wire-parameters/actions.ts
+++ b/frontend/src/metabase/dashboard/actions/auto-wire-parameters/actions.ts
@@ -73,7 +73,7 @@ export function showAutoWireToast(
       return;
     }
 
-    const originalDashcardAttributes = dashcardsToAutoApply.map(dashcard => ({
+    const originalDashcardAttributes = dashcardsToAutoApply.map((dashcard) => ({
       id: dashcard.id,
       attributes: {
         parameter_mappings: dashcard.parameter_mappings,
@@ -160,7 +160,7 @@ export function showAutoWireToastNewCard({
 
       for (const dashcard of dashcards) {
         const mappings = (dashcard.parameter_mappings ?? []).filter(
-          mapping => mapping.parameter_id === parameter.id,
+          (mapping) => mapping.parameter_id === parameter.id,
         );
 
         for (const mapping of mappings) {
@@ -194,7 +194,7 @@ export function showAutoWireToastNewCard({
       return;
     }
 
-    const parametersToMap = dashboard.parameters.filter(p =>
+    const parametersToMap = dashboard.parameters.filter((p) =>
       processedParameterIds.has(p.id),
     );
 
diff --git a/frontend/src/metabase/dashboard/actions/auto-wire-parameters/utils.ts b/frontend/src/metabase/dashboard/actions/auto-wire-parameters/utils.ts
index 9c24f0e7fce..e21ef161206 100644
--- a/frontend/src/metabase/dashboard/actions/auto-wire-parameters/utils.ts
+++ b/frontend/src/metabase/dashboard/actions/auto-wire-parameters/utils.ts
@@ -54,7 +54,7 @@ export function getAllDashboardCardsWithUnmappedParameters({
       isQuestionDashCard(dashcard) &&
       !excludeDashcardIds.includes(dashcard.id) &&
       !dashcard.parameter_mappings?.some(
-        mapping => mapping.parameter_id === parameterId,
+        (mapping) => mapping.parameter_id === parameterId,
       ),
   );
 }
@@ -138,7 +138,7 @@ export function getParameterMappings<DC extends DashboardCard>(
   // allow mapping the same parameter to multiple action targets
   if (!isAction) {
     parameter_mappings = parameter_mappings.filter(
-      m =>
+      (m) =>
         ("card_id" in m && m.card_id !== card_id) ||
         m.parameter_id !== parameter_id,
     );
@@ -149,7 +149,7 @@ export function getParameterMappings<DC extends DashboardCard>(
       // If this is a virtual (text) card, remove any existing mappings for the target, since text card variables
       // can only be mapped to a single parameter.
       parameter_mappings = parameter_mappings.filter(
-        m => !_.isEqual(m.target, target),
+        (m) => !_.isEqual(m.target, target),
       );
     }
 
diff --git a/frontend/src/metabase/dashboard/actions/cards-typed.ts b/frontend/src/metabase/dashboard/actions/cards-typed.ts
index 01d500c60e4..83390d39c2e 100644
--- a/frontend/src/metabase/dashboard/actions/cards-typed.ts
+++ b/frontend/src/metabase/dashboard/actions/cards-typed.ts
@@ -125,7 +125,7 @@ export const addSectionToDashboard =
 
     const sectionDashcards = sectionLayout
       .getLayout(position)
-      .map(dashcardOverrides =>
+      .map((dashcardOverrides) =>
         createDashCard({
           dashboard_id: dashId,
           dashboard_tab_id: tabId ?? null,
@@ -259,7 +259,7 @@ export const removeCardFromDashboard = createThunkAction(
     dashcardId: DashCardId;
     cardId: DashboardCard["card_id"];
   }) =>
-    dispatch => {
+    (dispatch) => {
       dispatch(closeAddCardAutoWireToasts());
 
       dispatch(cancelFetchCardData(cardId, dashcardId));
@@ -291,7 +291,7 @@ export const trashDashboardQuestion = createThunkAction(
     dashcardId: DashCardId;
     cardId: DashboardCard["card_id"];
   }) =>
-    async dispatch => {
+    async (dispatch) => {
       await dispatch(
         Questions.actions.setArchived({ id: cardId }, true, {
           notify: {
@@ -314,7 +314,7 @@ const undoTrashDashboardQuestion = createThunkAction(
     dashcardId: DashCardId;
     cardId: DashboardCard["card_id"];
   }) =>
-    async dispatch => {
+    async (dispatch) => {
       await dispatch(
         Questions.actions.setArchived({ id: cardId }, false, {
           notify: {
diff --git a/frontend/src/metabase/dashboard/actions/cards.js b/frontend/src/metabase/dashboard/actions/cards.js
index c65611401c0..12b2622ca4a 100644
--- a/frontend/src/metabase/dashboard/actions/cards.js
+++ b/frontend/src/metabase/dashboard/actions/cards.js
@@ -8,7 +8,7 @@ import { addDashCardToDashboard } from "./cards-typed";
 
 export const addActionToDashboard =
   ({ dashId, tabId, action, displayType }) =>
-  dispatch => {
+  (dispatch) => {
     trackCardCreated("action", dashId);
 
     const virtualActionsCard = {
diff --git a/frontend/src/metabase/dashboard/actions/cards.unit.spec.ts b/frontend/src/metabase/dashboard/actions/cards.unit.spec.ts
index 502141d31f6..13480fa5653 100644
--- a/frontend/src/metabase/dashboard/actions/cards.unit.spec.ts
+++ b/frontend/src/metabase/dashboard/actions/cards.unit.spec.ts
@@ -140,7 +140,7 @@ const DASHBOARD = createMockDashboard({
 const DASHBOARD_WITH_TABS = createMockDashboard({
   id: 1,
   parameters: [DATE_PARAMETER, NUMERIC_PARAMETER, UNUSED_PARAMETER],
-  dashcards: DASHCARDS.map(dc => ({ ...dc, dashboard_tab_id: 1 })),
+  dashcards: DASHCARDS.map((dc) => ({ ...dc, dashboard_tab_id: 1 })),
   tabs: [
     createMockDashboardTab({ id: 1, name: "Tab 1" }),
     createMockDashboardTab({ id: 2, name: "Tab 2" }),
@@ -172,7 +172,7 @@ function setup({
   const dashboardState = createMockDashboardState({
     dashboardId: dashboard.id,
     dashboards: {
-      [dashboard.id]: { ...dashboard, dashcards: dashcards.map(dc => dc.id) },
+      [dashboard.id]: { ...dashboard, dashcards: dashcards.map((dc) => dc.id) },
     },
     editingDashboard: DASHBOARD,
     dashcards: _.indexBy(dashcards, "id"),
@@ -189,7 +189,7 @@ function setup({
 
 describe("dashboard/actions/cards", () => {
   describe("addSectionToDashboard", () => {
-    layoutOptions.forEach(sectionLayout => {
+    layoutOptions.forEach((sectionLayout) => {
       describe(sectionLayout.label, () => {
         const layoutItems = sectionLayout.getLayout({ col: 0, row: 0 });
 
@@ -223,7 +223,7 @@ describe("dashboard/actions/cards", () => {
           });
 
           const tabDashcards = nextDashcards.filter(
-            dc => dc.dashboard_tab_id === tabId,
+            (dc) => dc.dashboard_tab_id === tabId,
           );
           expect(tabDashcards).toHaveLength(layoutItems.length);
         });
@@ -363,7 +363,7 @@ async function runAddCardToDashboard({
 
   const tempDashCardId =
     getDashboardById(nextState, dashId).dashcards.find(
-      dashcardId => dashcardId < 0,
+      (dashcardId) => dashcardId < 0,
     ) ?? -1;
 
   return {
diff --git a/frontend/src/metabase/dashboard/actions/data-fetching.ts b/frontend/src/metabase/dashboard/actions/data-fetching.ts
index d78829bc36e..8ea400256f2 100644
--- a/frontend/src/metabase/dashboard/actions/data-fetching.ts
+++ b/frontend/src/metabase/dashboard/actions/data-fetching.ts
@@ -105,7 +105,7 @@ function isNewAdditionalSeriesCard(
 ) {
   return (
     card.id !== dashcard.card_id &&
-    !dashcard.series?.some(s => s.id === card.id)
+    !dashcard.series?.some((s) => s.id === card.id)
   );
 }
 
@@ -114,7 +114,7 @@ export const setDocumentTitle = createAction<string>(SET_DOCUMENT_TITLE);
 
 const updateLoadingTitle = createThunkAction(
   SET_DOCUMENT_TITLE,
-  totalCards => (_dispatch, getState) => {
+  (totalCards) => (_dispatch, getState) => {
     const loadingDashCards = getLoadingDashCards(getState());
     const loadingComplete = totalCards - loadingDashCards.loadingIds.length;
     return `${loadingComplete}/${totalCards} loaded`;
@@ -555,7 +555,7 @@ export const clearCardData = createAction(
 function getDatasetQueryParams(datasetQuery: Partial<DatasetQuery> = {}) {
   const parameters =
     datasetQuery?.parameters
-      ?.map(parameter => ({
+      ?.map((parameter) => ({
         ...parameter,
         value: parameter.value ?? null,
       }))
@@ -625,7 +625,7 @@ export const fetchDashboard = createAsyncThunk(
         entities = {
           dashboard: { [dashId]: loadedDashboard },
           dashcard: Object.fromEntries(
-            loadedDashboard.dashcards.map(id => [
+            loadedDashboard.dashcards.map((id) => [
               id,
               getDashCardById(getState(), id),
             ]),
diff --git a/frontend/src/metabase/dashboard/actions/data-fetching.unit.spec.js b/frontend/src/metabase/dashboard/actions/data-fetching.unit.spec.js
index fa1ee498d86..155c2163a50 100644
--- a/frontend/src/metabase/dashboard/actions/data-fetching.unit.spec.js
+++ b/frontend/src/metabase/dashboard/actions/data-fetching.unit.spec.js
@@ -41,7 +41,7 @@ function setup({ dashboards = [] }) {
 
   setupDatabaseEndpoints(database);
   setupDashboardsEndpoints(dashboards);
-  dashboards.forEach(dashboard =>
+  dashboards.forEach((dashboard) =>
     setupDashboardQueryMetadataEndpoint(
       dashboard,
       createMockDashboardQueryMetadata({ databases: [database] }),
diff --git a/frontend/src/metabase/dashboard/actions/getNewCardUrl.ts b/frontend/src/metabase/dashboard/actions/getNewCardUrl.ts
index d5e701b889d..9a1bd7cd3bd 100644
--- a/frontend/src/metabase/dashboard/actions/getNewCardUrl.ts
+++ b/frontend/src/metabase/dashboard/actions/getNewCardUrl.ts
@@ -85,7 +85,7 @@ export function getParametersMappedToDashcard(
   dashcard: QuestionDashboardCard,
 ): ParameterWithTarget[] {
   const { parameter_mappings } = dashcard;
-  return (parameters || []).flatMap(parameter => {
+  return (parameters || []).flatMap((parameter) => {
     const mapping = _.findWhere(parameter_mappings || [], {
       parameter_id: parameter.id,
     });
diff --git a/frontend/src/metabase/dashboard/actions/parameters.ts b/frontend/src/metabase/dashboard/actions/parameters.ts
index ee6b92ce24d..0b3c8850292 100644
--- a/frontend/src/metabase/dashboard/actions/parameters.ts
+++ b/frontend/src/metabase/dashboard/actions/parameters.ts
@@ -83,7 +83,7 @@ function updateParameter(
     return;
   }
 
-  const index = _.findIndex(dashboard.parameters, p => p.id === id);
+  const index = _.findIndex(dashboard.parameters, (p) => p.id === id);
   if (index >= 0) {
     const parameters = assoc(
       dashboard.parameters,
@@ -134,7 +134,7 @@ export const addParameter = createThunkAction(
   (option: ParameterMappingOptions) => (dispatch, getState) => {
     let newId: undefined | ParameterId = undefined;
 
-    updateParameters(dispatch, getState, parameters => {
+    updateParameters(dispatch, getState, (parameters) => {
       const parameter = createParameter(option, parameters);
       newId = parameter.id;
       return [...parameters, parameter];
@@ -159,13 +159,13 @@ export const removeParameter = createThunkAction(
   (parameterId: ParameterId) => (dispatch, getState) => {
     dispatch(closeAddCardAutoWireToasts());
 
-    updateParameters(dispatch, getState, parameters => {
+    updateParameters(dispatch, getState, (parameters) => {
       return parameters
-        .filter(parameter => parameter.id !== parameterId)
-        .map(parameter => {
+        .filter((parameter) => parameter.id !== parameterId)
+        .map((parameter) => {
           if (parameter.filteringParameters) {
             const filteringParameters = parameter.filteringParameters.filter(
-              filteringParameter => {
+              (filteringParameter) => {
                 return filteringParameter !== parameterId;
               },
             );
@@ -237,7 +237,7 @@ export const resetParameterMapping = createThunkAction(
 
       const dashcards = dashcardId
         ? [allDashcards[dashcardId]]
-        : dashboard.dashcards.map(dashcardId => allDashcards[dashcardId]);
+        : dashboard.dashcards.map((dashcardId) => allDashcards[dashcardId]);
 
       for (const dashcard of dashcards) {
         if (!dashcard.parameter_mappings?.length) {
@@ -245,7 +245,7 @@ export const resetParameterMapping = createThunkAction(
         }
 
         const isDashcardMappedToParameter = dashcard.parameter_mappings.some(
-          mapping => mapping.parameter_id === parameterId,
+          (mapping) => mapping.parameter_id === parameterId,
         );
 
         if (!isDashcardMappedToParameter) {
@@ -254,7 +254,7 @@ export const resetParameterMapping = createThunkAction(
 
         const parameterMappingsWithoutParameterId =
           dashcard.parameter_mappings.filter(
-            mapping => mapping.parameter_id !== parameterId,
+            (mapping) => mapping.parameter_id !== parameterId,
           );
 
         dispatch(
@@ -274,7 +274,7 @@ export const SET_ACTION_FOR_DASHCARD =
   "metabase/dashboard/SET_ACTION_FOR_DASHCARD";
 export const setActionForDashcard = createThunkAction(
   SET_PARAMETER_MAPPING,
-  (dashcard: ActionDashboardCard, newAction: WritebackAction) => dispatch => {
+  (dashcard: ActionDashboardCard, newAction: WritebackAction) => (dispatch) => {
     dispatch(
       setDashCardAttributes({
         id: dashcard.id,
@@ -291,7 +291,7 @@ export const SET_PARAMETER_NAME = "metabase/dashboard/SET_PARAMETER_NAME";
 export const setParameterName = createThunkAction(
   SET_PARAMETER_NAME,
   (parameterId: ParameterId, name: string) => (dispatch, getState) => {
-    updateParameter(dispatch, getState, parameterId, parameter =>
+    updateParameter(dispatch, getState, parameterId, (parameter) =>
       setParamName(parameter, name),
     );
 
@@ -332,7 +332,7 @@ export const setParameterType = createThunkAction(
 
       if (!haveRestoredParameterMappingsToPristine) {
         // update to default
-        updateParameter(dispatch, getState, parameterId, parameter =>
+        updateParameter(dispatch, getState, parameterId, (parameter) =>
           setParamType(parameter, type, sectionId),
         );
       }
@@ -360,7 +360,7 @@ function resetNativeCardParameterMappings(
 
       const parameterMappings = dashcard.parameter_mappings ?? [];
       const newParameterMappings = parameterMappings.filter(
-        parameterMapping => {
+        (parameterMapping) => {
           const question = questionById[parameterMapping.card_id];
           return (
             parameterMapping.parameter_id !== parameterId ||
@@ -494,7 +494,7 @@ export const setParameterFilteringParameters = createThunkAction(
   SET_PARAMETER_NAME,
   (parameterId: ParameterId, filteringParameters: ParameterId[]) =>
     (dispatch, getState) => {
-      updateParameter(dispatch, getState, parameterId, parameter => ({
+      updateParameter(dispatch, getState, parameterId, (parameter) => ({
         ...parameter,
         filteringParameters,
       }));
@@ -537,7 +537,7 @@ export const SET_PARAMETER_DEFAULT_VALUE =
 export const setParameterDefaultValue = createThunkAction(
   SET_PARAMETER_DEFAULT_VALUE,
   (parameterId: ParameterId, defaultValue: any) => (dispatch, getState) => {
-    updateParameter(dispatch, getState, parameterId, parameter => ({
+    updateParameter(dispatch, getState, parameterId, (parameter) => ({
       ...parameter,
       default: defaultValue,
     }));
@@ -567,7 +567,7 @@ export const resetParameters = createThunkAction(
   () => (_dispatch, getState) => {
     const parameters = getFiltersToReset(getState());
 
-    return parameters.map(parameter => {
+    return parameters.map((parameter) => {
       const newValue = parameter.default ?? null;
       const isValueEmpty = isParameterValueEmpty(newValue);
 
@@ -589,7 +589,7 @@ export const setParameterRequired = createThunkAction(
     );
 
     if (parameter && parameter.required !== required) {
-      updateParameter(dispatch, getState, parameterId, parameter => ({
+      updateParameter(dispatch, getState, parameterId, (parameter) => ({
         ...parameter,
         required,
       }));
@@ -610,7 +610,7 @@ export const setParameterIsMultiSelect = createThunkAction(
   SET_PARAMETER_IS_MULTI_SELECT,
   (parameterId: ParameterId, isMultiSelect: boolean) =>
     (dispatch, getState) => {
-      updateParameter(dispatch, getState, parameterId, parameter => ({
+      updateParameter(dispatch, getState, parameterId, (parameter) => ({
         ...parameter,
         isMultiSelect: isMultiSelect,
         default:
@@ -631,7 +631,7 @@ export const setParameterTemporalUnits = createThunkAction(
   SET_PARAMETER_TEMPORAL_UNITS,
   (parameterId: ParameterId, temporalUnits: TemporalUnit[]) =>
     (dispatch, getState) => {
-      updateParameter(dispatch, getState, parameterId, parameter => ({
+      updateParameter(dispatch, getState, parameterId, (parameter) => ({
         ...parameter,
         temporal_units: temporalUnits,
         default:
@@ -650,7 +650,7 @@ export const setParameterQueryType = createThunkAction(
   SET_PARAMETER_QUERY_TYPE,
   (parameterId: ParameterId, queryType: ValuesQueryType) =>
     (dispatch, getState) => {
-      updateParameter(dispatch, getState, parameterId, parameter => ({
+      updateParameter(dispatch, getState, parameterId, (parameter) => ({
         ...parameter,
         values_query_type: queryType,
       }));
@@ -665,7 +665,7 @@ export const setParameterSourceType = createThunkAction(
   SET_PARAMETER_SOURCE_TYPE,
   (parameterId: ParameterId, sourceType: ValuesSourceType) =>
     (dispatch, getState) => {
-      updateParameter(dispatch, getState, parameterId, parameter => ({
+      updateParameter(dispatch, getState, parameterId, (parameter) => ({
         ...parameter,
         values_source_type: sourceType,
       }));
@@ -680,7 +680,7 @@ export const setParameterSourceConfig = createThunkAction(
   SET_PARAMETER_SOURCE_CONFIG,
   (parameterId: ParameterId, sourceConfig: ValuesSourceConfig) =>
     (dispatch, getState) => {
-      updateParameter(dispatch, getState, parameterId, parameter => ({
+      updateParameter(dispatch, getState, parameterId, (parameter) => ({
         ...parameter,
         values_source_config: sourceConfig,
       }));
@@ -700,7 +700,7 @@ export const setParameterIndex = createThunkAction(
 
     const parameterIndex = _.findIndex(
       dashboard.parameters,
-      p => p.id === parameterId,
+      (p) => p.id === parameterId,
     );
     if (parameterIndex >= 0) {
       const parameters = dashboard.parameters.slice();
diff --git a/frontend/src/metabase/dashboard/actions/revisions.js b/frontend/src/metabase/dashboard/actions/revisions.js
index 7bf45962cf3..5cedbe09104 100644
--- a/frontend/src/metabase/dashboard/actions/revisions.js
+++ b/frontend/src/metabase/dashboard/actions/revisions.js
@@ -8,8 +8,8 @@ import { createThunkAction } from "metabase/lib/redux";
 export const REVERT_TO_REVISION = "metabase/dashboard/REVERT_TO_REVISION";
 export const revertToRevision = createThunkAction(
   REVERT_TO_REVISION,
-  revision => {
-    return async dispatch => {
+  (revision) => {
+    return async (dispatch) => {
       await dispatch(Revisions.objectActions.revert(revision));
       await dispatch(
         fetchDashboard({
diff --git a/frontend/src/metabase/dashboard/actions/save.js b/frontend/src/metabase/dashboard/actions/save.js
index cd7d3852bbb..4122b064fa9 100644
--- a/frontend/src/metabase/dashboard/actions/save.js
+++ b/frontend/src/metabase/dashboard/actions/save.js
@@ -35,7 +35,7 @@ export const updateDashboardAndCards = createThunkAction(
       const dashboard = {
         ...dashboards[dashboardId],
         dashcards: dashboards[dashboardId].dashcards.map(
-          dashcardId => dashcards[dashcardId],
+          (dashcardId) => dashcards[dashcardId],
         ),
       };
 
@@ -77,10 +77,10 @@ export const updateDashboardAndCards = createThunkAction(
       });
 
       // update parameter mappings
-      dashboard.dashcards = dashboard.dashcards.map(dc => ({
+      dashboard.dashcards = dashboard.dashcards.map((dc) => ({
         ...dc,
         parameter_mappings: dc.parameter_mappings.filter(
-          mapping =>
+          (mapping) =>
             // filter out mappings for deleted parameters
             _.findWhere(dashboard.parameters, {
               id: mapping.parameter_id,
@@ -96,15 +96,15 @@ export const updateDashboardAndCards = createThunkAction(
       // update modified cards
       await Promise.all(
         dashboard.dashcards
-          .filter(dc => dc.card.isDirty)
-          .map(async dc => CardApi.update(dc.card)),
+          .filter((dc) => dc.card.isDirty)
+          .map(async (dc) => CardApi.update(dc.card)),
       );
 
       trackAddedIFrameDashcards(dashboard);
 
       const dashcardsToUpdate = dashboard.dashcards
-        .filter(dc => !dc.isRemoved)
-        .map(dc => ({
+        .filter((dc) => !dc.isRemoved)
+        .map((dc) => ({
           id: dc.id,
           card_id: dc.card_id,
           dashboard_tab_id: dc.dashboard_tab_id,
@@ -118,7 +118,7 @@ export const updateDashboardAndCards = createThunkAction(
           parameter_mappings: dc.parameter_mappings,
         }));
       const tabsToUpdate = (dashboard.tabs ?? [])
-        .filter(tab => !tab.isRemoved)
+        .filter((tab) => !tab.isRemoved)
         .map(({ id, name }) => ({
           id,
           name,
diff --git a/frontend/src/metabase/dashboard/actions/tabs.ts b/frontend/src/metabase/dashboard/actions/tabs.ts
index 75adf010e5b..4ed941160de 100644
--- a/frontend/src/metabase/dashboard/actions/tabs.ts
+++ b/frontend/src/metabase/dashboard/actions/tabs.ts
@@ -121,7 +121,7 @@ function _createInitialTabs({
   prevDash.tabs = newTabs;
 
   // 2. Assign existing dashcards to first tab
-  prevDash.dashcards.forEach(id => {
+  prevDash.dashcards.forEach((id) => {
     state.dashcards[id] = {
       ...state.dashcards[id],
       isDirty: true,
@@ -221,7 +221,7 @@ export function getPrevDashAndTabs({
   const dashId = state.dashboardId;
   const prevDash = dashId ? state.dashboards[dashId] : null;
   const prevTabs =
-    prevDash?.tabs?.filter(t => !filterRemovedTabs || !t.isRemoved) ?? [];
+    prevDash?.tabs?.filter((t) => !filterRemovedTabs || !t.isRemoved) ?? [];
 
   return { dashId, prevDash, prevTabs };
 }
@@ -263,7 +263,7 @@ export function getIdFromSlug(slug: string | undefined) {
 
 export const tabsReducer = createReducer<DashboardState>(
   INITIAL_DASHBOARD_STATE,
-  builder => {
+  (builder) => {
     builder.addCase<typeof createNewTabAction>(
       createNewTabAction,
       (state, { type, payload: { tabId } }) => {
@@ -282,7 +282,7 @@ export const tabsReducer = createReducer<DashboardState>(
           const newTab = getDefaultTab({
             tabId,
             dashId,
-            name: t`Tab ${prevTabs.filter(t => !t.isRemoved).length + 1}`,
+            name: t`Tab ${prevTabs.filter((t) => !t.isRemoved).length + 1}`,
           });
           prevDash.tabs = [...prevTabs, newTab];
 
@@ -315,7 +315,7 @@ export const tabsReducer = createReducer<DashboardState>(
             `DUPLICATE_TAB was dispatched but either dashId (${dashId}) or prevDash (${prevDash}) are null`,
           );
         }
-        const sourceTab = prevTabs.find(tab => tab.id === sourceTabId);
+        const sourceTab = prevTabs.find((tab) => tab.id === sourceTabId);
         if (sourceTabId !== null && !sourceTab) {
           throw new Error(
             `DUPLICATED_TAB was dispatched but no tab with sourceTabId ${sourceTabId} was found`,
@@ -351,10 +351,10 @@ export const tabsReducer = createReducer<DashboardState>(
 
         // 2. Duplicate dashcards
         const sourceTabDashCards = prevDash.dashcards
-          .map(id => state.dashcards[id])
-          .filter(dashCard => dashCard.dashboard_tab_id === sourceTabId);
+          .map((id) => state.dashcards[id])
+          .filter((dashCard) => dashCard.dashboard_tab_id === sourceTabId);
 
-        sourceTabDashCards.forEach(sourceDashCard => {
+        sourceTabDashCards.forEach((sourceDashCard) => {
           const newDashCardId = generateTemporaryDashcardId();
 
           prevDash.dashcards.push(newDashCardId);
@@ -417,7 +417,7 @@ export const tabsReducer = createReducer<DashboardState>(
 
         // 3. Mark dashcards on removed tab as removed
         const removedDashCardIds: DashCardId[] = [];
-        prevDash.dashcards.forEach(id => {
+        prevDash.dashcards.forEach((id) => {
           if (state.dashcards[id].dashboard_tab_id === tabToRemove.id) {
             state.dashcards[id].isRemoved = true;
             removedDashCardIds.push(id);
@@ -452,7 +452,7 @@ export const tabsReducer = createReducer<DashboardState>(
 
         // 2. Unmark dashcards as removed
         removedDashCardIds.forEach(
-          id => (state.dashcards[id].isRemoved = false),
+          (id) => (state.dashcards[id].isRemoved = false),
         );
 
         // 3. Remove deletion from history
@@ -563,7 +563,7 @@ export const tabsReducer = createReducer<DashboardState>(
 
       // 1. Replace temporary with real dashcard ids
       const prevDashcardIds = prevDash.dashcards.filter(
-        id => !state.dashcards[id].isRemoved,
+        (id) => !state.dashcards[id].isRemoved,
       );
 
       prevDashcardIds.forEach((prevId, index) => {
@@ -576,15 +576,15 @@ export const tabsReducer = createReducer<DashboardState>(
 
       // 2. Re-select the currently selected tab with its real id
       const selectedTabIndex = prevTabs.findIndex(
-        tab => tab.id === state.selectedTabId,
+        (tab) => tab.id === state.selectedTabId,
       );
       state.selectedTabId = (newTabs && newTabs[selectedTabIndex]?.id) ?? null;
     });
 
-    builder.addCase(CANCEL_EDITING_DASHBOARD, state => {
+    builder.addCase(CANCEL_EDITING_DASHBOARD, (state) => {
       const { editingDashboard, selectedTabId } = state;
       const tabs = editingDashboard?.tabs ?? [];
-      const hasTab = tabs.some(tab => tab.id === selectedTabId);
+      const hasTab = tabs.some((tab) => tab.id === selectedTabId);
       if (!hasTab) {
         state.selectedTabId = tabs[0]?.id ?? null;
       }
@@ -610,7 +610,7 @@ export const tabsReducer = createReducer<DashboardState>(
 
       const idFromSlug = getIdFromSlug(slug);
       const tabId =
-        idFromSlug && prevTabs.map(t => t.id).includes(idFromSlug)
+        idFromSlug && prevTabs.map((t) => t.id).includes(idFromSlug)
           ? idFromSlug
           : (prevTabs[0]?.id ?? null);
 
diff --git a/frontend/src/metabase/dashboard/actions/tabs.unit.spec.ts b/frontend/src/metabase/dashboard/actions/tabs.unit.spec.ts
index 88417dd7e93..39f985d6c55 100644
--- a/frontend/src/metabase/dashboard/actions/tabs.unit.spec.ts
+++ b/frontend/src/metabase/dashboard/actions/tabs.unit.spec.ts
@@ -12,7 +12,9 @@ describe("tabsReducer", () => {
       TEST_DASHBOARD_STATE,
       moveTab({ sourceTabId: 1, destinationTabId: 3 }),
     );
-    expect(newDashState.dashboards[1].tabs?.map(t => t.id)).toEqual([2, 3, 1]);
+    expect(newDashState.dashboards[1].tabs?.map((t) => t.id)).toEqual([
+      2, 3, 1,
+    ]);
   });
 });
 
diff --git a/frontend/src/metabase/dashboard/actions/trash.ts b/frontend/src/metabase/dashboard/actions/trash.ts
index ce3cf906b24..3dc60db384a 100644
--- a/frontend/src/metabase/dashboard/actions/trash.ts
+++ b/frontend/src/metabase/dashboard/actions/trash.ts
@@ -48,14 +48,14 @@ export const setArchivedDashboard = createThunkAction(
       );
 
       const dashboardQuestionIds = Object.values(dashcards)
-        .filter(dc => _.isNumber(dc.card.dashboard_id))
-        .map(dc => dc.card_id);
+        .filter((dc) => _.isNumber(dc.card.dashboard_id))
+        .map((dc) => dc.card_id);
 
       // HACK: workaround for entity system as it has stale values for dashboard questions
       // that are now archived due to the dashboard itself being archived
       try {
         await Promise.all(
-          _.uniq(dashboardQuestionIds).map(id =>
+          _.uniq(dashboardQuestionIds).map((id) =>
             dispatch(Questions.actions.fetch({ id }, { reload: true })),
           ),
         );
diff --git a/frontend/src/metabase/dashboard/actions/ui.ts b/frontend/src/metabase/dashboard/actions/ui.ts
index feb5b92d21a..6a80b4f371a 100644
--- a/frontend/src/metabase/dashboard/actions/ui.ts
+++ b/frontend/src/metabase/dashboard/actions/ui.ts
@@ -52,7 +52,7 @@ export const openAddQuestionSidebar = () => (dispatch: Dispatch) => {
 export const CLOSE_DASHBOARD = "metabase/dashboard/CLOSE_DASHBOARD";
 export const closeDashboard = createThunkAction(
   CLOSE_DASHBOARD,
-  () => dispatch => {
+  () => (dispatch) => {
     dispatch(closeAutoApplyFiltersToast());
   },
 );
diff --git a/frontend/src/metabase/dashboard/actions/utils.ts b/frontend/src/metabase/dashboard/actions/utils.ts
index dd1ec9442c4..b1d5db3bb0a 100644
--- a/frontend/src/metabase/dashboard/actions/utils.ts
+++ b/frontend/src/metabase/dashboard/actions/utils.ts
@@ -23,8 +23,8 @@ export function getExistingDashCards(
   const dashboard = dashboards[dashId];
 
   return dashboard.dashcards
-    .map(id => dashcards[id])
-    .filter(dc => {
+    .map((id) => dashcards[id])
+    .filter((dc) => {
       if (dc.isRemoved) {
         return false;
       }
@@ -56,8 +56,8 @@ export function haveDashboardCardsChanged(
 ) {
   return (
     newCards.length !== oldCards.length ||
-    !newCards.every(newCard =>
-      oldCards.some(oldCard => _.isEqual(oldCard, newCard)),
+    !newCards.every((newCard) =>
+      oldCards.some((oldCard) => _.isEqual(oldCard, newCard)),
     )
   );
 }
@@ -89,11 +89,11 @@ export const getDashCardMoveToTabUndoMessage = (dashCard: StoreDashcard) => {
 export const trackAddedIFrameDashcards = (dashboard: Dashboard) => {
   try {
     const newIFrameDashcards = dashboard.dashcards.filter(
-      dashcard =>
+      (dashcard) =>
         "isAdded" in dashcard && dashcard.isAdded && isIFrameDashCard(dashcard),
     );
 
-    newIFrameDashcards.forEach(dashcard => {
+    newIFrameDashcards.forEach((dashcard) => {
       const domainName = getIframeDomainName(
         dashcard.visualization_settings?.iframe,
       );
diff --git a/frontend/src/metabase/dashboard/components/ActionSidebar/ActionSidebar.tsx b/frontend/src/metabase/dashboard/components/ActionSidebar/ActionSidebar.tsx
index ac262c18071..4746b3f683e 100644
--- a/frontend/src/metabase/dashboard/components/ActionSidebar/ActionSidebar.tsx
+++ b/frontend/src/metabase/dashboard/components/ActionSidebar/ActionSidebar.tsx
@@ -47,7 +47,7 @@ export function ActionSidebar({
   const dashcard = useMemo(
     () =>
       dashboard.dashcards.find(
-        dc => dc?.id === dashcardId && isActionDashCard(dc),
+        (dc) => dc?.id === dashcardId && isActionDashCard(dc),
       ) as ActionDashboardCard | undefined,
     [dashboard.dashcards, dashcardId],
   );
@@ -78,7 +78,7 @@ export function ActionSidebar({
               name="button_text"
               placeholder={t`Button text`}
               autoFocus
-              onChangeCapture={e =>
+              onChangeCapture={(e) =>
                 onUpdateVisualizationSettings({
                   "button.label": e.currentTarget.value,
                 })
@@ -88,7 +88,7 @@ export function ActionSidebar({
               title={t`Button variant`}
               name="button_variant"
               options={buttonVariantOptions}
-              onChange={e =>
+              onChange={(e) =>
                 onUpdateVisualizationSettings({
                   "button.variant": e.target.value,
                 })
diff --git a/frontend/src/metabase/dashboard/components/AddCardSidebar/AddCardSidebar.unit.spec.tsx b/frontend/src/metabase/dashboard/components/AddCardSidebar/AddCardSidebar.unit.spec.tsx
index 8138e0bfe6a..fffd1080685 100644
--- a/frontend/src/metabase/dashboard/components/AddCardSidebar/AddCardSidebar.unit.spec.tsx
+++ b/frontend/src/metabase/dashboard/components/AddCardSidebar/AddCardSidebar.unit.spec.tsx
@@ -199,7 +199,7 @@ describe("AddCardSideBar", () => {
 
       assertBreadcrumbs([ROOT_COLLECTION]);
 
-      collectionItems.forEach(collectionItem => {
+      collectionItems.forEach((collectionItem) => {
         expect(
           screen.getByRole("menuitem", {
             name: collectionItem.name,
@@ -271,7 +271,7 @@ describe("AddCardSideBar", () => {
 
       assertBreadcrumbs([ROOT_COLLECTION, COLLECTION, SUBCOLLECTION]);
 
-      collectionItems.forEach(collectionItem => {
+      collectionItems.forEach((collectionItem) => {
         expect(
           screen.getByRole("menuitem", {
             name: collectionItem.name,
@@ -362,7 +362,7 @@ describe("AddCardSideBar", () => {
         PERSONAL_SUBCOLLECTION,
       ]);
 
-      collectionItems.forEach(collectionItem => {
+      collectionItems.forEach((collectionItem) => {
         expect(
           screen.getByRole("menuitem", {
             name: collectionItem.name,
@@ -458,7 +458,7 @@ describe("AddCardSideBar", () => {
 });
 
 function assertBreadcrumbs(collections: Collection[]) {
-  collections.forEach(collection => {
+  collections.forEach((collection) => {
     expect(screen.getByText(collection.name)).toBeInTheDocument();
   });
 }
diff --git a/frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.tsx b/frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.tsx
index 217fbcd434f..66eb48bab75 100644
--- a/frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.tsx
+++ b/frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.tsx
@@ -66,7 +66,7 @@ export class AddSeriesModal extends Component<Props, State> {
 
     if (!selected) {
       this.setState({
-        series: this.state.series.filter(c => c.id !== card.id),
+        series: this.state.series.filter((c) => c.id !== card.id),
       });
 
       return;
@@ -116,11 +116,11 @@ export class AddSeriesModal extends Component<Props, State> {
 
     const series = [dashcard.card]
       .concat(this.state.series)
-      .map(card => ({
+      .map((card) => ({
         card: card,
         data: getIn(dashcardData, [dashcard.id, card.id, "data"]),
       }))
-      .filter(s => !!s.data);
+      .filter((s) => !!s.data);
 
     return (
       <div className={cx(CS.spread, CS.flex)}>
diff --git a/frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.unit.spec.tsx b/frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.unit.spec.tsx
index 6a7ab251549..a1426826dbc 100644
--- a/frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.unit.spec.tsx
+++ b/frontend/src/metabase/dashboard/components/AddSeriesModal/AddSeriesModal.unit.spec.tsx
@@ -215,5 +215,5 @@ describe("AddSeriesModal", () => {
 function getLegendLabels() {
   return screen
     .getAllByTestId("legend-item")
-    .map(element => element.textContent);
+    .map((element) => element.textContent);
 }
diff --git a/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionList.tsx b/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionList.tsx
index 96018d44dd1..bc3481a129f 100644
--- a/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionList.tsx
+++ b/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionList.tsx
@@ -34,7 +34,7 @@ export const QuestionList = memo(function QuestionList({
   dashcard,
 }: QuestionListProps) {
   const enabledCardIds = useMemo(
-    () => new Set(enabledCards.map(card => card.id)),
+    () => new Set(enabledCards.map((card) => card.id)),
     [enabledCards],
   );
 
@@ -76,7 +76,7 @@ export const QuestionList = memo(function QuestionList({
           card.dashboard_id === dashcard.dashboard_id,
       );
 
-      setCards(prev => [...prev, ...cards]);
+      setCards((prev) => [...prev, ...cards]);
       setHasMore(cards.length === PAGE_SIZE);
     },
     [dashcard, debouncedSearchText],
@@ -104,7 +104,7 @@ export const QuestionList = memo(function QuestionList({
           radius={0}
           leftSection={<Icon className={S.SearchInputIcon} name="search" />}
           placeholder={t`Search for a question`}
-          onChange={e => setSearchText(e.target.value)}
+          onChange={(e) => setSearchText(e.target.value)}
         />
       </Flex>
       <LoadingAndErrorWrapper
@@ -120,12 +120,12 @@ export const QuestionList = memo(function QuestionList({
         <Box m={0} p={0} w="100%">
           {hasQuestionsToShow && (
             <div>
-              {cards.map(card => (
+              {cards.map((card) => (
                 <QuestionListItem
                   key={card.id}
                   card={card}
                   isEnabled={enabledCardIds.has(card.id)}
-                  onChange={value => onSelect(card, value)}
+                  onChange={(value) => onSelect(card, value)}
                 />
               ))}
 
diff --git a/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionList.unit.spec.tsx b/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionList.unit.spec.tsx
index 4ad04f0382a..682caaf3180 100644
--- a/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionList.unit.spec.tsx
+++ b/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionList.unit.spec.tsx
@@ -11,11 +11,11 @@ import {
 
 import { QuestionList } from "./QuestionList";
 
-const compatibleCardsFirstPage = _.range(50).map(index =>
+const compatibleCardsFirstPage = _.range(50).map((index) =>
   createMockCard({ id: index, name: `compatible card ${index} page 1` }),
 );
 
-const compatibleCardsSecondPage = _.range(10).map(index => {
+const compatibleCardsSecondPage = _.range(10).map((index) => {
   const id = index + 50;
   return createMockCard({
     id,
diff --git a/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionListItem.tsx b/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionListItem.tsx
index ebae0934588..84a6a361694 100644
--- a/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionListItem.tsx
+++ b/frontend/src/metabase/dashboard/components/AddSeriesModal/QuestionListItem.tsx
@@ -24,7 +24,7 @@ export const QuestionListItem = memo(function QuestionListItem({
           label={card.name}
           labelEllipsis
           checked={isEnabled}
-          onChange={e => onChange(e.currentTarget.checked)}
+          onChange={(e) => onChange(e.currentTarget.checked)}
         />
       </Box>
     </Box>
diff --git a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/ClickBehaviorSidebarContent.tsx b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/ClickBehaviorSidebarContent.tsx
index 5b0077a7e1a..c3cf2fab2a2 100644
--- a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/ClickBehaviorSidebarContent.tsx
+++ b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/ClickBehaviorSidebarContent.tsx
@@ -48,7 +48,7 @@ export function ClickBehaviorSidebarContent({
     // drill-through menu
     return { type: "actionMenu" };
   }, [clickBehavior]);
-  const dashcardData = useSelector(state =>
+  const dashcardData = useSelector((state) =>
     getDashcardData(state, dashcard.id),
   );
 
diff --git a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/ClickBehaviorSidebarMainView/ClickBehaviorSidebarMainView.tsx b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/ClickBehaviorSidebarMainView/ClickBehaviorSidebarMainView.tsx
index 1fdc2a1c109..395bebb4597 100644
--- a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/ClickBehaviorSidebarMainView/ClickBehaviorSidebarMainView.tsx
+++ b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/ClickBehaviorSidebarMainView/ClickBehaviorSidebarMainView.tsx
@@ -75,7 +75,7 @@ export function ClickBehaviorSidebarMainView({
     dashcard,
   );
   const currentOption = clickBehaviorOptions.find(
-    o => o.value === clickBehavior.type,
+    (o) => o.value === clickBehavior.type,
   );
 
   return (
diff --git a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/LinkOptions/LinkedEntityPicker/LinkedEntityPicker.tsx b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/LinkOptions/LinkedEntityPicker/LinkedEntityPicker.tsx
index 2a7167af752..b8824d9e5c6 100644
--- a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/LinkOptions/LinkedEntityPicker/LinkedEntityPicker.tsx
+++ b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/LinkOptions/LinkedEntityPicker/LinkedEntityPicker.tsx
@@ -228,7 +228,7 @@ export function LinkedEntityPicker({
     ? (clickBehavior.tabId ?? defaultDashboardTabId)
     : undefined;
   const dashboardTabExists = dashboardTabs.some(
-    tab => tab.id === dashboardTabId,
+    (tab) => tab.id === dashboardTabId,
   );
   const dashboardTabIdValue =
     typeof dashboardTabId === "undefined" ? undefined : String(dashboardTabId);
@@ -303,7 +303,7 @@ export function LinkedEntityPicker({
         <PickerComponent
           title={getModalTitle()}
           value={initialPickerValue as any} // typescript isn't smart enough to know which picker we're using
-          onChange={newTarget => {
+          onChange={(newTarget) => {
             handleSelectLinkTargetEntityId(newTarget.id);
             setIsPickerOpen(false);
           }}
@@ -323,7 +323,7 @@ export function LinkedEntityPicker({
               ? undefined
               : t`The selected tab is no longer available`
           }
-          data={dashboardTabs.map(tab => ({
+          data={dashboardTabs.map((tab) => ({
             label: tab.name,
             value: String(tab.id),
           }))}
diff --git a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/LinkOptions/ValuesYouCanReference.jsx b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/LinkOptions/ValuesYouCanReference.jsx
index d20c4a15a4b..2c66ea65f80 100644
--- a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/LinkOptions/ValuesYouCanReference.jsx
+++ b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/LinkOptions/ValuesYouCanReference.jsx
@@ -12,8 +12,8 @@ import { Flex, Icon } from "metabase/ui";
 import S from "./ValuesYouCanReference.module.css";
 
 function prefixIfNeeded(values, prefix, otherLists) {
-  const otherValues = otherLists.flat().map(s => s.toLowerCase());
-  return values.map(value =>
+  const otherValues = otherLists.flat().map((s) => s.toLowerCase());
+  return values.map((value) =>
     otherValues.includes(value.toLowerCase()) ? `${prefix}:${value}` : value,
   );
 }
@@ -21,8 +21,8 @@ function prefixIfNeeded(values, prefix, otherLists) {
 export const ValuesYouCanReference = withUserAttributes(
   ({ dashcard, parameters, userAttributes }) => {
     const columnMetadata = dashcard.card.result_metadata || [];
-    const columns = columnMetadata?.filter(isMappableColumn).map(c => c.name);
-    const parameterNames = parameters.map(p => p.name);
+    const columns = columnMetadata?.filter(isMappableColumn).map((c) => c.name);
+    const parameterNames = parameters.map((p) => p.name);
     const sections = [
       {
         items: prefixIfNeeded(columns, "column", [
@@ -45,7 +45,7 @@ export const ValuesYouCanReference = withUserAttributes(
         ]),
         name: t`User attributes`,
       },
-    ].filter(section => section.items.length > 0);
+    ].filter((section) => section.items.length > 0);
 
     if (!sections.length) {
       return null;
@@ -63,7 +63,7 @@ export const ValuesYouCanReference = withUserAttributes(
         <AccordionList
           alwaysExpanded
           sections={sections}
-          renderItemName={name => name}
+          renderItemName={(name) => name}
           itemIsClickable={() => false}
         />
       </PopoverWithTrigger>
diff --git a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TableClickBehaviorView/Column.tsx b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TableClickBehaviorView/Column.tsx
index 666c2141489..060a6dd2aae 100644
--- a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TableClickBehaviorView/Column.tsx
+++ b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TableClickBehaviorView/Column.tsx
@@ -60,7 +60,7 @@ function getClickBehaviorDescription({
 
   if (clickBehavior.type === "crossfilter") {
     const parameters = Object.keys(clickBehavior.parameterMapping || {});
-    return (n =>
+    return ((n) =>
       ngettext(
         msgid`${column.display_name} updates ${n} filter`,
         `${column.display_name} updates ${n} filters`,
diff --git a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TableClickBehaviorView/TableClickBehaviorView.tsx b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TableClickBehaviorView/TableClickBehaviorView.tsx
index 82dfd620b4a..77d9ace41aa 100644
--- a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TableClickBehaviorView/TableClickBehaviorView.tsx
+++ b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TableClickBehaviorView/TableClickBehaviorView.tsx
@@ -58,7 +58,7 @@ export function TableClickBehaviorView({
   onColumnClick,
 }: Props) {
   const groupedColumns = useMemo(() => {
-    const withClickBehaviors = columns.map(column => ({
+    const withClickBehaviors = columns.map((column) => ({
       column,
       clickBehavior: getClickBehaviorForColumn(column),
     }));
diff --git a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TypeSelector/TypeSelector.tsx b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TypeSelector/TypeSelector.tsx
index 7bb4c2dcd34..39a3a40aa81 100644
--- a/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TypeSelector/TypeSelector.tsx
+++ b/frontend/src/metabase/dashboard/components/ClickBehaviorSidebar/TypeSelector/TypeSelector.tsx
@@ -79,7 +79,7 @@ export function TypeSelector({
   moveToNextPage,
 }: TypeSelectorProps) {
   const options = useMemo(() => {
-    return clickBehaviorOptions.filter(option => option.value !== "action");
+    return clickBehaviorOptions.filter((option) => option.value !== "action");
   }, []);
 
   const handleSelect = useCallback(
diff --git a/frontend/src/metabase/dashboard/components/ClickMappings.jsx b/frontend/src/metabase/dashboard/components/ClickMappings.jsx
index 8bc2b68a3af..cf50b04d74c 100644
--- a/frontend/src/metabase/dashboard/components/ClickMappings.jsx
+++ b/frontend/src/metabase/dashboard/components/ClickMappings.jsx
@@ -33,12 +33,12 @@ class ClickMappings extends Component {
     };
 
     const unsetTargetsWithSourceOptions = _.chain(unsetTargets)
-      .map(target => ({
+      .map((target) => ({
         target,
         sourceOptions: _.chain(sourceOptions)
           .mapObject((sources, sourceType) =>
             sources
-              .filter(source => {
+              .filter((source) => {
                 const sourceFilter = target.sourceFilters[sourceType];
 
                 return sourceFilter(source, question);
@@ -63,7 +63,7 @@ class ClickMappings extends Component {
     return (
       <div data-testid="click-mappings">
         <div>
-          {setTargets.map(target => {
+          {setTargets.map((target) => {
             return (
               <TargetWithSource
                 key={target.id}
@@ -143,9 +143,9 @@ export const ClickMappingsConnected = _.compose(
       const parametersUsedAsSources = Object.values(
         clickBehavior.parameterMapping || {},
       )
-        .filter(mapping => getIn(mapping, ["source", "type"]) === "parameter")
-        .map(mapping => mapping.source.id);
-      parameters = parameters.filter(p => {
+        .filter((mapping) => getIn(mapping, ["source", "type"]) === "parameter")
+        .map((mapping) => mapping.source.id);
+      parameters = parameters.filter((p) => {
         return parametersUsedAsSources.includes(p.id);
       });
     }
@@ -159,7 +159,7 @@ export const ClickMappingsConnected = _.compose(
     );
 
     const availableColumns =
-      Object.values(dashcardData).flatMap(dataset => dataset.data.cols) ?? [];
+      Object.values(dashcardData).flatMap((dataset) => dataset.data.cols) ?? [];
 
     const sourceOptions = {
       column: availableColumns.filter(isMappableColumn),
@@ -169,11 +169,11 @@ export const ClickMappingsConnected = _.compose(
   }),
 )(ClickMappings);
 
-const getKeyForSource = o => (o.type == null ? null : `${o.type}-${o.id}`);
+const getKeyForSource = (o) => (o.type == null ? null : `${o.type}-${o.id}`);
 const getSourceOption = {
-  column: c => ({ type: "column", id: c.name, name: c.display_name }),
-  parameter: p => ({ type: "parameter", id: p.id, name: p.name }),
-  userAttribute: name => ({ type: "userAttribute", name, id: name }),
+  column: (c) => ({ type: "column", id: c.name, name: c.display_name }),
+  parameter: (p) => ({ type: "parameter", id: p.id, name: p.name }),
+  userAttribute: (name) => ({ type: "userAttribute", name, id: name }),
 };
 
 function TargetWithoutSource({
@@ -209,13 +209,13 @@ function TargetWithoutSource({
         items,
       }))}
       optionValueFn={getKeyForSource}
-      optionNameFn={o => (o.type == null ? t`None` : o.name)}
+      optionNameFn={(o) => (o.type == null ? t`None` : o.name)}
       onChange={({ target: { value } }) => {
         updateSettings(
           assocIn(clickBehavior, ["parameterMapping", id], {
             source: Object.values(sourceOptions)
               .flat()
-              .find(o => getKeyForSource(o) === value),
+              .find((o) => getKeyForSource(o) === value),
             target: target.target,
             id,
             type,
@@ -307,7 +307,7 @@ function TargetWithSource({
  * @deprecated HOCs are deprecated
  */
 function loadQuestionMetadata(getQuestion) {
-  return ComposedComponent => {
+  return (ComposedComponent) => {
     class MetadataLoader extends Component {
       componentDidMount() {
         if (this.props.question) {
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCard.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCard.tsx
index c99a3d3c514..450d6eccb95 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCard.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCard.tsx
@@ -129,7 +129,7 @@ function DashCardInner({
   reportAutoScrolledToDashcard,
   className,
 }: DashCardProps) {
-  const dashcardData = useSelector(state =>
+  const dashcardData = useSelector((state) =>
     getDashcardData(state, dashcard.id),
   );
   const store = useStore();
@@ -141,7 +141,7 @@ function DashCardInner({
   const cardRootRef = useRef<HTMLDivElement>(null);
 
   const handlePreviewToggle = useCallback(() => {
-    setIsPreviewingCard(wasPreviewingCard => !wasPreviewingCard);
+    setIsPreviewingCard((wasPreviewingCard) => !wasPreviewingCard);
   }, []);
 
   useMount(() => {
@@ -179,7 +179,7 @@ function DashCardInner({
   }, [mainCard, dashcard]);
 
   const series = useMemo(() => {
-    return cards.map(card => {
+    return cards.map((card) => {
       const isSlow = card.id ? slowCards[card.id] : false;
       const isUsuallyFast =
         card.query_average_duration &&
@@ -207,11 +207,11 @@ function DashCardInner({
 
   const { expectedDuration, isSlow } = useMemo(() => {
     const expectedDuration = Math.max(
-      ...series.map(s => s.card.query_average_duration || 0),
+      ...series.map((s) => s.card.query_average_duration || 0),
     );
-    const isUsuallyFast = series.every(s => s.isUsuallyFast);
+    const isUsuallyFast = series.every((s) => s.isUsuallyFast);
     let isSlow: CardSlownessStatus = false;
-    if (isLoading && series.some(s => s.isSlow)) {
+    if (isLoading && series.some((s) => s.isSlow)) {
       isSlow = isUsuallyFast ? "usually-fast" : "usually-slow";
     }
     return { expectedDuration, isSlow };
@@ -329,7 +329,7 @@ function DashCardInner({
           },
           className,
         )}
-        style={theme => {
+        style={(theme) => {
           const { border } = theme.other.dashboard.card;
 
           return {
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardActionsPanel/DashCardTabMenu/DashCardTabMenu.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardActionsPanel/DashCardTabMenu/DashCardTabMenu.tsx
index 26a1f61585b..5a9ab9d2ead 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardActionsPanel/DashCardTabMenu/DashCardTabMenu.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardActionsPanel/DashCardTabMenu/DashCardTabMenu.tsx
@@ -29,7 +29,7 @@ export function DashCardTabMenu({
   const showMenu = tabs.length > 1;
 
   const tabsToShow = useMemo(() => {
-    return tabs.filter(t => t.id !== selectedTabId);
+    return tabs.filter((t) => t.id !== selectedTabId);
   }, [selectedTabId, tabs]);
 
   const moveDashcard = useCallback(
@@ -53,7 +53,7 @@ export function DashCardTabMenu({
         </Menu.Target>
         <Menu.Dropdown>
           <Menu.Label>{t`Move to tab`}</Menu.Label>
-          {tabsToShow.map(tab => {
+          {tabsToShow.map((tab) => {
             return (
               <Menu.Item
                 maw={300}
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardActionsPanel/DashCardTabMenu/DashCardTabMenu.unit.spec.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardActionsPanel/DashCardTabMenu/DashCardTabMenu.unit.spec.tsx
index 505952624b6..5023cea61c0 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardActionsPanel/DashCardTabMenu/DashCardTabMenu.unit.spec.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardActionsPanel/DashCardTabMenu/DashCardTabMenu.unit.spec.tsx
@@ -40,7 +40,7 @@ const setup = ({
     dashboards: {
       [TEST_DASHBOARD.id]: {
         ...TEST_DASHBOARD,
-        dashcards: TEST_DASHBOARD.dashcards.map(c => c.id),
+        dashcards: TEST_DASHBOARD.dashcards.map((c) => c.id),
         tabs,
       },
     },
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardMenu/DashCardMenu.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardMenu/DashCardMenu.tsx
index 8890ae7bb4f..a675bd350c1 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardMenu/DashCardMenu.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardMenu/DashCardMenu.tsx
@@ -116,7 +116,7 @@ export const DashCardMenu = ({
         <QueryDownloadPopover
           question={question}
           result={result}
-          onDownload={opts => {
+          onDownload={(opts) => {
             close();
             handleDownload(opts);
           }}
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardMenu/DashCardMenuItems.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardMenu/DashCardMenuItems.tsx
index d23a5cba0bc..56f8270dff4 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardMenu/DashCardMenuItems.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardMenu/DashCardMenuItems.tsx
@@ -92,7 +92,7 @@ export const DashCardMenuItems = ({
 
     if (customItems) {
       items.push(
-        ...customItems.map(item => {
+        ...customItems.map((item) => {
           const customItem =
             typeof item === "function"
               ? item({ question: transformSdkQuestion(question) })
@@ -118,7 +118,7 @@ export const DashCardMenuItems = ({
     withEditLink,
   ]);
 
-  return menuItems.map(item => {
+  return menuItems.map((item) => {
     const { iconName, key, ...rest } = item;
 
     return (
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapper.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapper.tsx
index 9636c062e08..93a6d1b81ea 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapper.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapper.tsx
@@ -126,7 +126,7 @@ export function DashCardCardParameterMapper({
         duration={400}
         exitDuration={0}
       >
-        {styles => {
+        {(styles) => {
           /* bottom prop is negative as we wanted to keep layout not shifted on hint */
           return (
             <Flex
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapper.unit.spec.jsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapper.unit.spec.jsx
index 28d4974492a..6fa8b284db2 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapper.unit.spec.jsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapper.unit.spec.jsx
@@ -39,7 +39,7 @@ const state = createMockState({
 
 const metadata = getMetadata(state); // metabase-lib Metadata instance
 
-const setup = options => {
+const setup = (options) => {
   const card = options.card ?? createMockCard();
 
   const { rerender } = renderWithProviders(
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapperButton.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapperButton.tsx
index bb46855eab8..6dd1ebd2f46 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapperButton.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapperButton.tsx
@@ -78,7 +78,7 @@ export const DashCardCardParameterMapperButton = ({
               iconSize={12}
               className={S.CloseIconButton}
               aria-label={t`Disconnect`}
-              onClick={e => {
+              onClick={(e) => {
                 handleChangeTarget(null);
                 e.stopPropagation();
               }}
@@ -107,7 +107,7 @@ export const DashCardCardParameterMapperButton = ({
               className={S.CloseIconButton}
               role="button"
               aria-label={t`Disconnect`}
-              onClick={e => {
+              onClick={(e) => {
                 handleChangeTarget(null);
                 e.stopPropagation();
               }}
@@ -171,7 +171,7 @@ export const DashCardCardParameterMapperButton = ({
           onClick={() => {
             setIsDropdownVisible(true);
           }}
-          onKeyDown={e => {
+          onKeyDown={(e) => {
             if (e.key === "Enter") {
               setIsDropdownVisible(true);
             }
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapperContent.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapperContent.tsx
index bf632d50be3..c4dcb1f9401 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapperContent.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardCardParameterMapperContent.tsx
@@ -172,7 +172,7 @@ function AutoConnectedAnimatedIcon() {
 
   return (
     <Transition transition="fade" mounted={mounted} exitDuration={0}>
-      {styles => {
+      {(styles) => {
         return (
           <Box component="span" style={styles} pos="absolute" right={-20}>
             <Tooltip label={t`Auto-connected`}>
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardParameterMapper.jsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardParameterMapper.jsx
index bfa2c97b1c9..162e102374e 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardParameterMapper.jsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DashCardParameterMapper.jsx
@@ -37,7 +37,7 @@ export const DashCardParameterMapper = ({ dashcard, isMobile }) => (
       className={S.MapperSettingsContainer}
       data-testid="parameter-mapper-container"
     >
-      {[dashcard.card].concat(dashcard.series || []).map(card => (
+      {[dashcard.card].concat(dashcard.series || []).map((card) => (
         <DashCardCardParameterMapperConnected
           key={`${dashcard.id},${card.id}`}
           dashcard={dashcard}
diff --git a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DisabledNativeCardHelpText/DisabledNativeCardHelpText.tsx b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DisabledNativeCardHelpText/DisabledNativeCardHelpText.tsx
index 0d74b0f98f0..993f47298e4 100644
--- a/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DisabledNativeCardHelpText/DisabledNativeCardHelpText.tsx
+++ b/frontend/src/metabase/dashboard/components/DashCard/DashCardParameterMapper/DisabledNativeCardHelpText/DisabledNativeCardHelpText.tsx
@@ -59,7 +59,7 @@ interface ParameterHelpTextProps {
 
 function ParameterHelpText({ parameter }: ParameterHelpTextProps) {
   const showMetabaseLinks = useSelector(getShowMetabaseLinks);
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     getDocsUrl(state, { page: "questions/native-editor/sql-parameters" }),
   );
 
diff --git a/frontend/src/metabase/dashboard/components/Dashboard/DashboardEmptyState/DashboardEmptyState.unit.spec.tsx b/frontend/src/metabase/dashboard/components/Dashboard/DashboardEmptyState/DashboardEmptyState.unit.spec.tsx
index 38de675327f..ef45d0a536a 100644
--- a/frontend/src/metabase/dashboard/components/Dashboard/DashboardEmptyState/DashboardEmptyState.unit.spec.tsx
+++ b/frontend/src/metabase/dashboard/components/Dashboard/DashboardEmptyState/DashboardEmptyState.unit.spec.tsx
@@ -77,7 +77,7 @@ describe("DashboardEmptyState", () => {
   // Editing mode is always the same for both an empty dashboard and an empty dashboard tab
   it.each(["dashboard", "dashboard tab"])(
     "renders %s empty state in editing mode",
-    context => {
+    (context) => {
       const { addQuestion } = setup({
         isDashboardEmpty: context === "dashboard",
         isEditing: true,
diff --git a/frontend/src/metabase/dashboard/components/DashboardBookmark.tsx b/frontend/src/metabase/dashboard/components/DashboardBookmark.tsx
index 0045515a4b8..cf80d56b4b9 100644
--- a/frontend/src/metabase/dashboard/components/DashboardBookmark.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardBookmark.tsx
@@ -56,6 +56,6 @@ export const getIsBookmarked = ({
   dashboardId,
 }: IsBookmarkedSelectorProps) =>
   bookmarks.some(
-    bookmark =>
+    (bookmark) =>
       bookmark.type === "dashboard" && bookmark.item_id === dashboardId,
   );
diff --git a/frontend/src/metabase/dashboard/components/DashboardCopyModal.jsx b/frontend/src/metabase/dashboard/components/DashboardCopyModal.jsx
index 0ff005aa581..a4ecb4e6d69 100644
--- a/frontend/src/metabase/dashboard/components/DashboardCopyModal.jsx
+++ b/frontend/src/metabase/dashboard/components/DashboardCopyModal.jsx
@@ -67,11 +67,11 @@ const DashboardCopyModal = ({
       }}
       title={title}
       overwriteOnInitialValuesChange
-      copy={async object =>
+      copy={async (object) =>
         await copyDashboard({ id: initialDashboardId }, dissoc(object, "id"))
       }
       onClose={onClose}
-      onSaved={dashboard => onReplaceLocation(Urls.dashboard(dashboard))}
+      onSaved={(dashboard) => onReplaceLocation(Urls.dashboard(dashboard))}
       {...props}
       onValuesChange={handleValuesChange}
     />
diff --git a/frontend/src/metabase/dashboard/components/DashboardGrid.tsx b/frontend/src/metabase/dashboard/components/DashboardGrid.tsx
index 3336c0605d2..f2e85481df9 100644
--- a/frontend/src/metabase/dashboard/components/DashboardGrid.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardGrid.tsx
@@ -257,7 +257,7 @@ class DashboardGridInner extends Component<
           dashcardData,
           state.visibleCardIds,
         )
-      : new Set(dashboard.dashcards.map(card => card.id));
+      : new Set(dashboard.dashcards.map((card) => card.id));
 
     const visibleCards = getVisibleCards(
       dashboard.dashcards,
@@ -315,9 +315,9 @@ class DashboardGridInner extends Component<
 
     const changes: SetDashCardAttributesOpts[] = [];
 
-    layout.forEach(layoutItem => {
+    layout.forEach((layoutItem) => {
       const dashboardCard = this.getVisibleCards().find(
-        card => String(card.id) === layoutItem.i,
+        (card) => String(card.id) === layoutItem.i,
       );
       if (dashboardCard) {
         const keys = ["h", "w", "x", "y"];
@@ -446,7 +446,7 @@ class DashboardGridInner extends Component<
     };
 
     const replaceCardModalRecentFilter = (items: RecentItem[]) => {
-      return items.filter(item => {
+      return items.filter((item) => {
         if (isRecentCollectionItem(item) && item.dashboard) {
           if (item.dashboard.id !== dashboard.id) {
             return false;
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeader.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeader.tsx
index 0ba4496f428..65d48ce1999 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeader.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeader.tsx
@@ -69,7 +69,7 @@ export const DashboardHeaderInner = ({
   const isAdditionalInfoVisible = useSelector(getIsAdditionalInfoVisible);
 
   const isHomepageDashboard = useSelector(
-    state =>
+    (state) =>
       getSetting(state, "custom-homepage") &&
       getSetting(state, "custom-homepage-dashboard") === dashboard?.id,
   );
@@ -105,7 +105,7 @@ export const DashboardHeaderInner = ({
         isEditing &&
         dashboardBeforeEditing?.embedding_params &&
         Object.keys(dashboardBeforeEditing.embedding_params).some(
-          slug => !currentSlugs.includes(slug),
+          (slug) => !currentSlugs.includes(slug),
         )
       ) {
         return t`You've updated embedded params and will need to update your embed code.`;
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeaderButtonRow/DashboardHeaderButtonRow.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeaderButtonRow/DashboardHeaderButtonRow.tsx
index d4a552833ae..2dff9279a9e 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeaderButtonRow/DashboardHeaderButtonRow.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeaderButtonRow/DashboardHeaderButtonRow.tsx
@@ -48,7 +48,7 @@ export const DashboardHeaderButtonRow = ({
     : DASHBOARD_VIEW_ACTIONS;
 
   const visibleDashboardActionKeys = dashboardActionKeys
-    ? buttonOptions.filter(key => dashboardActionKeys.includes(key))
+    ? buttonOptions.filter((key) => dashboardActionKeys.includes(key))
     : buttonOptions;
 
   const dispatch = useDispatch();
@@ -59,7 +59,7 @@ export const DashboardHeaderButtonRow = ({
 
   return (
     <>
-      {visibleDashboardActionKeys.map(dashboardActionKey => {
+      {visibleDashboardActionKeys.map((dashboardActionKey) => {
         const config = dashboardActionButtons[dashboardActionKey];
         if (dashboard) {
           const buttonComponentProps: HeaderButtonProps = {
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeaderButtonRow/DashboardHeaderButtonRow.unit.spec.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeaderButtonRow/DashboardHeaderButtonRow.unit.spec.tsx
index 8c5485e7805..85ef3641031 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeaderButtonRow/DashboardHeaderButtonRow.unit.spec.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/DashboardHeaderButtonRow/DashboardHeaderButtonRow.unit.spec.tsx
@@ -133,7 +133,7 @@ const setup = ({
   });
   const MOCK_STORE_DASHBOARD = createMockStoreDashboard({
     ...MOCK_DASHBOARD,
-    dashcards: MOCK_DASHBOARD.dashcards.map(dc => dc.id),
+    dashcards: MOCK_DASHBOARD.dashcards.map((dc) => dc.id),
     tabs: [],
   });
   const MOCK_DASH_STATE = createMockDashboardState({
@@ -267,7 +267,7 @@ describe("DashboardHeaderButtonRow", () => {
       setup({ isEditing: true, hasModelActionsEnabled: false });
       await expectButtonsToStrictMatchHeader({
         expectedButtons: DASHBOARD_EDITING_ACTIONS.filter(
-          action => action !== DASHBOARD_ACTION.ADD_ACTION_ELEMENT,
+          (action) => action !== DASHBOARD_ACTION.ADD_ACTION_ELEMENT,
         ),
         checkLength: true,
       });
@@ -278,7 +278,7 @@ describe("DashboardHeaderButtonRow", () => {
       const buttons = screen.getAllByTestId("dashboard-header-row-button");
 
       const validActions = DASHBOARD_VIEW_ACTIONS.filter(
-        action => action !== DASHBOARD_ACTION.DASHBOARD_HEADER_ACTION_DIVIDER,
+        (action) => action !== DASHBOARD_ACTION.DASHBOARD_HEADER_ACTION_DIVIDER,
       );
 
       for (const button of buttons) {
@@ -321,7 +321,7 @@ describe("DashboardHeaderButtonRow", () => {
       const buttons = screen.getAllByTestId("dashboard-header-row-button");
 
       const validActions = DASHBOARD_EDITING_ACTIONS.filter(
-        action => action !== DASHBOARD_ACTION.DASHBOARD_HEADER_ACTION_DIVIDER,
+        (action) => action !== DASHBOARD_ACTION.DASHBOARD_HEADER_ACTION_DIVIDER,
       );
 
       for (const button of buttons) {
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/SectionLayoutPreview.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/SectionLayoutPreview.tsx
index b6da14680b8..4f294d8ee50 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/SectionLayoutPreview.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/SectionLayoutPreview.tsx
@@ -28,14 +28,14 @@ export function SectionLayoutPreview({ layout }: SectionLayoutPreviewProps) {
   }, [layout]);
 
   const height = useMemo(() => {
-    const maxY = _.max(layoutItems.map(item => item.row + item.size_y));
+    const maxY = _.max(layoutItems.map((item) => item.row + item.size_y));
     return maxY * (CELL_HEIGHT + SPACING);
   }, [layoutItems]);
 
   return (
     <Flex align="center" justify="center">
       <Box pos="relative" w={WIDTH} mih={height}>
-        {layoutItems.map(item => (
+        {layoutItems.map((item) => (
           <PreviewCard
             key={item.id}
             layout={item}
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/AddFilterParameterButton/AddFilterParameterButton.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/AddFilterParameterButton/AddFilterParameterButton.tsx
index 938d5c639fd..f50b06266de 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/AddFilterParameterButton/AddFilterParameterButton.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/AddFilterParameterButton/AddFilterParameterButton.tsx
@@ -66,7 +66,7 @@ export const AddFilterParameterButton = () => {
       </Menu.Target>
       <Menu.Dropdown data-testid="add-filter-parameter-dropdown">
         <Menu.Label>{t`Add a filter or parameter`}</Menu.Label>
-        {sections.map(section => (
+        {sections.map((section) => (
           <Menu.Item
             key={section.id}
             leftSection={<Icon name={getParameterIconName(section.id)} />}
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/AddSectionButton/AddSectionButton.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/AddSectionButton/AddSectionButton.tsx
index daa08c09ef7..5dbfab179fa 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/AddSectionButton/AddSectionButton.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/AddSectionButton/AddSectionButton.tsx
@@ -43,7 +43,7 @@ export const AddSectionButton = () => {
           p="12px"
           className={AddSectionButtonS.AddSectionButton}
         >
-          {layoutOptions.map(layout => (
+          {layoutOptions.map((layout) => (
             <Menu.Item
               key={layout.id}
               bg={darken("bg-medium", 0.1)}
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/FullscreenAnalyticsDashboard.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/FullscreenAnalyticsDashboard.tsx
index ce3b0a1f7b2..11f30a21339 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/FullscreenAnalyticsDashboard.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/FullscreenAnalyticsDashboard.tsx
@@ -13,6 +13,6 @@ export const FullscreenAnalyticsDashboard = ({
     aria-label={t`Enter Fullscreen`}
     icon="expand"
     className={CS.cursorPointer}
-    onClick={e => onFullscreenChange(!isFullscreen, !e.altKey)}
+    onClick={(e) => onFullscreenChange(!isFullscreen, !e.altKey)}
   />
 );
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/FullscreenToggle.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/FullscreenToggle.tsx
index b37a190f9b7..47a0817fc5b 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/FullscreenToggle.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/FullscreenToggle.tsx
@@ -12,7 +12,7 @@ export const FullscreenToggle = ({
     <ToolbarButton
       tooltipLabel={label}
       icon={isFullscreen ? "contract" : "expand"}
-      onClick={e => onFullscreenChange(!isFullscreen, !e.altKey)}
+      onClick={(e) => onFullscreenChange(!isFullscreen, !e.altKey)}
       aria-label={label}
     />
   );
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/SaveEditButton.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/SaveEditButton.tsx
index bd7efaa7c29..47df19542a6 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/SaveEditButton.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/buttons/SaveEditButton.tsx
@@ -66,7 +66,7 @@ function getDisabledSaveButtonTooltip(
   }
 
   const names = missingRequiredParams
-    .map(param => `"${param.name}"`)
+    .map((param) => `"${param.name}"`)
     .join(", ");
 
   return ngettext(
diff --git a/frontend/src/metabase/dashboard/components/DashboardHeader/tests/setup.tsx b/frontend/src/metabase/dashboard/components/DashboardHeader/tests/setup.tsx
index 34a6e98b4c6..ad0396a2dc9 100644
--- a/frontend/src/metabase/dashboard/components/DashboardHeader/tests/setup.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardHeader/tests/setup.tsx
@@ -128,7 +128,7 @@ export const setup = async ({
           dashboards: {
             [dashboard.id]: {
               ...dashboard,
-              dashcards: dashboard.dashcards.map(c => c.id),
+              dashcards: dashboard.dashcards.map((c) => c.id),
             },
           },
           dashcards: {
diff --git a/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardDetails.tsx b/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardDetails.tsx
index e04102d9075..aad5419282e 100644
--- a/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardDetails.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardDetails.tsx
@@ -102,7 +102,7 @@ function SharingDisplay({ dashboard }: { dashboard: Dashboard }) {
             target={
               <FixedSizeIcon
                 name="link"
-                onClick={() => setIsPopoverOpen(prev => !prev)}
+                onClick={() => setIsPopoverOpen((prev) => !prev)}
                 className={cx(
                   Styles.cursorPointer,
                   Styles.textBrandHover,
diff --git a/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardEntityIdCard/DashboardEntityIdCard.tsx b/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardEntityIdCard/DashboardEntityIdCard.tsx
index 31ab4b30245..587abeee579 100644
--- a/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardEntityIdCard/DashboardEntityIdCard.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardEntityIdCard/DashboardEntityIdCard.tsx
@@ -27,7 +27,9 @@ export const DashboardEntityIdCard = ({
     return null;
   }
 
-  const tabEntityId = tabs?.find(tab => tab.id.toString() === tabId)?.entity_id;
+  const tabEntityId = tabs?.find(
+    (tab) => tab.id.toString() === tabId,
+  )?.entity_id;
 
   return (
     <SidesheetCard>
@@ -40,8 +42,8 @@ export const DashboardEntityIdCard = ({
             <Flex gap="md" align="center">
               <Select
                 value={tabId}
-                onChange={value => setTabId(value)}
-                data={tabs?.map(tab => ({
+                onChange={(value) => setTabId(value)}
+                data={tabs?.map((tab) => ({
                   value: tab.id.toString(),
                   label: tab.name,
                 }))}
diff --git a/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardInfoSidebar.tsx b/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardInfoSidebar.tsx
index 3df72b6aa19..16d5e36a4c6 100644
--- a/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardInfoSidebar.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardInfoSidebar/DashboardInfoSidebar.tsx
@@ -225,7 +225,7 @@ const HistoryTab = ({
       <Timeline
         events={events}
         data-testid="dashboard-history-list"
-        revert={revision => dispatch(revertToRevision(revision))}
+        revert={(revision) => dispatch(revertToRevision(revision))}
         canWrite={canWrite}
       />
     </SidesheetCard>
diff --git a/frontend/src/metabase/dashboard/components/DashboardMoveModal.tsx b/frontend/src/metabase/dashboard/components/DashboardMoveModal.tsx
index 2009597cbf9..470c2b15fdf 100644
--- a/frontend/src/metabase/dashboard/components/DashboardMoveModal.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardMoveModal.tsx
@@ -38,7 +38,7 @@ function DashboardMoveModal({
       onClose={onClose}
       initialCollectionId={dashboard.collection_id ?? "root"}
       canMoveToDashboard={false}
-      onMove={async destination => {
+      onMove={async (destination) => {
         await setDashboardCollection({ id: dashboard.id }, destination, {
           notify: {
             message: (
diff --git a/frontend/src/metabase/dashboard/components/DashboardParameterList/DashboardParameterList.tsx b/frontend/src/metabase/dashboard/components/DashboardParameterList/DashboardParameterList.tsx
index a6b395b05ac..a6eeb77ba0a 100644
--- a/frontend/src/metabase/dashboard/components/DashboardParameterList/DashboardParameterList.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardParameterList/DashboardParameterList.tsx
@@ -43,8 +43,8 @@ export function DashboardParameterList({
       isEditing={isEditing}
       setParameterValue={(id, value) => dispatch(setParameterValue(id, value))}
       setParameterIndex={(id, index) => dispatch(setParameterIndex(id, index))}
-      setEditingParameter={id => dispatch(setEditingParameter(id))}
-      setParameterValueToDefault={id =>
+      setEditingParameter={(id) => dispatch(setEditingParameter(id))}
+      setParameterValueToDefault={(id) =>
         dispatch(setParameterValueToDefault(id))
       }
       enableParameterRequiredBehavior
diff --git a/frontend/src/metabase/dashboard/components/DashboardSettingsSidebar/DashboardSettingsSidebar.tsx b/frontend/src/metabase/dashboard/components/DashboardSettingsSidebar/DashboardSettingsSidebar.tsx
index 326da337aa6..e117635c807 100644
--- a/frontend/src/metabase/dashboard/components/DashboardSettingsSidebar/DashboardSettingsSidebar.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardSettingsSidebar/DashboardSettingsSidebar.tsx
@@ -107,7 +107,7 @@ const DashboardSidesheetBody = ({
           size="sm"
           id={autoApplyFilterToggleId}
           checked={dashboard.auto_apply_filters}
-          onChange={e => handleToggleAutoApplyFilters(e.target.checked)}
+          onChange={(e) => handleToggleAutoApplyFilters(e.target.checked)}
         />
       </SidesheetCard>
       {showCaching && isCacheable && (
diff --git a/frontend/src/metabase/dashboard/components/DashboardSidebars.tsx b/frontend/src/metabase/dashboard/components/DashboardSidebars.tsx
index f7c2a4dda2b..9de49da960c 100644
--- a/frontend/src/metabase/dashboard/components/DashboardSidebars.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardSidebars.tsx
@@ -185,7 +185,7 @@ export function DashboardSidebars({
       const { id: editingParameterId } = editingParameter || {};
       const [[parameter], otherParameters] = _.partition(
         parameters,
-        p => p.id === editingParameterId,
+        (p) => p.id === editingParameterId,
       );
       return (
         <ParameterSidebar
diff --git a/frontend/src/metabase/dashboard/components/DashboardTabs/DashboardTabs.tsx b/frontend/src/metabase/dashboard/components/DashboardTabs/DashboardTabs.tsx
index e7a52eb8135..1a2c51dd1bf 100644
--- a/frontend/src/metabase/dashboard/components/DashboardTabs/DashboardTabs.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardTabs/DashboardTabs.tsx
@@ -59,7 +59,7 @@ export function DashboardTabs({
       <TabRow<SelectedTabId>
         value={selectedTabId}
         onChange={selectTab}
-        itemIds={tabs.map(tab => tab.id)}
+        itemIds={tabs.map((tab) => tab.id)}
         handleDragEnd={moveTab}
       >
         {showPlaceholder ? (
@@ -71,7 +71,7 @@ export function DashboardTabs({
             menuItems={menuItems}
           />
         ) : (
-          tabs.map(tab => (
+          tabs.map((tab) => (
             <Sortable
               key={tab.id}
               id={tab.id}
@@ -81,7 +81,7 @@ export function DashboardTabs({
               <TabButton.Renameable
                 value={tab.id}
                 label={tab.name}
-                onRename={name => renameTab(tab.id, name)}
+                onRename={(name) => renameTab(tab.id, name)}
                 canRename={isEditing && hasMultipleTabs}
                 showMenu={isEditing}
                 menuItems={menuItems}
diff --git a/frontend/src/metabase/dashboard/components/FormDashboardTabSelect/FormDashboardTabSelect.tsx b/frontend/src/metabase/dashboard/components/FormDashboardTabSelect/FormDashboardTabSelect.tsx
index 45b8987a4c3..acac6ecbb74 100644
--- a/frontend/src/metabase/dashboard/components/FormDashboardTabSelect/FormDashboardTabSelect.tsx
+++ b/frontend/src/metabase/dashboard/components/FormDashboardTabSelect/FormDashboardTabSelect.tsx
@@ -32,7 +32,7 @@ export const FormDashboardTabSelect = ({
 
   const options = useMemo(() => {
     return (
-      currentData?.tabs?.map(tab => ({
+      currentData?.tabs?.map((tab) => ({
         label: tab.name,
         value: `${tab.id}`,
       })) ?? []
diff --git a/frontend/src/metabase/dashboard/components/QuestionPicker/QuestionList.tsx b/frontend/src/metabase/dashboard/components/QuestionPicker/QuestionList.tsx
index 782b5d44b66..6ea7cd101c0 100644
--- a/frontend/src/metabase/dashboard/components/QuestionPicker/QuestionList.tsx
+++ b/frontend/src/metabase/dashboard/components/QuestionPicker/QuestionList.tsx
@@ -98,7 +98,7 @@ export function QuestionList({
   const isFetching = isSearching ? searchIsFetching : itemsIsFetching;
   const dispatch = useDispatch();
   const list = useMemo(() => {
-    return data?.data?.map(item => Search.wrapEntity(item, dispatch)) ?? [];
+    return data?.data?.map((item) => Search.wrapEntity(item, dispatch)) ?? [];
   }, [data, dispatch]);
 
   if (collectionId === "personal" && !searchText) {
@@ -123,7 +123,7 @@ export function QuestionList({
   return (
     <>
       <SelectList>
-        {list.map(item => (
+        {list.map((item) => (
           <SelectList.Item
             className={S.QuestionListItem}
             key={item.id}
diff --git a/frontend/src/metabase/dashboard/components/QuestionPicker/QuestionPicker.tsx b/frontend/src/metabase/dashboard/components/QuestionPicker/QuestionPicker.tsx
index f36940cc09d..64f62aab129 100644
--- a/frontend/src/metabase/dashboard/components/QuestionPicker/QuestionPicker.tsx
+++ b/frontend/src/metabase/dashboard/components/QuestionPicker/QuestionPicker.tsx
@@ -51,9 +51,9 @@ function QuestionPickerInner({
   const collection = collectionsById[currentCollectionId];
   const crumbs = getCrumbs(collection, collectionsById, setCurrentCollectionId);
 
-  const handleSearchTextChange: React.ChangeEventHandler<
-    HTMLInputElement
-  > = e => setSearchText(e.target.value);
+  const handleSearchTextChange: React.ChangeEventHandler<HTMLInputElement> = (
+    e,
+  ) => setSearchText(e.target.value);
 
   const allCollections = (collection && collection.children) || [];
   const showOnlyPublicCollections = isPublicCollection(dashboardCollection);
@@ -142,7 +142,7 @@ function QuestionPickerInner({
 
           {collections.length > 0 && (
             <SelectList>
-              {collections.map(collection => {
+              {collections.map((collection) => {
                 const icon = getCollectionIcon(collection);
                 const iconColor = PLUGIN_COLLECTIONS.isRegularCollection(
                   collection,
@@ -159,7 +159,7 @@ function QuestionPickerInner({
                       color: iconColor,
                     }}
                     rightIcon="chevronright"
-                    onSelect={collectionId =>
+                    onSelect={(collectionId) =>
                       setCurrentCollectionId(collectionId as CollectionId)
                     }
                   />
diff --git a/frontend/src/metabase/dashboard/components/RefreshWidget/RefreshWidget.tsx b/frontend/src/metabase/dashboard/components/RefreshWidget/RefreshWidget.tsx
index d81d73441e9..02a3da83e2a 100644
--- a/frontend/src/metabase/dashboard/components/RefreshWidget/RefreshWidget.tsx
+++ b/frontend/src/metabase/dashboard/components/RefreshWidget/RefreshWidget.tsx
@@ -57,7 +57,7 @@ export const RefreshWidget = ({
             c="text-medium"
           >{t`Auto Refresh`}</Box>
           <ul>
-            {OPTIONS.map(option => (
+            {OPTIONS.map((option) => (
               <RefreshOption
                 key={option.period}
                 name={option.name}
diff --git a/frontend/src/metabase/dashboard/components/grid/GridLayout.jsx b/frontend/src/metabase/dashboard/components/grid/GridLayout.jsx
index 929e51408c1..3ea0054a98e 100644
--- a/frontend/src/metabase/dashboard/components/grid/GridLayout.jsx
+++ b/frontend/src/metabase/dashboard/components/grid/GridLayout.jsx
@@ -29,7 +29,7 @@ export function GridLayout({
   );
 
   const onLayoutChangeWrapped = useCallback(
-    nextLayout => {
+    (nextLayout) => {
       onLayoutChange({
         layout: nextLayout,
         // Calculating the breakpoint right here,
@@ -44,7 +44,7 @@ export function GridLayout({
     [onLayoutChange, breakpoints, gridWidth],
   );
 
-  const onBreakpointChange = useCallback(newBreakpoint => {
+  const onBreakpointChange = useCallback((newBreakpoint) => {
     setCurrentBreakpoint(newBreakpoint);
   }, []);
 
@@ -75,8 +75,8 @@ export function GridLayout({
   }, [cols, gridWidth, rowHeight, margin]);
 
   const renderItem = useCallback(
-    item => {
-      const itemLayout = layout.find(l => String(l.i) === String(item.id));
+    (item) => {
+      const itemLayout = layout.find((l) => String(l.i) === String(item.id));
       const gridItemWidth = cellSize.width * itemLayout.w;
       return itemRenderer({
         item,
@@ -89,7 +89,7 @@ export function GridLayout({
   );
 
   const height = useMemo(() => {
-    let lowestLayoutCellPoint = Math.max(...layout.map(l => l.y + l.h));
+    let lowestLayoutCellPoint = Math.max(...layout.map((l) => l.y + l.h));
     if (isEditing) {
       lowestLayoutCellPoint += Math.ceil(window.innerHeight / cellSize.height);
     }
diff --git a/frontend/src/metabase/dashboard/components/grid/utils.ts b/frontend/src/metabase/dashboard/components/grid/utils.ts
index c6a0cad829d..045aaa38466 100644
--- a/frontend/src/metabase/dashboard/components/grid/utils.ts
+++ b/frontend/src/metabase/dashboard/components/grid/utils.ts
@@ -20,7 +20,7 @@ type DashcardLayout = {
 
 export function generateMobileLayout(desktopLayout: DashcardLayout[]) {
   const mobile: DashcardLayout[] = [];
-  desktopLayout.forEach(item => {
+  desktopLayout.forEach((item) => {
     const card = item.dashcard.card;
 
     mobile.push({
@@ -58,7 +58,7 @@ export function generateGridBackground({
   const w = cellSize.width;
   const h = cellSize.height;
 
-  const rectangles = _(cols).times(i => {
+  const rectangles = _(cols).times((i) => {
     const x = i * (cellSize.width + horizontalMargin);
     return `<rect stroke='${cellStrokeColor}' stroke-width='1' fill='none' x='${x}' y='${y}' width='${w}' height='${h}'/>`;
   });
diff --git a/frontend/src/metabase/dashboard/components/grid/utils.unit.spec.ts b/frontend/src/metabase/dashboard/components/grid/utils.unit.spec.ts
index 376360011ce..1503d57e329 100644
--- a/frontend/src/metabase/dashboard/components/grid/utils.unit.spec.ts
+++ b/frontend/src/metabase/dashboard/components/grid/utils.unit.spec.ts
@@ -70,7 +70,7 @@ describe("generateMobileLayout", () => {
         "table",
         "area",
       ];
-      types.forEach(type => {
+      types.forEach((type) => {
         const result = generateMobileLayout([
           createMockDashcardLayout(10, type),
         ]);
@@ -98,7 +98,7 @@ describe("generateMobileLayout", () => {
         createMockDashcardLayout(10, "scalar"),
       ]);
 
-      result.forEach(layout => {
+      result.forEach((layout) => {
         expect(layout.w).toBe(1);
         expect(layout.x).toBe(0);
 
diff --git a/frontend/src/metabase/dashboard/containers/ArchiveDashboardModal.jsx b/frontend/src/metabase/dashboard/containers/ArchiveDashboardModal.jsx
index b5d79ff0c92..074b1ed0dc2 100644
--- a/frontend/src/metabase/dashboard/containers/ArchiveDashboardModal.jsx
+++ b/frontend/src/metabase/dashboard/containers/ArchiveDashboardModal.jsx
@@ -13,9 +13,9 @@ import Dashboards from "metabase/entities/dashboards";
 import { connect } from "metabase/lib/redux";
 import * as Urls from "metabase/lib/urls";
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
   setDashboardArchived: () => dispatch(setArchivedDashboard(true)),
-  push: path => dispatch(push(path)),
+  push: (path) => dispatch(push(path)),
 });
 
 class ArchiveDashboardModal extends Component {
@@ -39,8 +39,8 @@ class ArchiveDashboardModal extends Component {
     const { dashboard } = this.props;
 
     const hasDashboardQuestions = dashboard.dashcards
-      .filter(dc => dc.card) // card might be null for virtual cards
-      .some(dc => _.isNumber(dc.card.dashboard_id));
+      .filter((dc) => dc.card) // card might be null for virtual cards
+      .some((dc) => _.isNumber(dc.card.dashboard_id));
 
     const message = hasDashboardQuestions
       ? t`This will trash the dashboard and the questions that are saved in it. Are you sure you want to do this?`
diff --git a/frontend/src/metabase/dashboard/containers/CopyDashboardForm.tsx b/frontend/src/metabase/dashboard/containers/CopyDashboardForm.tsx
index 8c10b4fbc1a..ea6969542a7 100644
--- a/frontend/src/metabase/dashboard/containers/CopyDashboardForm.tsx
+++ b/frontend/src/metabase/dashboard/containers/CopyDashboardForm.tsx
@@ -96,7 +96,7 @@ function CopyDashboardForm({
 
   const hasDashboardQuestions = useMemo(() => {
     return !!originalDashboard?.dashcards.some(
-      dc => !isVirtualDashCard(dc) && dc.card.dashboard_id !== null,
+      (dc) => !isVirtualDashCard(dc) && dc.card.dashboard_id !== null,
     );
   }, [originalDashboard]);
 
diff --git a/frontend/src/metabase/dashboard/containers/CreateDashboardForm.tsx b/frontend/src/metabase/dashboard/containers/CreateDashboardForm.tsx
index 2ad7dcf5cde..5845a7a3f5d 100644
--- a/frontend/src/metabase/dashboard/containers/CreateDashboardForm.tsx
+++ b/frontend/src/metabase/dashboard/containers/CreateDashboardForm.tsx
@@ -55,7 +55,7 @@ export function CreateDashboardForm({
   filterPersonalCollections,
   collectionId,
 }: CreateDashboardFormOwnProps) {
-  const initialCollectionId = useSelector(state =>
+  const initialCollectionId = useSelector((state) =>
     Collections.selectors.getInitialCollectionId(state, { collectionId }),
   );
 
diff --git a/frontend/src/metabase/dashboard/containers/CreateDashboardModal.unit.spec.tsx b/frontend/src/metabase/dashboard/containers/CreateDashboardModal.unit.spec.tsx
index 870fa602467..bc4297bcfb2 100644
--- a/frontend/src/metabase/dashboard/containers/CreateDashboardModal.unit.spec.tsx
+++ b/frontend/src/metabase/dashboard/containers/CreateDashboardModal.unit.spec.tsx
@@ -85,8 +85,8 @@ function setup({ mockCreateDashboardResponse = true } = {}) {
   });
 
   collections
-    .filter(c => c.id !== "root")
-    .forEach(c => fetchMock.get(`path:/api/collection/${c.id}`, c));
+    .filter((c) => c.id !== "root")
+    .forEach((c) => fetchMock.get(`path:/api/collection/${c.id}`, c));
 
   renderWithProviders(<CreateDashboardModal opened onClose={onClose} />, {
     storeInitialState: {
diff --git a/frontend/src/metabase/dashboard/containers/DashboardSharingEmbeddingModal/DashboardSharingEmbeddingModal.tsx b/frontend/src/metabase/dashboard/containers/DashboardSharingEmbeddingModal/DashboardSharingEmbeddingModal.tsx
index b1962b33709..871c40365dd 100644
--- a/frontend/src/metabase/dashboard/containers/DashboardSharingEmbeddingModal/DashboardSharingEmbeddingModal.tsx
+++ b/frontend/src/metabase/dashboard/containers/DashboardSharingEmbeddingModal/DashboardSharingEmbeddingModal.tsx
@@ -53,13 +53,13 @@ export const DashboardSharingEmbeddingModal = ({
           onDeletePublicLink={() =>
             deletePublicDashboardLink({ id: dashboard.id })
           }
-          onUpdateEnableEmbedding={enable_embedding =>
+          onUpdateEnableEmbedding={(enable_embedding) =>
             updateDashboardEnableEmbedding({
               id: dashboard.id,
               enable_embedding,
             })
           }
-          onUpdateEmbeddingParams={embedding_params =>
+          onUpdateEmbeddingParams={(embedding_params) =>
             updateDashboardEmbeddingParams({
               id: dashboard.id,
               embedding_params,
diff --git a/frontend/src/metabase/dashboard/grid-utils.ts b/frontend/src/metabase/dashboard/grid-utils.ts
index 52f94d7fb7b..170be496631 100644
--- a/frontend/src/metabase/dashboard/grid-utils.ts
+++ b/frontend/src/metabase/dashboard/grid-utils.ts
@@ -56,7 +56,7 @@ export function getVisibleCards(
   selectedTabId: DashboardTabId | null,
 ) {
   const tabCards = cards.filter(
-    card =>
+    (card) =>
       !selectedTabId ||
       card.dashboard_tab_id === selectedTabId ||
       card.dashboard_tab_id === null,
@@ -64,7 +64,7 @@ export function getVisibleCards(
 
   return isEditing
     ? tabCards
-    : tabCards.filter(card => visibleCardIds.has(card.id));
+    : tabCards.filter((card) => visibleCardIds.has(card.id));
 }
 
 export function getInitialCardSizes(
@@ -72,7 +72,7 @@ export function getInitialCardSizes(
   initialCardSizes: { [key: string]: { w: number; h: number } } | undefined,
 ) {
   return cards
-    .map(card => getLayoutForDashCard(card, initialCardSizes))
+    .map((card) => getLayoutForDashCard(card, initialCardSizes))
     .reduce((acc, dashcardLayout) => {
       const dashcardId = dashcardLayout.i;
       return {
@@ -86,7 +86,7 @@ export function getLayouts(
   cards: BaseDashboardCard[],
   initialCardSizes: { [key: string]: { w: number; h: number } } | undefined,
 ) {
-  const desktop = cards.map(card =>
+  const desktop = cards.map((card) =>
     getLayoutForDashCard(card, initialCardSizes),
   );
   const mobile = generateMobileLayout(desktop);
diff --git a/frontend/src/metabase/dashboard/hoc/DashboardData.jsx b/frontend/src/metabase/dashboard/hoc/DashboardData.jsx
index d372ca879fb..5658445e5f4 100644
--- a/frontend/src/metabase/dashboard/hoc/DashboardData.jsx
+++ b/frontend/src/metabase/dashboard/hoc/DashboardData.jsx
@@ -37,7 +37,7 @@ const mapDispatchToProps = {
 /**
  * @deprecated HOCs are deprecated
  */
-export const DashboardData = ComposedComponent =>
+export const DashboardData = (ComposedComponent) =>
   connect(
     mapStateToProps,
     mapDispatchToProps,
diff --git a/frontend/src/metabase/dashboard/hooks/use-click-behavior-data.js b/frontend/src/metabase/dashboard/hooks/use-click-behavior-data.js
index 449cd0237b0..098b4c0338b 100644
--- a/frontend/src/metabase/dashboard/hooks/use-click-behavior-data.js
+++ b/frontend/src/metabase/dashboard/hooks/use-click-behavior-data.js
@@ -12,7 +12,7 @@ import { useStore } from "metabase/lib/redux";
 import { getUserAttributes } from "metabase/selectors/user";
 
 function createGetExtraDataForClick(store, dashcardId) {
-  return clicked => {
+  return (clicked) => {
     const state = store.getState();
     const dashboard = getDashboardComplete(state);
     const dashcard = getDashCardById(state, dashcardId);
@@ -21,16 +21,16 @@ function createGetExtraDataForClick(store, dashcardId) {
     const userAttributes = getUserAttributes(state);
 
     const entitiesByTypeAndId = _.chain(getLinkTargets(clicked.settings))
-      .groupBy(target => target.entity.name)
-      .mapObject(targets =>
+      .groupBy((target) => target.entity.name)
+      .mapObject((targets) =>
         _.chain(targets)
           .map(({ entity, entityType, entityId }) =>
             entityType === "question"
               ? entity.selectors.getObject(state, { entityId })?.card()
               : entity.selectors.getObject(state, { entityId }),
           )
-          .filter(object => object != null)
-          .indexBy(object => object.id)
+          .filter((object) => object != null)
+          .indexBy((object) => object.id)
           .value(),
       )
       .value();
diff --git a/frontend/src/metabase/dashboard/hooks/use-dashboard-url-params.ts b/frontend/src/metabase/dashboard/hooks/use-dashboard-url-params.ts
index 69b9b148c85..80a49fde2e3 100644
--- a/frontend/src/metabase/dashboard/hooks/use-dashboard-url-params.ts
+++ b/frontend/src/metabase/dashboard/hooks/use-dashboard-url-params.ts
@@ -54,14 +54,14 @@ export const useDashboardUrlParams = ({
   useLocationSync<boolean>({
     key: "fullscreen",
     value: isFullscreen,
-    onChange: value => onFullscreenChange(value ?? false),
+    onChange: (value) => onFullscreenChange(value ?? false),
     location,
   });
 
   useLocationSync<DisplayTheme>({
     key: "theme",
     value: theme,
-    onChange: value => setTheme(value ?? "light"),
+    onChange: (value) => setTheme(value ?? "light"),
     location,
   });
 
diff --git a/frontend/src/metabase/dashboard/hooks/use-dashboard-url-query.ts b/frontend/src/metabase/dashboard/hooks/use-dashboard-url-query.ts
index 232c0246b73..8604be072e9 100644
--- a/frontend/src/metabase/dashboard/hooks/use-dashboard-url-query.ts
+++ b/frontend/src/metabase/dashboard/hooks/use-dashboard-url-query.ts
@@ -24,7 +24,7 @@ export function useDashboardUrlQuery(
   router: InjectedRouter,
   location: Location,
 ) {
-  const dashboardId = useSelector(state => getDashboard(state)?.id);
+  const dashboardId = useSelector((state) => getDashboard(state)?.id);
   const tabs = useSelector(getTabs);
   const selectedTab = useSelector(getSelectedTab);
   const parameters = useSelector(getValuePopulatedParameters);
@@ -104,7 +104,7 @@ export function useDashboardUrlQuery(
 
   useEffect(() => {
     // @ts-expect-error missing type declaration
-    const unsubscribe = router.listen(nextLocation => {
+    const unsubscribe = router.listen((nextLocation) => {
       const isSamePath = nextLocation.pathname === location.pathname;
       if (!isSamePath) {
         return;
@@ -134,5 +134,5 @@ function parseTabId(location: Location) {
 }
 
 function toLocationQuery(object: Record<string, any>) {
-  return _.mapObject(object, value => (value == null ? "" : value));
+  return _.mapObject(object, (value) => (value == null ? "" : value));
 }
diff --git a/frontend/src/metabase/dashboard/hooks/use-interval.ts b/frontend/src/metabase/dashboard/hooks/use-interval.ts
index 6cde566596d..a52e3dd7138 100644
--- a/frontend/src/metabase/dashboard/hooks/use-interval.ts
+++ b/frontend/src/metabase/dashboard/hooks/use-interval.ts
@@ -13,7 +13,7 @@ export function useInterval(fn: () => void, interval: number) {
   }, [fn]);
 
   const start = useCallback(() => {
-    setActive(old => {
+    setActive((old) => {
       if (!old && !intervalRef.current) {
         intervalRef.current = window.setInterval(fnRef.current!, interval);
       }
diff --git a/frontend/src/metabase/dashboard/hooks/use-is-parameter-panel-sticky.unit.spec.tsx b/frontend/src/metabase/dashboard/hooks/use-is-parameter-panel-sticky.unit.spec.tsx
index b427dec6961..fec0a00731d 100644
--- a/frontend/src/metabase/dashboard/hooks/use-is-parameter-panel-sticky.unit.spec.tsx
+++ b/frontend/src/metabase/dashboard/hooks/use-is-parameter-panel-sticky.unit.spec.tsx
@@ -135,7 +135,7 @@ describe("useIsParameterPanelSticky", () => {
 function mockRaf() {
   const originalRaf = global.requestAnimationFrame;
 
-  global.requestAnimationFrame = callback => setTimeout(callback, 0);
+  global.requestAnimationFrame = (callback) => setTimeout(callback, 0);
 
   return function unmockRaf() {
     global.requestAnimationFrame = originalRaf;
diff --git a/frontend/src/metabase/dashboard/reducers-typed.ts b/frontend/src/metabase/dashboard/reducers-typed.ts
index 9796a2d81fb..ff66ed23368 100644
--- a/frontend/src/metabase/dashboard/reducers-typed.ts
+++ b/frontend/src/metabase/dashboard/reducers-typed.ts
@@ -61,7 +61,7 @@ import { syncParametersAndEmbeddingParams } from "./utils";
 
 export const dashboardId = createReducer(
   INITIAL_DASHBOARD_STATE.dashboardId,
-  builder => {
+  (builder) => {
     builder.addCase(INITIALIZE, () => null);
     builder.addCase(
       fetchDashboard.fulfilled,
@@ -86,7 +86,7 @@ export const missingActionParameters = handleActions(
 
 export const autoApplyFilters = createReducer(
   INITIAL_DASHBOARD_STATE.autoApplyFilters,
-  builder => {
+  (builder) => {
     builder.addCase<
       string,
       {
@@ -105,13 +105,13 @@ export const autoApplyFilters = createReducer(
   },
 );
 
-export const theme = createReducer(INITIAL_DASHBOARD_STATE.theme, builder => {
+export const theme = createReducer(INITIAL_DASHBOARD_STATE.theme, (builder) => {
   builder.addCase(setDisplayTheme, (_state, { payload }) => payload || null);
 });
 
 export const slowCards = createReducer(
   INITIAL_DASHBOARD_STATE.slowCards,
-  builder => {
+  (builder) => {
     builder.addCase(markCardAsSlow, (state, { payload: { id, result } }) => ({
       ...state,
       [id]: result,
@@ -162,7 +162,7 @@ export const editingDashboard = handleActions(
 
 export const loadingControls = createReducer(
   INITIAL_DASHBOARD_STATE.loadingControls,
-  builder => {
+  (builder) => {
     builder.addCase(setDocumentTitle, (state, { payload }) => {
       state.documentTitle = payload;
     });
@@ -175,15 +175,15 @@ export const loadingControls = createReducer(
 
     builder.addCase(INITIALIZE, () => INITIAL_DASHBOARD_STATE.loadingControls);
 
-    builder.addCase(fetchDashboard.pending, state => {
+    builder.addCase(fetchDashboard.pending, (state) => {
       state.isLoading = true;
     });
 
-    builder.addCase(fetchDashboard.fulfilled, state => {
+    builder.addCase(fetchDashboard.fulfilled, (state) => {
       state.isLoading = false;
     });
 
-    builder.addCase(fetchDashboard.rejected, state => {
+    builder.addCase(fetchDashboard.rejected, (state) => {
       state.isLoading = false;
     });
   },
@@ -192,7 +192,7 @@ export const loadingControls = createReducer(
 const DEFAULT_SIDEBAR = { props: {} };
 export const sidebar = createReducer(
   INITIAL_DASHBOARD_STATE.sidebar,
-  builder => {
+  (builder) => {
     builder.addCase(INITIALIZE, () => DEFAULT_SIDEBAR);
     builder.addCase(RESET, () => DEFAULT_SIDEBAR);
     builder.addCase(REMOVE_PARAMETER, () => DEFAULT_SIDEBAR);
@@ -220,7 +220,7 @@ export const sidebar = createReducer(
 
 export const parameterValues = createReducer(
   INITIAL_DASHBOARD_STATE.parameterValues,
-  builder => {
+  (builder) => {
     builder.addCase(
       initialize,
       (state, { payload: { clearCache = true } = {} }) => {
@@ -297,7 +297,7 @@ function newDashboard(
 
 export const dashboards = createReducer(
   INITIAL_DASHBOARD_STATE.dashboards,
-  builder => {
+  (builder) => {
     builder
       .addCase(fetchDashboard.fulfilled, (state, { payload }) => ({
         ...state,
@@ -367,9 +367,9 @@ export const dashboards = createReducer(
 
 export const loadingDashCards = createReducer(
   INITIAL_DASHBOARD_STATE.loadingDashCards,
-  builder => {
+  (builder) => {
     builder
-      .addCase(initialize, state => ({
+      .addCase(initialize, (state) => ({
         ...state,
         loadingStatus: "idle",
       }))
@@ -395,7 +395,9 @@ export const loadingDashCards = createReducer(
       .addCase(fetchCardDataAction.fulfilled, (state, { payload = {} }) => {
         const { dashcard_id, currentTime } = payload;
         if (dashcard_id) {
-          const loadingIds = state.loadingIds.filter(id => id !== dashcard_id);
+          const loadingIds = state.loadingIds.filter(
+            (id) => id !== dashcard_id,
+          );
           return {
             ...state,
             loadingIds,
@@ -407,14 +409,14 @@ export const loadingDashCards = createReducer(
       })
       .addCase(cancelFetchCardData, (state, action) => {
         const { dashcard_id } = action.payload;
-        const loadingIds = state.loadingIds.filter(id => id !== dashcard_id);
+        const loadingIds = state.loadingIds.filter((id) => id !== dashcard_id);
         return {
           ...state,
           loadingIds,
           ...(loadingIds.length === 0 ? { startTime: null } : {}),
         };
       })
-      .addCase(reset, state => ({
+      .addCase(reset, (state) => ({
         ...state,
         loadingStatus: "idle",
       }));
@@ -423,7 +425,7 @@ export const loadingDashCards = createReducer(
 
 export const dashcardData = createReducer(
   INITIAL_DASHBOARD_STATE.dashcardData,
-  builder => {
+  (builder) => {
     builder
       .addCase(initialize, (state, action) => {
         const { clearCache = true } = action.payload ?? {};
diff --git a/frontend/src/metabase/dashboard/reducers.js b/frontend/src/metabase/dashboard/reducers.js
index 3b3f35cdf3e..736030af286 100644
--- a/frontend/src/metabase/dashboard/reducers.js
+++ b/frontend/src/metabase/dashboard/reducers.js
@@ -88,7 +88,7 @@ const dashcards = handleActions(
             updateIn(
               merge({ column_settings: {} }, value),
               ["column_settings", column],
-              columnSettings => ({
+              (columnSettings) => ({
                 ...columnSettings,
                 ...settings,
               }),
@@ -137,13 +137,13 @@ const dashcards = handleActions(
       [dashcardId]: { ...state[dashcardId], justAdded: false },
     }),
     [Questions.actionTypes.UPDATE]: (state, { payload: { object: card } }) =>
-      _.mapObject(state, dashcard =>
+      _.mapObject(state, (dashcard) =>
         dashcard.card?.id === card?.id
           ? assocIn(dashcard, ["card"], card)
           : dashcard,
       ),
     [Actions.actionTypes.UPDATE]: (state, { payload: { object: action } }) =>
-      _.mapObject(state, dashcard =>
+      _.mapObject(state, (dashcard) =>
         dashcard.action?.id === action?.id
           ? {
               ...dashcard,
diff --git a/frontend/src/metabase/dashboard/sections.ts b/frontend/src/metabase/dashboard/sections.ts
index b4019dd8fc3..7083d1ed776 100644
--- a/frontend/src/metabase/dashboard/sections.ts
+++ b/frontend/src/metabase/dashboard/sections.ts
@@ -76,7 +76,7 @@ function createScalarDashCardPlaceholder(
   });
 }
 
-const getKpiGridLayout: LayoutFn = position => {
+const getKpiGridLayout: LayoutFn = (position) => {
   const heading = createHeadingDashCard({
     ...position,
     size_x: GRID_WIDTH,
@@ -120,7 +120,7 @@ const getKpiGridLayout: LayoutFn = position => {
   return [heading, ...row1, ...row2];
 };
 
-const getLargeChartKpiColLayout: LayoutFn = position => {
+const getLargeChartKpiColLayout: LayoutFn = (position) => {
   const heading = createHeadingDashCard({
     ...position,
     size_x: GRID_WIDTH,
@@ -155,7 +155,7 @@ const getLargeChartKpiColLayout: LayoutFn = position => {
   return [heading, largeCard, ...scalarCardsColumn];
 };
 
-const getKpiLargeChartBelowLayout: LayoutFn = position => {
+const getKpiLargeChartBelowLayout: LayoutFn = (position) => {
   const heading = createHeadingDashCard({
     ...position,
     size_x: GRID_WIDTH,
diff --git a/frontend/src/metabase/dashboard/selectors.ts b/frontend/src/metabase/dashboard/selectors.ts
index 7f2b6a3ad2f..0e9bc0395ef 100644
--- a/frontend/src/metabase/dashboard/selectors.ts
+++ b/frontend/src/metabase/dashboard/selectors.ts
@@ -131,26 +131,26 @@ export const getIsAddParameterPopoverOpen = (state: State) =>
 export const getSidebar = (state: State) => state.dashboard.sidebar;
 export const getIsSidebarOpen = createSelector(
   [getSidebar],
-  sidebar => !!sidebar.name,
+  (sidebar) => !!sidebar.name,
 );
 export const getIsSharing = createSelector(
   [getSidebar],
-  sidebar => sidebar.name === SIDEBAR_NAME.sharing,
+  (sidebar) => sidebar.name === SIDEBAR_NAME.sharing,
 );
 
 export const getShowAddQuestionSidebar = createSelector(
   [getSidebar],
-  sidebar => sidebar.name === SIDEBAR_NAME.addQuestion,
+  (sidebar) => sidebar.name === SIDEBAR_NAME.addQuestion,
 );
 
 export const getIsShowDashboardInfoSidebar = createSelector(
   [getSidebar],
-  sidebar => sidebar.name === SIDEBAR_NAME.info,
+  (sidebar) => sidebar.name === SIDEBAR_NAME.info,
 );
 
 export const getIsShowDashboardSettingsSidebar = createSelector(
   [getSidebar],
-  sidebar => sidebar.name === SIDEBAR_NAME.settings,
+  (sidebar) => sidebar.name === SIDEBAR_NAME.settings,
 );
 
 export const getDashboardId = (state: State) => state.dashboard.dashboardId;
@@ -170,7 +170,7 @@ export const getDashCardById = (state: State, dashcardId: DashCardId) => {
 
 export function getDashCardBeforeEditing(state: State, dashcardId: DashCardId) {
   const dashboard = getDashboardBeforeEditing(state);
-  return dashboard?.dashcards?.find?.(dashcard => dashcard.id === dashcardId);
+  return dashboard?.dashcards?.find?.((dashcard) => dashcard.id === dashcardId);
 }
 
 export const getLoadingDashCards = (state: State) =>
@@ -189,8 +189,8 @@ export const getDashboardComplete = createSelector(
     }
 
     const orderedDashcards = dashboard.dashcards
-      .map(id => dashcards[id])
-      .filter(dc => !dc.isRemoved)
+      .map((id) => dashcards[id])
+      .filter((dc) => !dc.isRemoved)
       .sort((a, b) => {
         const rowDiff = a.row - b.row;
 
@@ -249,7 +249,7 @@ export const getDraftParameterValues = (state: State) =>
 
 export const getIsAutoApplyFilters = createSelector(
   [getDashboard],
-  dashboard => !!dashboard?.auto_apply_filters,
+  (dashboard) => !!dashboard?.auto_apply_filters,
 );
 export const getHasUnappliedParameterValues = createSelector(
   [getParameterValues, getDraftParameterValues],
@@ -260,8 +260,8 @@ export const getHasUnappliedParameterValues = createSelector(
 
 const getIsParameterValuesEmpty = createSelector(
   [getParameterValues],
-  parameterValues => {
-    return Object.values(parameterValues).every(parameterValue =>
+  (parameterValues) => {
+    return Object.values(parameterValues).every((parameterValue) =>
       Array.isArray(parameterValue)
         ? parameterValue.length === 0
         : parameterValue == null,
@@ -321,7 +321,7 @@ export const getIsDirty = createSelector(
       return true;
     }
 
-    return dashboard.dashcards.some(id => {
+    return dashboard.dashcards.some((id) => {
       const dc = dashcards[id];
       return (
         !(dc.isAdded && dc.isRemoved) &&
@@ -331,17 +331,17 @@ export const getIsDirty = createSelector(
   },
 );
 
-export const getEditingDashcardId = createSelector([getSidebar], sidebar => {
+export const getEditingDashcardId = createSelector([getSidebar], (sidebar) => {
   return sidebar?.props?.dashcardId;
 });
 
-export const getEditingParameterId = createSelector([getSidebar], sidebar => {
+export const getEditingParameterId = createSelector([getSidebar], (sidebar) => {
   return isEditParameterSidebar(sidebar) ? sidebar.props?.parameterId : null;
 });
 
 export const getIsEditingParameter = createSelector(
   [getEditingParameterId],
-  parameterId => parameterId != null,
+  (parameterId) => parameterId != null,
 );
 
 export const getEditingParameter = createSelector(
@@ -419,9 +419,9 @@ export const getValuePopulatedParameters = createSelector(
 
 export const getMissingRequiredParameters = createSelector(
   [getParameters],
-  parameters =>
+  (parameters) =>
     parameters.filter(
-      p =>
+      (p) =>
         p.required &&
         (!p.default || (Array.isArray(p.default) && p.default.length === 0)),
     ),
@@ -476,19 +476,19 @@ export const getIsAdditionalInfoVisible = createSelector(
     !isEmbeddingIframe || !!embedOptions.additional_info,
 );
 
-export const getTabs = createSelector([getDashboard], dashboard => {
+export const getTabs = createSelector([getDashboard], (dashboard) => {
   if (!dashboard) {
     return [];
   }
-  return dashboard.tabs?.filter(tab => !tab.isRemoved) ?? [];
+  return dashboard.tabs?.filter((tab) => !tab.isRemoved) ?? [];
 });
 
 export const getSelectedTabId = createSelector(
   [
     getIsWebApp,
-    state => getSetting(state, "site-url"),
+    (state) => getSetting(state, "site-url"),
     getDashboard,
-    state => state.dashboard.selectedTabId,
+    (state) => state.dashboard.selectedTabId,
   ],
   (isWebApp, siteUrl, dashboard, selectedTabId) => {
     if (dashboard && selectedTabId === null) {
@@ -505,7 +505,7 @@ export const getSelectedTab = createSelector(
     if (!dashboard || selectedTabId === null) {
       return null;
     }
-    return dashboard.tabs?.find(tab => tab.id === selectedTabId) || null;
+    return dashboard.tabs?.find((tab) => tab.id === selectedTabId) || null;
   },
 );
 
@@ -525,7 +525,7 @@ export function getInitialSelectedTabId(
       const searchParams = new URLSearchParams(window.location.search);
       const tabParam = searchParams.get("tab");
       const tabId = tabParam ? parseInt(tabParam, 10) : null;
-      const hasTab = dashboard.tabs?.some?.(tab => tab.id === tabId);
+      const hasTab = dashboard.tabs?.some?.((tab) => tab.id === tabId);
       if (hasTab) {
         return tabId;
       }
@@ -560,10 +560,10 @@ export const getHiddenParameterSlugs = createSelector(
 
     const parameterIds = getMappedParametersIds(dashboard.dashcards);
     const hiddenParameters = parameters.filter(
-      parameter => !parameterIds.includes(parameter.id),
+      (parameter) => !parameterIds.includes(parameter.id),
     );
 
-    return hiddenParameters.map(parameter => parameter.slug).join(",");
+    return hiddenParameters.map((parameter) => parameter.slug).join(",");
   },
 );
 
@@ -577,16 +577,16 @@ export const getTabHiddenParameterSlugs = createSelector(
 
     const currentTabParameterIds = getMappedParametersIds(currentTabDashcards);
     const hiddenParameters = parameters.filter(
-      parameter => !currentTabParameterIds.includes(parameter.id),
+      (parameter) => !currentTabParameterIds.includes(parameter.id),
     );
 
-    return hiddenParameters.map(p => p.slug).join(",");
+    return hiddenParameters.map((p) => p.slug).join(",");
   },
 );
 
 export const getParameterMappingsBeforeEditing = createSelector(
   [getDashboardBeforeEditing],
-  editingDashboard => {
+  (editingDashboard) => {
     if (!editingDashboard) {
       return {};
     }
@@ -623,18 +623,18 @@ export const getDisplayTheme = (state: State) => state.dashboard.theme;
 
 export const getIsNightMode = createSelector(
   [getDisplayTheme],
-  theme => theme === "night",
+  (theme) => theme === "night",
 );
 
 export const getHasModelActionsEnabled = createSelector(
   [getMetadata],
-  metadata => {
+  (metadata) => {
     if (!metadata) {
       return false;
     }
 
     const databases = metadata.databasesList();
-    const hasModelActionsEnabled = Object.values(databases).some(database =>
+    const hasModelActionsEnabled = Object.values(databases).some((database) =>
       // @ts-expect-error Schema types do not match
       hasDatabaseActionsEnabled(database),
     );
@@ -650,10 +650,10 @@ export const getVisibleValuePopulatedParameters = createSelector(
 
 export const getFiltersToReset = createSelector(
   [getVisibleValuePopulatedParameters],
-  parameters => parameters.filter(canResetFilter),
+  (parameters) => parameters.filter(canResetFilter),
 );
 
 export const getCanResetFilters = createSelector(
   [getFiltersToReset],
-  filtersToReset => filtersToReset.length > 0,
+  (filtersToReset) => filtersToReset.length > 0,
 );
diff --git a/frontend/src/metabase/dashboard/selectors.unit.spec.js b/frontend/src/metabase/dashboard/selectors.unit.spec.js
index 58b76e3b626..84ff7620e5c 100644
--- a/frontend/src/metabase/dashboard/selectors.unit.spec.js
+++ b/frontend/src/metabase/dashboard/selectors.unit.spec.js
@@ -358,7 +358,7 @@ describe("dashboard/selectors", () => {
       })
       .value();
 
-    const setup = positions => {
+    const setup = (positions) => {
       const newStateChain = chain(multiCardState);
 
       positions.forEach((position, index) => {
diff --git a/frontend/src/metabase/dashboard/utils.ts b/frontend/src/metabase/dashboard/utils.ts
index 057b6571507..4a2d369829c 100644
--- a/frontend/src/metabase/dashboard/utils.ts
+++ b/frontend/src/metabase/dashboard/utils.ts
@@ -37,7 +37,7 @@ import type { SelectedTabId } from "metabase-types/store";
 export function syncParametersAndEmbeddingParams(before: any, after: any) {
   if (after.parameters && before.embedding_params) {
     return Object.keys(before.embedding_params).reduce((memo, embedSlug) => {
-      const slugParam = _.find(before.parameters, param => {
+      const slugParam = _.find(before.parameters, (param) => {
         return param.slug === embedSlug;
       });
       if (slugParam) {
@@ -60,7 +60,7 @@ export function expandInlineDashboard(dashboard: Partial<Dashboard>) {
     name: "",
     parameters: [],
     ...dashboard,
-    dashcards: dashboard.dashcards?.map(dashcard => ({
+    dashcards: dashboard.dashcards?.map((dashcard) => ({
       visualization_settings: {},
       parameter_mappings: [],
       ...dashcard,
@@ -147,7 +147,7 @@ export function getAllDashboardCards(dashboard: Dashboard) {
   const results = [];
   for (const dashcard of dashboard.dashcards) {
     const cards = [dashcard.card].concat((dashcard as any).series || []);
-    results.push(...cards.map(card => ({ card, dashcard })));
+    results.push(...cards.map((card) => ({ card, dashcard })));
   }
   return results;
 }
@@ -203,12 +203,12 @@ export function isDashcardLoading(
   }
 
   const cardData = Object.values(dashcardsData);
-  return cardData.length === 0 || cardData.some(data => data == null);
+  return cardData.length === 0 || cardData.some((data) => data == null);
 }
 
 export function getDashcardResultsError(datasets: Dataset[]) {
   const isAccessRestricted = datasets.some(
-    s =>
+    (s) =>
       s.error_type === SERVER_ERROR_TYPES.missingPermissions ||
       (typeof s.error === "object" && s.error?.status === 403),
   );
@@ -220,9 +220,9 @@ export function getDashcardResultsError(datasets: Dataset[]) {
     };
   }
 
-  if (datasets.some(dataset => dataset.error)) {
+  if (datasets.some((dataset) => dataset.error)) {
     const curatedErrorDataset = datasets.find(
-      dataset => dataset.error && dataset.error_is_curated,
+      (dataset) => dataset.error && dataset.error_is_curated,
     );
 
     return {
@@ -240,7 +240,7 @@ export function getDashcardResultsError(datasets: Dataset[]) {
 const isDashcardDataLoaded = (
   data?: Record<CardId, Dataset | null | undefined>,
 ): data is Record<CardId, Dataset> => {
-  return data != null && Object.values(data).every(result => result != null);
+  return data != null && Object.values(data).every((result) => result != null);
 };
 
 const hasRows = (dashcardData: Record<CardId, Dataset | EmbedDataset>) => {
@@ -251,7 +251,8 @@ const hasRows = (dashcardData: Record<CardId, Dataset | EmbedDataset>) => {
   return (
     queryResults.length > 0 &&
     queryResults.every(
-      queryResult => "data" in queryResult && queryResult.data.rows.length > 0,
+      (queryResult) =>
+        "data" in queryResult && queryResult.data.rows.length > 0,
     )
   );
 };
@@ -287,14 +288,14 @@ export const getVisibleCardIds = (
   return new Set(
     cards
       .filter(
-        card =>
+        (card) =>
           !shouldHideCard(
             card,
             dashcardsData[card.id],
             prevVisibleCardIds.has(card.id),
           ),
       )
-      .map(c => c.id),
+      .map((c) => c.id),
   );
 };
 
@@ -406,6 +407,6 @@ export function getMappedParametersIds(
 ): ParameterId[] {
   return dashcards.flatMap((dashcard: DashboardCard) => {
     const mappings = dashcard.parameter_mappings ?? [];
-    return mappings.map(parameter => parameter.parameter_id);
+    return mappings.map((parameter) => parameter.parameter_id);
   });
 }
diff --git a/frontend/src/metabase/data-grid/components/BodyCell/BodyCell.tsx b/frontend/src/metabase/data-grid/components/BodyCell/BodyCell.tsx
index c7309d51bcf..248e3e7ae6b 100644
--- a/frontend/src/metabase/data-grid/components/BodyCell/BodyCell.tsx
+++ b/frontend/src/metabase/data-grid/components/BodyCell/BodyCell.tsx
@@ -38,7 +38,7 @@ export const BodyCell = memo(function BodyCell<TValue>({
     : String(value);
 
   const handleExpandClick: MouseEventHandler<HTMLButtonElement> = useCallback(
-    e => {
+    (e) => {
       e.stopPropagation();
       onExpand?.(columnId, formattedValue);
     },
diff --git a/frontend/src/metabase/data-grid/components/BodyCell/BodyCell.unit.spec.tsx b/frontend/src/metabase/data-grid/components/BodyCell/BodyCell.unit.spec.tsx
index 9c01746fc5e..1231dc45acb 100644
--- a/frontend/src/metabase/data-grid/components/BodyCell/BodyCell.unit.spec.tsx
+++ b/frontend/src/metabase/data-grid/components/BodyCell/BodyCell.unit.spec.tsx
@@ -62,7 +62,7 @@ describe("BodyCell", () => {
     renderWithProviders(
       <BodyCell
         value="Expandable"
-        formatter={value => `formatted:${value}`}
+        formatter={(value) => `formatted:${value}`}
         canExpand={true}
         columnId="col1"
         rowIndex={0}
diff --git a/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.stories.tsx b/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.stories.tsx
index 01521ce52be..9ff1058bd51 100644
--- a/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.stories.tsx
+++ b/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.stories.tsx
@@ -22,7 +22,7 @@ export default {
     },
   },
   decorators: [
-    Story => (
+    (Story) => (
       <div style={{ height: "calc(100vh - 2rem)", overflow: "hidden" }}>
         <Story />
       </div>
@@ -53,35 +53,35 @@ export const BasicGrid: Story = () => {
       {
         id: "id",
         name: "ID",
-        accessorFn: row => row.id,
+        accessorFn: (row) => row.id,
       },
       {
         id: "name",
         name: "Name",
-        accessorFn: row => row.name,
+        accessorFn: (row) => row.name,
       },
       {
         id: "category",
         name: "Category",
-        accessorFn: row => row.category,
+        accessorFn: (row) => row.category,
       },
       {
         id: "price",
         name: "Price",
-        accessorFn: row => row.price,
-        formatter: value => `$${value}`,
+        accessorFn: (row) => row.price,
+        formatter: (value) => `$${value}`,
         align: "right",
       },
       {
         id: "quantity",
         name: "Quantity",
-        accessorFn: row => row.quantity,
+        accessorFn: (row) => row.quantity,
         align: "right",
       },
       {
         id: "description",
         name: "Description",
-        accessorFn: row => row.description,
+        accessorFn: (row) => row.description,
       },
     ],
     [],
@@ -111,19 +111,19 @@ export const CustomStylesGrid: Story = () => {
       {
         id: "id",
         name: "ID",
-        accessorFn: row => row.id,
+        accessorFn: (row) => row.id,
         header: getHeaderTemplate("ID"),
       },
       {
         id: "name",
         name: "Name",
-        accessorFn: row => row.name,
+        accessorFn: (row) => row.name,
         header: getHeaderTemplate("Name"),
       },
       {
         id: "category",
         name: "Category",
-        accessorFn: row => row.category,
+        accessorFn: (row) => row.category,
         header: getHeaderTemplate("Category"),
       },
     ],
@@ -180,7 +180,7 @@ export const CombinedFeatures: Story = () => {
       {
         id: "id",
         name: "ID",
-        accessorFn: row => row.id,
+        accessorFn: (row) => row.id,
         align: "right",
         cellVariant: "pill",
         sortDirection: "desc",
@@ -189,14 +189,14 @@ export const CombinedFeatures: Story = () => {
         id: "name",
         name: "Name",
         sortDirection: "asc",
-        accessorFn: row => row.name,
+        accessorFn: (row) => row.name,
       },
       {
         id: "category",
         name: "Category",
         align: "middle",
-        accessorFn: row => row.category,
-        getBackgroundColor: value =>
+        accessorFn: (row) => row.category,
+        getBackgroundColor: (value) =>
           value === "Electronics"
             ? "#e6f7ff"
             : value === "Clothing"
@@ -208,19 +208,19 @@ export const CombinedFeatures: Story = () => {
       {
         id: "price",
         name: "Price",
-        accessorFn: row => `$${row.price.toFixed(2)}`,
+        accessorFn: (row) => `$${row.price.toFixed(2)}`,
         align: "right",
       },
       {
         id: "quantity",
         name: "Quantity",
-        accessorFn: row => row.quantity,
+        accessorFn: (row) => row.quantity,
         align: "right",
       },
       {
         id: "description",
         name: "Description",
-        accessorFn: row => row.description,
+        accessorFn: (row) => row.description,
         wrap: true,
       },
     ],
diff --git a/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.tsx b/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.tsx
index f5ae69fdc84..b31c2794ede 100644
--- a/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.tsx
+++ b/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.tsx
@@ -170,7 +170,7 @@ export const DataGrid = function DataGrid<TData>({
                 ...styles?.headerContainer,
               }}
             >
-              {table.getHeaderGroups().map(headerGroup => (
+              {table.getHeaderGroups().map((headerGroup) => (
                 <div
                   key={headerGroup.id}
                   className={cx(S.row, classNames?.row)}
@@ -187,7 +187,7 @@ export const DataGrid = function DataGrid<TData>({
                     items={table.getState().columnOrder}
                     strategy={horizontalListSortingStrategy}
                   >
-                    {virtualColumns.map(virtualColumn => {
+                    {virtualColumns.map((virtualColumn) => {
                       const header = headerGroup.headers[virtualColumn.index];
 
                       const headerCell = flexRender(
@@ -260,7 +260,7 @@ export const DataGrid = function DataGrid<TData>({
                 ...styles?.bodyContainer,
               }}
             >
-              {virtualRows.map(virtualRow => {
+              {virtualRows.map((virtualRow) => {
                 const row = table.getRowModel().rows[virtualRow.index];
                 return (
                   <div
@@ -289,7 +289,7 @@ export const DataGrid = function DataGrid<TData>({
                       />
                     ) : null}
 
-                    {virtualColumns.map(virtualColumn => {
+                    {virtualColumns.map((virtualColumn) => {
                       const cell = row.getVisibleCells()[virtualColumn.index];
                       const isPinned = cell.column.getIsPinned();
                       const width = cell.column.getSize();
@@ -312,16 +312,16 @@ export const DataGrid = function DataGrid<TData>({
                           key={cell.id}
                           data-column-id={cell.column.id}
                           className={cx(S.bodyCell, classNames?.bodyCell)}
-                          onClick={e =>
+                          onClick={(e) =>
                             onBodyCellClick?.(e, cell.row.index, cell.column.id)
                           }
-                          onMouseDown={e =>
+                          onMouseDown={(e) =>
                             selection.handlers.handleCellMouseDown(e, cell)
                           }
-                          onMouseUp={e =>
+                          onMouseUp={(e) =>
                             selection.handlers.handleCellMouseUp(e, cell)
                           }
-                          onMouseOver={e =>
+                          onMouseOver={(e) =>
                             selection.handlers.handleCellMouseOver(e, cell)
                           }
                           style={style}
diff --git a/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.unit.spec.tsx b/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.unit.spec.tsx
index acc5d195c86..a21c6da5522 100644
--- a/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.unit.spec.tsx
+++ b/frontend/src/metabase/data-grid/components/DataGrid/DataGrid.unit.spec.tsx
@@ -74,7 +74,7 @@ const TestDataGrid = ({
       {
         id: "id",
         name: "ID",
-        accessorFn: row => row.id,
+        accessorFn: (row) => row.id,
         align: "right",
         cellVariant: "pill",
         sortDirection: sortableColumns ? "desc" : undefined,
@@ -82,16 +82,16 @@ const TestDataGrid = ({
       {
         id: "name",
         name: "Name",
-        accessorFn: row => row.name,
+        accessorFn: (row) => row.name,
         sortDirection: sortableColumns ? "asc" : undefined,
         wrap: wrapableColumns.includes("name"),
       },
       {
         id: "category",
         name: "Category",
-        accessorFn: row => row.category,
+        accessorFn: (row) => row.category,
         wrap: wrapableColumns.includes("category"),
-        getBackgroundColor: value => {
+        getBackgroundColor: (value) => {
           switch (value) {
             case "Electronics":
               return "rgb(230, 247, 255)";
@@ -109,8 +109,8 @@ const TestDataGrid = ({
       {
         id: "price",
         name: "Price",
-        accessorFn: row => row.price,
-        formatter: value => `$${value}`,
+        accessorFn: (row) => row.price,
+        formatter: (value) => `$${value}`,
         align: "right",
         wrap: wrapableColumns.includes("price"),
       },
@@ -199,7 +199,7 @@ describe("DataGrid", () => {
     });
 
     const visibleCells = screen.getAllByTestId("cell-data");
-    const priceCell = Array.from(visibleCells).find(cell =>
+    const priceCell = Array.from(visibleCells).find((cell) =>
       cell.textContent?.startsWith("$"),
     );
 
@@ -248,10 +248,10 @@ describe("DataGrid", () => {
       .getByTestId("table-header")
       .querySelectorAll('[data-testid="header-cell"]');
 
-    const idHeader = Array.from(headerCells).find(header =>
+    const idHeader = Array.from(headerCells).find((header) =>
       header.textContent?.includes("ID"),
     );
-    const nameHeader = Array.from(headerCells).find(header =>
+    const nameHeader = Array.from(headerCells).find((header) =>
       header.textContent?.includes("Name"),
     );
 
diff --git a/frontend/src/metabase/data-grid/components/SortableHeader/SortableHeader.tsx b/frontend/src/metabase/data-grid/components/SortableHeader/SortableHeader.tsx
index e4e4123c278..a71d877c309 100644
--- a/frontend/src/metabase/data-grid/components/SortableHeader/SortableHeader.tsx
+++ b/frontend/src/metabase/data-grid/components/SortableHeader/SortableHeader.tsx
@@ -119,7 +119,7 @@ export const SortableHeader = memo(function SortableHeader<TData, TValue>({
           className={S.resizeHandle}
           onMouseDown={resizeHandler}
           onTouchStart={resizeHandler}
-          onMouseOver={e => e.stopPropagation()}
+          onMouseOver={(e) => e.stopPropagation()}
         />
       ) : null}
     </div>
diff --git a/frontend/src/metabase/data-grid/hooks/use-cell-selection.tsx b/frontend/src/metabase/data-grid/hooks/use-cell-selection.tsx
index 5b0a9f28df6..7d8547d967f 100644
--- a/frontend/src/metabase/data-grid/hooks/use-cell-selection.tsx
+++ b/frontend/src/metabase/data-grid/hooks/use-cell-selection.tsx
@@ -83,12 +83,12 @@ export const useCellSelection = ({
     const row = table.getRow(rowId);
     const rowIndex = table
       .getRowModel()
-      .rows.findIndex(row => row.id === rowId);
+      .rows.findIndex((row) => row.id === rowId);
 
     const column = table.getColumn(columnId);
     const columnIndex = table
       .getAllFlatColumns()
-      .findIndex(column => column.id === columnId);
+      .findIndex((column) => column.id === columnId);
 
     return {
       row,
@@ -109,7 +109,7 @@ export const useCellSelection = ({
     const previousRow = table.getRowModel().rows[previousRowIndex];
     const previousRowCell = previousRow
       ?.getAllCells()
-      .find(c => c.column.id === selectedCell.columnId);
+      .find((c) => c.column.id === selectedCell.columnId);
     if (previousRowCell && canSelectCell(previousRowCell)) {
       const newSelection = [getCellSelectionData(previousRowCell)];
       scrollTo?.({ rowIndex: previousRowIndex });
@@ -126,7 +126,7 @@ export const useCellSelection = ({
     const nextRow = table.getRowModel().rows[nextRowIndex];
     const nextRowCell = nextRow
       ?.getAllCells()
-      .find(c => c.column.id === selectedCell.columnId);
+      .find((c) => c.column.id === selectedCell.columnId);
     if (nextRowCell && canSelectCell(nextRowCell)) {
       const newSelection = [getCellSelectionData(nextRowCell)];
       scrollTo?.({ rowIndex: nextRowIndex });
@@ -218,7 +218,7 @@ export const useCellSelection = ({
       if (!isEnabled) {
         return false;
       }
-      return selectedCells.find(c => c.rowId === rowId) !== undefined;
+      return selectedCells.find((c) => c.rowId === rowId) !== undefined;
     },
     [selectedCells, isEnabled],
   );
@@ -228,7 +228,7 @@ export const useCellSelection = ({
       if (!isEnabled) {
         return false;
       }
-      return selectedCells.find(c => c.cellId === cell.id) !== undefined;
+      return selectedCells.find((c) => c.cellId === cell.id) !== undefined;
     },
     [selectedCells, isEnabled],
   );
@@ -245,13 +245,13 @@ export const useCellSelection = ({
         getCellSelectionData(cell),
       ) as SelectedCell[];
 
-      setSelectedCells(prev => {
+      setSelectedCells((prev) => {
         const startIndex = prev.findIndex(
-          c => c.cellId === selectedStartCell.cellId,
+          (c) => c.cellId === selectedStartCell.cellId,
         );
         const prevSelectedCells = prev.slice(0, startIndex);
         const newCellSelection = selectedCellsInRange.filter(
-          c => c.cellId !== selectedStartCell.cellId,
+          (c) => c.cellId !== selectedStartCell.cellId,
         );
 
         return [...prevSelectedCells, selectedStartCell, ...newCellSelection];
@@ -276,8 +276,8 @@ export const useCellSelection = ({
       }
 
       if (e.ctrlKey || e.metaKey) {
-        setSelectedCells(prev =>
-          prev.find(c => c.cellId === cell.id) !== undefined
+        setSelectedCells((prev) =>
+          prev.find((c) => c.cellId === cell.id) !== undefined
             ? prev.filter(({ cellId }) => cellId !== cell.id)
             : [...prev, getCellSelectionData(cell)],
         );
@@ -358,13 +358,13 @@ const getCellValues = (table: Table<unknown>, cells: SelectedCell[]) => {
   );
 
   return Object.keys(rows)
-    .map(rowId => {
+    .map((rowId) => {
       const selectedCells = rows[rowId]!;
       const row = table.getRow(rowId);
 
       const cellValues = [];
       for (const cell of row.getAllCells()) {
-        if (selectedCells.find(c => c.cellId === cell.id)) {
+        if (selectedCells.find((c) => c.cellId === cell.id)) {
           cellValues.push(cell?.getValue());
         }
       }
@@ -385,7 +385,7 @@ const getSelectedCellTableData = (
   cell: SelectedCell,
 ) => {
   const row = table.getRow(cell.rowId);
-  return row.getAllCells().find(c => c.id === cell.cellId);
+  return row.getAllCells().find((c) => c.id === cell.cellId);
 };
 
 const getCellsBetween = (
@@ -419,11 +419,11 @@ const getCellsBetween = (
       Math.max(cell1ColumnIndex, cell2ColumnIndex) + 1,
     );
 
-  return selectedRows.flatMap(row =>
-    columns.map(column => {
+  return selectedRows.flatMap((row) =>
+    columns.map((column) => {
       const tableCell = row
         .getAllCells()
-        .find(cell => cell.column.id === column.id);
+        .find((cell) => cell.column.id === column.id);
       if (!tableCell) {
         return null;
       }
diff --git a/frontend/src/metabase/data-grid/hooks/use-columns-reordering.tsx b/frontend/src/metabase/data-grid/hooks/use-columns-reordering.tsx
index 877cedbca6f..0b2e42450a1 100644
--- a/frontend/src/metabase/data-grid/hooks/use-columns-reordering.tsx
+++ b/frontend/src/metabase/data-grid/hooks/use-columns-reordering.tsx
@@ -87,7 +87,7 @@ export const useColumnsReordering = <TData,>(
     (event: DragOverEvent) => {
       const { active, over } = event;
       if (active && over && active.id !== over.id && !over.disabled) {
-        table.setColumnOrder(columnOrder => {
+        table.setColumnOrder((columnOrder) => {
           const oldIndex = columnOrder.indexOf(active.id as string);
           const newIndex = columnOrder.indexOf(over.id as string);
           return arrayMove(columnOrder, oldIndex, newIndex);
@@ -108,7 +108,7 @@ export const useColumnsReordering = <TData,>(
     const newColumnOrder = table.getState().columnOrder;
     if (!_.isEqual(newColumnOrder, prevOrder.current)) {
       const dataColumns = newColumnOrder.filter(
-        columnName => columnName !== ROW_ID_COLUMN_ID,
+        (columnName) => columnName !== ROW_ID_COLUMN_ID,
       );
       onColumnReorder?.(dataColumns);
     }
diff --git a/frontend/src/metabase/data-grid/hooks/use-data-grid-instance.tsx b/frontend/src/metabase/data-grid/hooks/use-data-grid-instance.tsx
index f79d407c23b..7d2ab3715e2 100644
--- a/frontend/src/metabase/data-grid/hooks/use-data-grid-instance.tsx
+++ b/frontend/src/metabase/data-grid/hooks/use-data-grid-instance.tsx
@@ -55,7 +55,7 @@ export const useDataGridInstance = <TData, TValue>({
 
   const [columnOrder, setColumnOrder] = useState<string[]>(
     getColumnOrder(
-      controlledColumnOrder ?? columnsOptions.map(column => column.id),
+      controlledColumnOrder ?? columnsOptions.map((column) => column.id),
       hasRowIdColumn,
     ),
   );
@@ -91,7 +91,7 @@ export const useDataGridInstance = <TData, TValue>({
 
   const handleUpdateColumnExpanded = useCallback(
     (columnName: string, isExpanded = true) => {
-      setExpandedColumnsMap(prev => {
+      setExpandedColumnsMap((prev) => {
         return { ...prev, [columnName]: isExpanded };
       });
     },
@@ -129,7 +129,7 @@ export const useDataGridInstance = <TData, TValue>({
     const rowIdColumnDefinition =
       rowId != null ? getRowIdColumn<TData, TValue>(rowId) : null;
 
-    const dataColumns = columnsOptions.map(options =>
+    const dataColumns = columnsOptions.map((options) =>
       getDataColumn<TData, TValue>(
         options,
         columnSizingMap,
@@ -152,7 +152,7 @@ export const useDataGridInstance = <TData, TValue>({
   ]);
 
   const wrappedColumnsOptions = useMemo(() => {
-    return columnsOptions.filter(column => column.wrap);
+    return columnsOptions.filter((column) => column.wrap);
   }, [columnsOptions]);
 
   const table = useReactTable({
@@ -178,7 +178,7 @@ export const useDataGridInstance = <TData, TValue>({
       }
 
       const height = Math.max(
-        ...wrappedColumnsOptions.map(column => {
+        ...wrappedColumnsOptions.map((column) => {
           const value = column.accessorFn(data[rowIndex]);
           const formattedValue = column.formatter
             ? column.formatter(value, rowIndex, column.id)
@@ -240,7 +240,7 @@ export const useDataGridInstance = <TData, TValue>({
     const didColumnWrappingChange =
       prevWrappedColumns.current != null &&
       !_.isEqual(
-        wrappedColumnsOptions.map(column => column.id),
+        wrappedColumnsOptions.map((column) => column.id),
         prevWrappedColumns.current,
       );
 
@@ -249,7 +249,9 @@ export const useDataGridInstance = <TData, TValue>({
     }
 
     prevColumnSizing.current = columnSizingMap;
-    prevWrappedColumns.current = wrappedColumnsOptions.map(column => column.id);
+    prevWrappedColumns.current = wrappedColumnsOptions.map(
+      (column) => column.id,
+    );
   }, [columnSizingMap, measureGrid, wrappedColumnsOptions]);
 
   const handleColumnResize = useCallback(
diff --git a/frontend/src/metabase/data-grid/hooks/use-measure-column-widths.tsx b/frontend/src/metabase/data-grid/hooks/use-measure-column-widths.tsx
index 615c629d97d..ffac9d39bfd 100644
--- a/frontend/src/metabase/data-grid/hooks/use-measure-column-widths.tsx
+++ b/frontend/src/metabase/data-grid/hooks/use-measure-column-widths.tsx
@@ -55,7 +55,7 @@ export const useMeasureColumnWidths = <TData, TValue>(
         const elementsMeasures = Array.from(
           div.querySelectorAll("[data-measure-id]"),
         )
-          .map(element => {
+          .map((element) => {
             const columnId = element.getAttribute("data-measure-id");
             const type = element.getAttribute("data-measure-type");
 
@@ -110,8 +110,8 @@ export const useMeasureColumnWidths = <TData, TValue>(
         <div style={{ display: "flex" }} ref={onMeasureHeaderRender}>
           {table
             .getHeaderGroups()
-            .flatMap(headerGroup => headerGroup.headers)
-            .map(header => {
+            .flatMap((headerGroup) => headerGroup.headers)
+            .map((header) => {
               const headerCell = flexRender(
                 header.column.columnDef.header,
                 header.getContext(),
@@ -127,7 +127,7 @@ export const useMeasureColumnWidths = <TData, TValue>(
               );
             })}
 
-          {columnsOptions.map(columnOptions => {
+          {columnsOptions.map((columnOptions) => {
             return (
               <div
                 key={columnOptions.id}
@@ -135,11 +135,11 @@ export const useMeasureColumnWidths = <TData, TValue>(
                 data-measure-type="body"
               >
                 {pickRowsToMeasure(data, columnOptions.accessorFn).map(
-                  rowIndex => {
+                  (rowIndex) => {
                     const cell = table
                       .getRowModel()
                       .rows[rowIndex].getVisibleCells()
-                      .find(cell => cell.column.id === columnOptions.id);
+                      .find((cell) => cell.column.id === columnOptions.id);
 
                     if (!cell) {
                       return null;
diff --git a/frontend/src/metabase/data-grid/hooks/use-virtual-grid.tsx b/frontend/src/metabase/data-grid/hooks/use-virtual-grid.tsx
index 86d0e700194..77c42f533cc 100644
--- a/frontend/src/metabase/data-grid/hooks/use-virtual-grid.tsx
+++ b/frontend/src/metabase/data-grid/hooks/use-virtual-grid.tsx
@@ -36,14 +36,14 @@ export const useVirtualGrid = <TData,>({
   const visibleColumns = table.getVisibleLeafColumns();
 
   const pinnedColumnsIndices = useMemo(
-    () => table.getLeftVisibleLeafColumns().map(c => c.getPinnedIndex()),
+    () => table.getLeftVisibleLeafColumns().map((c) => c.getPinnedIndex()),
     [table],
   );
 
   const columnVirtualizer = useVirtualizer({
     count: visibleColumns.length,
     getScrollElement: () => gridRef.current,
-    estimateSize: index => {
+    estimateSize: (index) => {
       const column = visibleColumns[index];
       const size = visibleColumns[index].getSize();
       const actualSize = table.getState().columnSizing[column.id];
@@ -68,7 +68,7 @@ export const useVirtualGrid = <TData,>({
     getScrollElement: () => gridRef.current,
     estimateSize: () => defaultRowHeight,
     overscan: 3,
-    measureElement: element => {
+    measureElement: (element) => {
       const rowIndexRaw = element?.getAttribute("data-dataset-index");
       const rowIndex = rowIndexRaw != null ? parseInt(rowIndexRaw, 10) : null;
       if (rowIndex == null || !isFinite(rowIndex)) {
@@ -80,7 +80,7 @@ export const useVirtualGrid = <TData,>({
   });
 
   const measureGrid = useCallback(() => {
-    Array.from(rowVirtualizer.elementsCache.values()).forEach(el =>
+    Array.from(rowVirtualizer.elementsCache.values()).forEach((el) =>
       rowVirtualizer.measureElement(el),
     );
     columnVirtualizer.measure();
diff --git a/frontend/src/metabase/data-grid/utils/columns/row-id-column.tsx b/frontend/src/metabase/data-grid/utils/columns/row-id-column.tsx
index d9c9705b1d6..0e255cd4d52 100644
--- a/frontend/src/metabase/data-grid/utils/columns/row-id-column.tsx
+++ b/frontend/src/metabase/data-grid/utils/columns/row-id-column.tsx
@@ -30,7 +30,7 @@ export const getRowIdColumn = <TRow, TValue>({
       const value = shouldShowIndex
         ? table
             .getSortedRowModel()
-            ?.flatRows?.findIndex(flatRow => flatRow.id === row.id) + 1
+            ?.flatRows?.findIndex((flatRow) => flatRow.id === row.id) + 1
         : null;
       return (
         <RowIdCell
diff --git a/frontend/src/metabase/data-grid/utils/measure.unit.spec.ts b/frontend/src/metabase/data-grid/utils/measure.unit.spec.ts
index 444b06f8116..16415bb58b3 100644
--- a/frontend/src/metabase/data-grid/utils/measure.unit.spec.ts
+++ b/frontend/src/metabase/data-grid/utils/measure.unit.spec.ts
@@ -2,7 +2,7 @@ import { pickRowsToMeasure } from "./measure";
 
 describe("pickRowsToMeasure", () => {
   const createData = (values: (string | null | undefined)[]) =>
-    values.map(value => ({ value }));
+    values.map((value) => ({ value }));
 
   const accessorFn = (row: { value: string | null | undefined }) => row.value;
 
diff --git a/frontend/src/metabase/databases/components/DatabaseCacheScheduleField/DatabaseCacheScheduleField.styled.tsx b/frontend/src/metabase/databases/components/DatabaseCacheScheduleField/DatabaseCacheScheduleField.styled.tsx
index 41cedc636bf..eb5e19ad773 100644
--- a/frontend/src/metabase/databases/components/DatabaseCacheScheduleField/DatabaseCacheScheduleField.styled.tsx
+++ b/frontend/src/metabase/databases/components/DatabaseCacheScheduleField/DatabaseCacheScheduleField.styled.tsx
@@ -14,7 +14,7 @@ interface ScheduleOptionRootProps {
 
 export const ScheduleOptionRoot = styled.div<ScheduleOptionRootProps>`
   display: flex;
-  cursor: ${props => !props.isSelected && "pointer"};
+  cursor: ${(props) => !props.isSelected && "pointer"};
   padding: 1.5rem 1rem;
   border-bottom: 1px solid var(--mb-color-border);
 
@@ -34,7 +34,7 @@ export const ScheduleOptionIndicator = styled.div<ScheduleOptionIndicatorProps>`
   width: 1.125rem;
   height: 1.125rem;
   border: 0.125rem solid
-    ${props => (props.isSelected ? color("brand") : color("text-light"))};
+    ${(props) => (props.isSelected ? color("brand") : color("text-light"))};
   border-radius: 50%;
 `;
 
@@ -46,7 +46,7 @@ export const ScheduleOptionIndicatorBackground = styled.div<ScheduleOptionIndica
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 50%;
-  background-color: ${props => props.isSelected && color("brand")};
+  background-color: ${(props) => props.isSelected && color("brand")};
 `;
 
 export const ScheduleOptionBody = styled.div`
@@ -58,7 +58,8 @@ interface ScheduleOptionTitleProps {
 }
 
 export const ScheduleOptionTitle = styled.div<ScheduleOptionTitleProps>`
-  color: ${props => (props.isSelected ? color("brand") : color("text-medium"))};
+  color: ${(props) =>
+    props.isSelected ? color("brand") : color("text-medium")};
   font-size: 1rem;
   font-weight: bold;
   line-height: 1.25rem;
diff --git a/frontend/src/metabase/databases/components/DatabaseEngineField/DatabaseEngineWidget.styled.tsx b/frontend/src/metabase/databases/components/DatabaseEngineField/DatabaseEngineWidget.styled.tsx
index 09be31493c1..806684d600b 100644
--- a/frontend/src/metabase/databases/components/DatabaseEngineField/DatabaseEngineWidget.styled.tsx
+++ b/frontend/src/metabase/databases/components/DatabaseEngineField/DatabaseEngineWidget.styled.tsx
@@ -38,7 +38,7 @@ export const EngineCardRoot = styled.li<EngineCardRootProps>`
   border-radius: 0.375rem;
   background-color: var(--mb-color-bg-white);
   cursor: pointer;
-  outline: ${props => props.isActive && `2px solid var(--mb-color-focus)`};
+  outline: ${(props) => props.isActive && `2px solid var(--mb-color-focus)`};
 
   &:hover {
     border-color: var(--mb-color-brand);
diff --git a/frontend/src/metabase/databases/components/DatabaseEngineField/DatabaseEngineWidget.tsx b/frontend/src/metabase/databases/components/DatabaseEngineField/DatabaseEngineWidget.tsx
index 217a8a35190..fc827da8358 100644
--- a/frontend/src/metabase/databases/components/DatabaseEngineField/DatabaseEngineWidget.tsx
+++ b/frontend/src/metabase/databases/components/DatabaseEngineField/DatabaseEngineWidget.tsx
@@ -65,7 +65,7 @@ const EngineButton = ({
   options,
   onChange,
 }: EngineButtonProps): JSX.Element => {
-  const option = options.find(option => option.value === engineKey);
+  const option = options.find((option) => option.value === engineKey);
 
   const handleClick = useCallback(() => {
     onChange(undefined);
@@ -290,7 +290,7 @@ const getVisibleOptions = (
   searchText: string,
 ): EngineOption[] => {
   if (isSearching) {
-    return options.filter(e => includesIgnoreCase(e.name, searchText));
+    return options.filter((e) => includesIgnoreCase(e.name, searchText));
   } else if (isExpanded) {
     return options;
   } else {
diff --git a/frontend/src/metabase/databases/components/DatabaseEngineWarning/DatabaseEngineWarning.stories.tsx b/frontend/src/metabase/databases/components/DatabaseEngineWarning/DatabaseEngineWarning.stories.tsx
index d665d834d8b..fde7e8dd2b0 100644
--- a/frontend/src/metabase/databases/components/DatabaseEngineWarning/DatabaseEngineWarning.stories.tsx
+++ b/frontend/src/metabase/databases/components/DatabaseEngineWarning/DatabaseEngineWarning.stories.tsx
@@ -15,7 +15,7 @@ export default {
   argTypes: { onChange: { action: "onChange" } },
 };
 
-const Template: StoryFn<DatabaseEngineWarningProps> = args => {
+const Template: StoryFn<DatabaseEngineWarningProps> = (args) => {
   return <DatabaseEngineWarning {...args} />;
 };
 Template.args = {
diff --git a/frontend/src/metabase/databases/components/DatabaseForm/DatabaseForm.tsx b/frontend/src/metabase/databases/components/DatabaseForm/DatabaseForm.tsx
index a692cf3fe86..20c78135a6b 100644
--- a/frontend/src/metabase/databases/components/DatabaseForm/DatabaseForm.tsx
+++ b/frontend/src/metabase/databases/components/DatabaseForm/DatabaseForm.tsx
@@ -148,7 +148,7 @@ const DatabaseFormBody = ({
         onChange={onEngineChange}
       />
       {engine && <DatabaseNameField engine={engine} />}
-      {fields.map(field => (
+      {fields.map((field) => (
         <DatabaseDetailField
           key={field.name}
           field={field}
diff --git a/frontend/src/metabase/databases/components/DatabaseHelpCard/DatabaseHelpCard.tsx b/frontend/src/metabase/databases/components/DatabaseHelpCard/DatabaseHelpCard.tsx
index 33a0fe3739c..154b78a2bd2 100644
--- a/frontend/src/metabase/databases/components/DatabaseHelpCard/DatabaseHelpCard.tsx
+++ b/frontend/src/metabase/databases/components/DatabaseHelpCard/DatabaseHelpCard.tsx
@@ -12,11 +12,11 @@ export interface DatabaseHelpCardProps {
 export const DatabaseHelpCard = ({
   className,
 }: DatabaseHelpCardProps): JSX.Element => {
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     // eslint-disable-next-line no-unconditional-metabase-links-render -- Metabase setup
     getDocsUrl(state, { page: "databases/connecting" }),
   );
-  const isHosted = useSelector(state => getSetting(state, "is-hosted?"));
+  const isHosted = useSelector((state) => getSetting(state, "is-hosted?"));
 
   return (
     <HelpCard
diff --git a/frontend/src/metabase/databases/utils/schema.ts b/frontend/src/metabase/databases/utils/schema.ts
index ca71fdfca74..3fa05470f5e 100644
--- a/frontend/src/metabase/databases/utils/schema.ts
+++ b/frontend/src/metabase/databases/utils/schema.ts
@@ -20,7 +20,7 @@ export const getValidationSchema = (
   isAdvanced: boolean,
 ) => {
   const fields = getDefinedFields(engine, isAdvanced).filter(isDetailField);
-  const entries = fields.map(field => [field.name, getFieldSchema(field)]);
+  const entries = fields.map((field) => [field.name, getFieldSchema(field)]);
 
   return Yup.object({
     id: Yup.number(),
@@ -46,7 +46,7 @@ export const getVisibleFields = (
   isAdvanced: boolean,
 ) => {
   const fields = getDefinedFields(engine, isAdvanced);
-  return fields.filter(field => isFieldVisible(field, values.details));
+  return fields.filter((field) => isFieldVisible(field, values.details));
 };
 
 export const getDefinedFields = (
@@ -57,7 +57,7 @@ export const getDefinedFields = (
 
   return isAdvanced
     ? fields
-    : fields.filter(field => !ADVANCED_FIELDS.includes(field.name));
+    : fields.filter((field) => !ADVANCED_FIELDS.includes(field.name));
 };
 
 export const getSubmitValues = (
@@ -67,9 +67,9 @@ export const getSubmitValues = (
 ) => {
   const fields = getVisibleFields(engine, values, isAdvanced);
   const entries = fields
-    .filter(field => isDetailField(field))
-    .filter(field => isFieldVisible(field, values.details))
-    .map(field => [field.name, values.details?.[field.name]]);
+    .filter((field) => isDetailField(field))
+    .filter((field) => isFieldVisible(field, values.details))
+    .map((field) => [field.name, values.details?.[field.name]]);
 
   return {
     ...values,
diff --git a/frontend/src/metabase/embedding-sdk/theme/embedding-color-palette.ts b/frontend/src/metabase/embedding-sdk/theme/embedding-color-palette.ts
index bc2af06b009..5f02d927a35 100644
--- a/frontend/src/metabase/embedding-sdk/theme/embedding-color-palette.ts
+++ b/frontend/src/metabase/embedding-sdk/theme/embedding-color-palette.ts
@@ -73,7 +73,7 @@ export function getEmbeddingColorPalette(
         const themeColorNames =
           SDK_TO_MAIN_APP_COLORS_MAPPING[key as MappableSdkColor];
         if (themeColorNames) {
-          return themeColorNames.map(mappedColor => [mappedColor, value]);
+          return themeColorNames.map((mappedColor) => [mappedColor, value]);
         } else {
           return [];
         }
diff --git a/frontend/src/metabase/embedding/components/PublicLinkPopover/PublicLinkCopyPanel.tsx b/frontend/src/metabase/embedding/components/PublicLinkPopover/PublicLinkCopyPanel.tsx
index ac8aa69769e..146c7b910c1 100644
--- a/frontend/src/metabase/embedding/components/PublicLinkPopover/PublicLinkCopyPanel.tsx
+++ b/frontend/src/metabase/embedding/components/PublicLinkPopover/PublicLinkCopyPanel.tsx
@@ -80,7 +80,7 @@ export const PublicLinkCopyPanel = ({
         <Group gap="sm" justify="flex-end">
           {extensions &&
             extensions.length > 0 &&
-            extensions.map(extension => (
+            extensions.map((extension) => (
               <Anchor
                 data-testid="extension-option"
                 key={extension}
diff --git a/frontend/src/metabase/embedding/components/PublicLinkPopover/QuestionPublicLinkPopover.unit.spec.tsx b/frontend/src/metabase/embedding/components/PublicLinkPopover/QuestionPublicLinkPopover.unit.spec.tsx
index 68c1ab1437e..b2c3b030d3e 100644
--- a/frontend/src/metabase/embedding/components/PublicLinkPopover/QuestionPublicLinkPopover.unit.spec.tsx
+++ b/frontend/src/metabase/embedding/components/PublicLinkPopover/QuestionPublicLinkPopover.unit.spec.tsx
@@ -90,7 +90,7 @@ describe("QuestionPublicLinkPopover", () => {
     const extensionOptions = screen.getAllByTestId("extension-option");
 
     expect(extensionOptions).toHaveLength(3);
-    expect(extensionOptions.map(option => option.textContent)).toEqual([
+    expect(extensionOptions.map((option) => option.textContent)).toEqual([
       "csv",
       "xlsx",
       "json",
diff --git a/frontend/src/metabase/embedding/components/SharingMenu/test/DashboardSharingMenu.unit.spec.tsx b/frontend/src/metabase/embedding/components/SharingMenu/test/DashboardSharingMenu.unit.spec.tsx
index b7000d7730d..9e2ba6ef2d7 100644
--- a/frontend/src/metabase/embedding/components/SharingMenu/test/DashboardSharingMenu.unit.spec.tsx
+++ b/frontend/src/metabase/embedding/components/SharingMenu/test/DashboardSharingMenu.unit.spec.tsx
@@ -116,7 +116,7 @@ describe("DashboardSharingMenu", () => {
   });
 
   describe("pdf export", () => {
-    ["admin", "non-admin"].forEach(userType => {
+    ["admin", "non-admin"].forEach((userType) => {
       it(`should show the "Export as PDF" menu item for ${userType}`, async () => {
         setupDashboardSharingMenu({ isAdmin: userType === "admin" });
         await openMenu();
diff --git a/frontend/src/metabase/embedding/components/SharingMenu/test/setup.tsx b/frontend/src/metabase/embedding/components/SharingMenu/test/setup.tsx
index 2a17570ddbb..3bcdc571a3e 100644
--- a/frontend/src/metabase/embedding/components/SharingMenu/test/setup.tsx
+++ b/frontend/src/metabase/embedding/components/SharingMenu/test/setup.tsx
@@ -29,7 +29,7 @@ import { QuestionSharingMenu } from "../QuestionSharingMenu";
 
 // This is a fake sidebar that we can use to check if the correct redux state is getting updated
 const FakeSidebar = () => {
-  const sidebar = useSelector(state => state.dashboard.sidebar);
+  const sidebar = useSelector((state) => state.dashboard.sidebar);
 
   if (sidebar.name) {
     return <div data-testid="fake-sidebar">Sidebar: {sidebar.name}</div>;
diff --git a/frontend/src/metabase/entities/actions/actions.ts b/frontend/src/metabase/entities/actions/actions.ts
index 94bd40a9d39..eed11a83cef 100644
--- a/frontend/src/metabase/entities/actions/actions.ts
+++ b/frontend/src/metabase/entities/actions/actions.ts
@@ -211,13 +211,13 @@ const Actions = createEntity({
     switch (type) {
       case CREATE_PUBLIC_LINK: {
         const { id, uuid } = payload;
-        return updateIn(state, [id], action => {
+        return updateIn(state, [id], (action) => {
           return { ...action, public_uuid: uuid };
         });
       }
       case DELETE_PUBLIC_LINK: {
         const { id } = payload;
-        return updateIn(state, [id], action => {
+        return updateIn(state, [id], (action) => {
           return { ...action, public_uuid: null };
         });
       }
diff --git a/frontend/src/metabase/entities/bookmarks.js b/frontend/src/metabase/entities/bookmarks.js
index 948a57c7700..93fb2af29a8 100644
--- a/frontend/src/metabase/entities/bookmarks.js
+++ b/frontend/src/metabase/entities/bookmarks.js
@@ -50,7 +50,7 @@ const Bookmarks = createEntity({
     REORDER: REORDER_ACTION,
   },
   actions: {
-    reorder: bookmarks => async (dispatch, getState) => {
+    reorder: (bookmarks) => async (dispatch, getState) => {
       const bookmarksBeforeReordering = getOrderedBookmarks(getState());
       const orderings = bookmarks.map(({ type, item_id }) => ({
         type,
@@ -89,7 +89,7 @@ const Bookmarks = createEntity({
       if (archived) {
         return dissoc(state, key);
       } else {
-        return updateIn(state, [key], item => ({
+        return updateIn(state, [key], (item) => ({
           ...item,
           card_type: type,
           name,
@@ -106,7 +106,7 @@ const Bookmarks = createEntity({
       if (archived) {
         return dissoc(state, key);
       } else {
-        return updateIn(state, [key], item => ({ ...item, name }));
+        return updateIn(state, [key], (item) => ({ ...item, name }));
       }
     }
 
@@ -120,7 +120,7 @@ const Bookmarks = createEntity({
       if (payload.object.archived) {
         return dissoc(state, key);
       } else {
-        return updateIn(state, [key], item => ({
+        return updateIn(state, [key], (item) => ({
           ...item,
           authority_level,
           name,
@@ -134,7 +134,7 @@ const Bookmarks = createEntity({
         return indexes;
       }, {});
 
-      return _.mapObject(state, bookmark =>
+      return _.mapObject(state, (bookmark) =>
         assoc(bookmark, "index", indexes[bookmark.id]),
       );
     }
@@ -177,7 +177,7 @@ export function isModelBookmark(bookmark) {
 
 export const getOrderedBookmarks = createSelector(
   [Bookmarks.selectors.getList],
-  bookmarks => _.sortBy(bookmarks, bookmark => bookmark.index),
+  (bookmarks) => _.sortBy(bookmarks, (bookmark) => bookmark.index),
 );
 
 export default Bookmarks;
diff --git a/frontend/src/metabase/entities/collections/collections.ts b/frontend/src/metabase/entities/collections/collections.ts
index dd9d0ed24f1..60713e9ec21 100644
--- a/frontend/src/metabase/entities/collections/collections.ts
+++ b/frontend/src/metabase/entities/collections/collections.ts
@@ -157,7 +157,7 @@ const Collections = createEntity({
   selectors: {
     getExpandedCollectionsById: createSelector(
       [
-        state => Collections.selectors.getList(state),
+        (state) => Collections.selectors.getList(state),
         getUserPersonalCollectionId,
         (_state, props) => props?.collectionFilter,
       ],
diff --git a/frontend/src/metabase/entities/collections/getExpandedCollectionsById.js b/frontend/src/metabase/entities/collections/getExpandedCollectionsById.js
index 20163bbf510..cf185c84eb3 100644
--- a/frontend/src/metabase/entities/collections/getExpandedCollectionsById.js
+++ b/frontend/src/metabase/entities/collections/getExpandedCollectionsById.js
@@ -24,7 +24,7 @@ function getExpandedCollectionsById(
         c.id === "root"
           ? []
           : c.location != null
-            ? ["root", ...c.location.split("/").filter(l => l)]
+            ? ["root", ...c.location.split("/").filter((l) => l)]
             : null,
       parent: null,
       children: [],
@@ -78,7 +78,10 @@ function getExpandedCollectionsById(
         parentId = PERSONAL_COLLECTIONS.id;
       } else {
         // Find the closest parent that the user has permissions for
-        const parentIdIndex = _.findLastIndex(c.path, p => collectionsById[p]);
+        const parentIdIndex = _.findLastIndex(
+          c.path,
+          (p) => collectionsById[p],
+        );
         parentId = parentIdIndex >= 0 ? c.path[parentIdIndex] : undefined;
       }
       if (!parentId) {
@@ -101,7 +104,7 @@ function getExpandedCollectionsById(
     delete collectionsById[PERSONAL_COLLECTIONS.id];
     collectionsById[ROOT_COLLECTION.id].children = collectionsById[
       ROOT_COLLECTION.id
-    ].children.filter(c => c.id !== PERSONAL_COLLECTIONS.id);
+    ].children.filter((c) => c.id !== PERSONAL_COLLECTIONS.id);
   }
 
   return collectionsById;
diff --git a/frontend/src/metabase/entities/collections/getInitialCollectionId.ts b/frontend/src/metabase/entities/collections/getInitialCollectionId.ts
index f5a3db4390f..600f4e11417 100644
--- a/frontend/src/metabase/entities/collections/getInitialCollectionId.ts
+++ b/frontend/src/metabase/entities/collections/getInitialCollectionId.ts
@@ -41,7 +41,7 @@ function byCollectionQueryParameter(state: State, { location }: Props) {
 
 const getInitialCollectionId = createSelector(
   [
-    state => {
+    (state) => {
       const collections = state.entities.collections || {};
       return collections as Record<CollectionId, Collection>;
     },
@@ -56,7 +56,7 @@ const getInitialCollectionId = createSelector(
   (collections, personalCollectionId, ...collectionIds) => {
     const rootCollectionId = ROOT_COLLECTION.id as CollectionId;
     const validCollectionIds = collectionIds
-      .filter(id => !isRootTrashCollection(collections[id as CollectionId]))
+      .filter((id) => !isRootTrashCollection(collections[id as CollectionId]))
       .concat(rootCollectionId) as CollectionId[];
 
     if (personalCollectionId) {
diff --git a/frontend/src/metabase/entities/collections/utils.ts b/frontend/src/metabase/entities/collections/utils.ts
index c6a0f6bbd88..fa24827fded 100644
--- a/frontend/src/metabase/entities/collections/utils.ts
+++ b/frontend/src/metabase/entities/collections/utils.ts
@@ -70,7 +70,7 @@ export function buildCollectionTree(
   collections: Collection[] = [],
   modelFilter?: (model: CollectionContentModel) => boolean,
 ): CollectionTreeItem[] {
-  return collections.flatMap(collection => {
+  return collections.flatMap((collection) => {
     const isPersonalRoot = collection.id === PERSONAL_COLLECTIONS.id;
 
     const isMatchedByFilter =
@@ -84,7 +84,7 @@ export function buildCollectionTree(
 
     const children = !isRootTrashCollection(collection)
       ? buildCollectionTree(
-          collection.children?.filter(child => !child.archived) || [],
+          collection.children?.filter((child) => !child.archived) || [],
           modelFilter,
         )
       : [];
diff --git a/frontend/src/metabase/entities/collections/utils.unit.spec.ts b/frontend/src/metabase/entities/collections/utils.unit.spec.ts
index 41c7426261b..2ea371b4fd1 100644
--- a/frontend/src/metabase/entities/collections/utils.unit.spec.ts
+++ b/frontend/src/metabase/entities/collections/utils.unit.spec.ts
@@ -108,7 +108,7 @@ describe("entities > collections > utils", () => {
 
         const transformed = buildCollectionTree(
           [collection],
-          model => model === "dataset",
+          (model) => model === "dataset",
         );
 
         expect(transformed).toMatchObject([
@@ -156,7 +156,7 @@ describe("entities > collections > utils", () => {
 
         const transformed = buildCollectionTree(
           [collectionWithDatasets, collectionWithCards],
-          model => model === "dataset",
+          (model) => model === "dataset",
         );
 
         expect(transformed).toMatchObject([
@@ -208,7 +208,7 @@ describe("entities > collections > utils", () => {
 
         const collectionTree = buildCollectionTree(
           [collection],
-          model => model === "card",
+          (model) => model === "card",
         );
 
         expect(collectionTree).toMatchObject([
@@ -249,7 +249,7 @@ describe("entities > collections > utils", () => {
 
         const collectionTree = buildCollectionTree(
           [collection],
-          model => model === "card",
+          (model) => model === "card",
         );
 
         expect(collectionTree).toEqual([]);
@@ -376,7 +376,7 @@ describe("entities > collections > utils", () => {
     ];
 
     describe("OSS", () => {
-      testCasesOSS.forEach(testCase => {
+      testCasesOSS.forEach((testCase) => {
         const { name, collection, expectedIcon } = testCase;
 
         it(`returns '${expectedIcon}' for '${name}'`, () => {
@@ -392,7 +392,7 @@ describe("entities > collections > utils", () => {
         setupEnterpriseTest();
       });
 
-      testCasesEE.forEach(testCase => {
+      testCasesEE.forEach((testCase) => {
         const { name, collection, expectedIcon } = testCase;
 
         it(`returns '${expectedIcon}' for '${name}'`, () => {
diff --git a/frontend/src/metabase/entities/containers/EntityListLoader.unit.spec.js b/frontend/src/metabase/entities/containers/EntityListLoader.unit.spec.js
index f8a78a55653..1520e2f671e 100644
--- a/frontend/src/metabase/entities/containers/EntityListLoader.unit.spec.js
+++ b/frontend/src/metabase/entities/containers/EntityListLoader.unit.spec.js
@@ -25,7 +25,7 @@ describe("EntityListLoader", () => {
         />,
       );
       expect(
-        Api.prototype._makeRequest.mock.calls.map(c => c.slice(0, 2)),
+        Api.prototype._makeRequest.mock.calls.map((c) => c.slice(0, 2)),
       ).toEqual([["GET", "/api/collection/foo/items"]]);
     });
 
@@ -38,7 +38,7 @@ describe("EntityListLoader", () => {
         />,
       );
       expect(
-        Api.prototype._makeRequest.mock.calls.map(c => c.slice(0, 2)),
+        Api.prototype._makeRequest.mock.calls.map((c) => c.slice(0, 2)),
       ).toEqual([["GET", "/api/collection/foo/items"]]);
     });
   });
diff --git a/frontend/src/metabase/entities/containers/rtk-query/EntityListLoader.tsx b/frontend/src/metabase/entities/containers/rtk-query/EntityListLoader.tsx
index fda985932c6..ae647fddb74 100644
--- a/frontend/src/metabase/entities/containers/rtk-query/EntityListLoader.tsx
+++ b/frontend/src/metabase/entities/containers/rtk-query/EntityListLoader.tsx
@@ -117,7 +117,7 @@ export function EntityListLoader<Entity, EntityWrapper>({
 }: Props<Entity, EntityWrapper>) {
   const dispatch = useDispatch();
 
-  const entityType = useSelector(state =>
+  const entityType = useSelector((state) =>
     typeof entityTypeProp === "function"
       ? entityTypeProp(state, props)
       : entityTypeProp,
@@ -132,7 +132,7 @@ export function EntityListLoader<Entity, EntityWrapper>({
     }, [entityType]);
 
   const nonPaginatedEntityQuery = useSelector(
-    state =>
+    (state) =>
       typeof entityQueryProp === "function"
         ? entityQueryProp(state, props)
         : entityQueryProp,
@@ -160,7 +160,7 @@ export function EntityListLoader<Entity, EntityWrapper>({
 
   const entityOptions = useMemo(() => ({ entityQuery }), [entityQuery]);
 
-  const list = useSelector(state => {
+  const list = useSelector((state) => {
     return match(selectorName)
       .with("getList", () => {
         return entityDefinition.selectors.getList(state, entityOptions);
@@ -174,26 +174,26 @@ export function EntityListLoader<Entity, EntityWrapper>({
       .exhaustive();
   });
 
-  const fetched = useSelector(state => {
+  const fetched = useSelector((state) => {
     const value = entityDefinition.selectors.getFetched(state, entityOptions);
     return Boolean(value);
   });
 
-  const loaded = useSelector(state => {
+  const loaded = useSelector((state) => {
     const value = entityDefinition.selectors.getLoaded(state, entityOptions);
     return Boolean(value);
   });
 
-  const loading = useSelector(state => {
+  const loading = useSelector((state) => {
     const value = entityDefinition.selectors.getLoading(state, entityOptions);
     return Boolean(value);
   });
 
-  const error = useSelector(state => {
+  const error = useSelector((state) => {
     return entityDefinition.selectors.getError(state, entityOptions);
   });
 
-  const metadata = useSelector(state => {
+  const metadata = useSelector((state) => {
     return entityDefinition.selectors.getListMetadata(state, entityOptions);
   });
 
@@ -202,10 +202,10 @@ export function EntityListLoader<Entity, EntityWrapper>({
       return list;
     }
 
-    return list.map(object => entityDefinition.wrapEntity(object, dispatch));
+    return list.map((object) => entityDefinition.wrapEntity(object, dispatch));
   }, [dispatch, list, entityDefinition, wrapped]);
 
-  const reloadInterval = useSelector(state => {
+  const reloadInterval = useSelector((state) => {
     if (typeof reloadIntervalProp === "function") {
       return reloadIntervalProp(state, props, list);
     }
diff --git a/frontend/src/metabase/entities/containers/rtk-query/EntityObjectLoader.tsx b/frontend/src/metabase/entities/containers/rtk-query/EntityObjectLoader.tsx
index a080a27496d..995afbba71e 100644
--- a/frontend/src/metabase/entities/containers/rtk-query/EntityObjectLoader.tsx
+++ b/frontend/src/metabase/entities/containers/rtk-query/EntityObjectLoader.tsx
@@ -81,7 +81,7 @@ export function EntityObjectLoader<Entity, EntityWrapper>({
 }: Props<Entity, EntityWrapper>) {
   const dispatch = useDispatch();
 
-  const entityType = useSelector(state =>
+  const entityType = useSelector((state) =>
     typeof entityTypeProp === "function"
       ? entityTypeProp(state, props)
       : entityTypeProp,
@@ -95,13 +95,13 @@ export function EntityObjectLoader<Entity, EntityWrapper>({
       return entitiesDefinitions[entityType];
     }, [entityType]);
 
-  const entityId = useSelector(state =>
+  const entityId = useSelector((state) =>
     typeof entityIdProp === "function"
       ? entityIdProp(state, props)
       : entityIdProp,
   );
 
-  const entityQuery = useSelector(state =>
+  const entityQuery = useSelector((state) =>
     typeof entityQueryProp === "function"
       ? entityQueryProp(state, props)
       : entityQueryProp,
@@ -195,7 +195,7 @@ export function EntityObjectLoader<Entity, EntityWrapper>({
     [entityId, requestType],
   );
 
-  const object = useSelector(state => {
+  const object = useSelector((state) => {
     return match(selectorName)
       .with("getObject", () => {
         return entityDefinition.selectors.getObject(state, entityOptions);
@@ -209,17 +209,17 @@ export function EntityObjectLoader<Entity, EntityWrapper>({
       .exhaustive();
   });
 
-  const fetched = useSelector(state => {
+  const fetched = useSelector((state) => {
     const value = entityDefinition.selectors.getFetched(state, entityOptions);
     return Boolean(value);
   });
 
-  const loading = useSelector(state => {
+  const loading = useSelector((state) => {
     const value = entityDefinition.selectors.getLoading(state, entityOptions);
     return Boolean(value);
   });
 
-  const error = useSelector(state => {
+  const error = useSelector((state) => {
     return entityDefinition.selectors.getError(state, entityOptions);
   });
 
diff --git a/frontend/src/metabase/entities/containers/rtk-query/usePaginatedQuery.ts b/frontend/src/metabase/entities/containers/rtk-query/usePaginatedQuery.ts
index 35c549faf0b..d2f80bdcd60 100644
--- a/frontend/src/metabase/entities/containers/rtk-query/usePaginatedQuery.ts
+++ b/frontend/src/metabase/entities/containers/rtk-query/usePaginatedQuery.ts
@@ -17,12 +17,12 @@ export const usePaginatedQuery = (
   const offset = isPaginated ? pageSize * page : undefined;
 
   const handleNextPage = useCallback(() => {
-    setPage(page => page + 1);
+    setPage((page) => page + 1);
     setHasMorePages(null);
   }, []);
 
   const handlePreviousPage = useCallback(() => {
-    setPage(page => page - 1);
+    setPage((page) => page - 1);
     setHasMorePages(true);
   }, []);
 
diff --git a/frontend/src/metabase/entities/dashboards.js b/frontend/src/metabase/entities/dashboards.js
index 70b93b039e3..ecc58ee2395 100644
--- a/frontend/src/metabase/entities/dashboards.js
+++ b/frontend/src/metabase/entities/dashboards.js
@@ -134,7 +134,7 @@ const Dashboards = createEntity({
     copy: compose(
       withAction(COPY_ACTION),
       // NOTE: unfortunately we can't use Dashboard.withRequestState, etc because the entity isn't defined yet
-      withRequestState(dashboard => [
+      withRequestState((dashboard) => [
         "entities",
         "dashboard",
         dashboard.id,
@@ -164,7 +164,7 @@ const Dashboards = createEntity({
   },
 
   actions: {
-    save: dashboard => async dispatch => {
+    save: (dashboard) => async (dispatch) => {
       const savedDashboard = await entityCompatibleQuery(
         dashboard,
         dispatch,
@@ -188,7 +188,7 @@ const Dashboards = createEntity({
       }),
     )(
       ({ id, ...params }) =>
-        dispatch =>
+        (dispatch) =>
           entityCompatibleQuery(
             { id, ...params },
             dispatch,
@@ -208,7 +208,7 @@ const Dashboards = createEntity({
       }),
     )(
       ({ entity, entityId, dashboard_load_id }) =>
-        dispatch =>
+        (dispatch) =>
           entityCompatibleQuery(
             { entity, entityId, dashboard_load_id },
             dispatch,
@@ -225,9 +225,9 @@ const Dashboards = createEntity({
   },
 
   objectSelectors: {
-    getName: dashboard => dashboard && dashboard.name,
-    getUrl: dashboard => dashboard && Urls.dashboard(dashboard),
-    getCollection: dashboard =>
+    getName: (dashboard) => dashboard && dashboard.name,
+    getUrl: (dashboard) => dashboard && Urls.dashboard(dashboard),
+    getCollection: (dashboard) =>
       dashboard && normalizedCollection(dashboard.collection),
     getIcon: () => ({ name: "dashboard" }),
     getColor: () => color("dashboard"),
diff --git a/frontend/src/metabase/entities/databases.js b/frontend/src/metabase/entities/databases.js
index 6762680cf49..c9761262a17 100644
--- a/frontend/src/metabase/entities/databases.js
+++ b/frontend/src/metabase/entities/databases.js
@@ -53,7 +53,7 @@ const Databases = createEntity({
   nameMany: "databases",
 
   rtk: {
-    getUseGetQuery: fetchType => {
+    getUseGetQuery: (fetchType) => {
       if (fetchType === "fetchDatabaseMetadata") {
         return {
           useGetQuery: useGetDatabaseMetadataQuery,
@@ -102,7 +102,7 @@ const Databases = createEntity({
       ),
     delete: ({ id }, dispatch) =>
       entityCompatibleQuery(id, dispatch, databaseApi.endpoints.deleteDatabase),
-    addSampleDatabase: dispatch =>
+    addSampleDatabase: (dispatch) =>
       entityCompatibleQuery(
         undefined,
         dispatch,
@@ -137,10 +137,10 @@ const Databases = createEntity({
       withCachedDataAndRequestState(
         ({ id }) => [...Databases.getObjectStatePath(id)],
         ({ id }) => [...Databases.getObjectStatePath(id), "idFields"],
-        entityQuery => Databases.getQueryKey(entityQuery),
+        (entityQuery) => Databases.getQueryKey(entityQuery),
       ),
       withNormalize(DatabaseSchema),
-    )(({ id, ...params }) => async dispatch => {
+    )(({ id, ...params }) => async (dispatch) => {
       const idFields = await entityCompatibleQuery(
         { id, ...params },
         dispatch,
@@ -151,10 +151,10 @@ const Databases = createEntity({
   },
 
   objectSelectors: {
-    getName: db => db && db.name,
-    getUrl: db => db && Urls.browseDatabase(db),
-    getIcon: db => ({ name: "database" }),
-    getColor: db => color("database"),
+    getName: (db) => db && db.name,
+    getUrl: (db) => db && Urls.browseDatabase(db),
+    getIcon: (db) => ({ name: "database" }),
+    getColor: (db) => color("database"),
   },
 
   selectors: {
@@ -167,21 +167,21 @@ const Databases = createEntity({
     getListUnfiltered: (state, { entityQuery }) => {
       const entityIds =
         Databases.selectors.getEntityIds(state, { entityQuery }) ?? [];
-      return entityIds.map(entityId =>
+      return entityIds.map((entityId) =>
         Databases.selectors.getObjectUnfiltered(state, { entityId }),
       );
     },
 
     getHasSampleDatabase: (state, props) =>
-      _.any(Databases.selectors.getList(state, props), db => db.is_sample),
+      _.any(Databases.selectors.getList(state, props), (db) => db.is_sample),
 
     getIdFields: createSelector(
       [
-        state => getMetadata(state).fieldsList(),
+        (state) => getMetadata(state).fieldsList(),
         (state, props) => props.databaseId,
       ],
       (fields, databaseId) =>
-        fields.filter(field => {
+        fields.filter((field) => {
           const dbId = field?.table?.db_id;
           const isRealField = !isVirtualCardId(field.table_id);
           return dbId === databaseId && isRealField && field.isPK();
diff --git a/frontend/src/metabase/entities/fields.js b/frontend/src/metabase/entities/fields.js
index 28327a5d9f0..b10deac1873 100644
--- a/frontend/src/metabase/entities/fields.js
+++ b/frontend/src/metabase/entities/fields.js
@@ -58,7 +58,7 @@ const Fields = createEntity({
   schema: FieldSchema,
 
   rtk: {
-    getUseGetQuery: fetchType => {
+    getUseGetQuery: (fetchType) => {
       if (fetchType === "fetchFieldValues") {
         return {
           useGetQuery: useGetFetchFieldValuesQuery,
@@ -109,12 +109,12 @@ const Fields = createEntity({
           const uniqueId = getUniqueFieldId({ id, table_id });
           return [...Fields.getObjectStatePath(uniqueId), "values"];
         },
-        field => {
+        (field) => {
           return Fields.getQueryKey({ id: field.id });
         },
       ),
       withNormalize(FieldSchema),
-    )(field => async dispatch => {
+    )((field) => async (dispatch) => {
       const { field_id, ...data } = await MetabaseApi.field_values({
         fieldId: field.id,
       });
@@ -168,7 +168,7 @@ const Fields = createEntity({
     updateFieldDimension: createThunkAction(
       UPDATE_FIELD_DIMENSION,
       ({ id }, dimension) =>
-        dispatch =>
+        (dispatch) =>
           entityCompatibleQuery(
             { id, ...dimension },
             dispatch,
@@ -178,7 +178,7 @@ const Fields = createEntity({
     deleteFieldDimension: createThunkAction(
       DELETE_FIELD_DIMENSION,
       ({ id }) =>
-        async dispatch => {
+        async (dispatch) => {
           await entityCompatibleQuery(
             id,
             dispatch,
@@ -196,7 +196,7 @@ const Fields = createEntity({
 
   actions: {
     addParamValues: createAction(ADD_PARAM_VALUES),
-    addFields: createAction(ADD_FIELDS, fields =>
+    addFields: createAction(ADD_FIELDS, (fields) =>
       normalize(fields, [FieldSchema]),
     ),
   },
diff --git a/frontend/src/metabase/entities/groups.js b/frontend/src/metabase/entities/groups.js
index dd76c3bed5d..a62b5b6b35c 100644
--- a/frontend/src/metabase/entities/groups.js
+++ b/frontend/src/metabase/entities/groups.js
@@ -62,7 +62,7 @@ const Groups = createEntity({
   actions: {
     clearMember:
       async ({ id }) =>
-      async dispatch => {
+      async (dispatch) => {
         await dispatch(
           entityCompatibleQuery(
             id,
@@ -93,7 +93,7 @@ const Groups = createEntity({
         return assocIn(
           state,
           [groupId, "members"],
-          members.filter(m => m.membership_id !== membershipId),
+          members.filter((m) => m.membership_id !== membershipId),
         );
       } else {
         return state;
diff --git a/frontend/src/metabase/entities/model-indexes/actions.ts b/frontend/src/metabase/entities/model-indexes/actions.ts
index 6587028658e..0583bfab704 100644
--- a/frontend/src/metabase/entities/model-indexes/actions.ts
+++ b/frontend/src/metabase/entities/model-indexes/actions.ts
@@ -60,7 +60,7 @@ export const updateModelIndexes =
 
       if (pkRef) {
         await Promise.all(
-          newFieldsToIndex.map(field => {
+          newFieldsToIndex.map((field) => {
             return dispatch(
               createModelIndex.initiate({
                 model_id: model.id(),
@@ -75,7 +75,7 @@ export const updateModelIndexes =
 
     if (indexIdsToRemove.length) {
       await Promise.all(
-        indexIdsToRemove.map(indexId =>
+        indexIdsToRemove.map((indexId) =>
           dispatch(deleteModelIndex.initiate({ id: indexId })),
         ),
       );
@@ -88,7 +88,7 @@ function getFieldsToIndex(
 ) {
   // make sure none of these fields are already indexed by this model
   const newFieldsToIndex = fieldsWithIndexFlags.filter(
-    field =>
+    (field) =>
       field.should_index &&
       !existingIndexes.some((index: ModelIndex) =>
         _.isEqual(index.value_ref, field.field_ref),
diff --git a/frontend/src/metabase/entities/persisted-models.js b/frontend/src/metabase/entities/persisted-models.js
index ecf2a70484f..26b88ddecf7 100644
--- a/frontend/src/metabase/entities/persisted-models.js
+++ b/frontend/src/metabase/entities/persisted-models.js
@@ -14,9 +14,9 @@ import { PersistedModelSchema } from "metabase/schema";
 const REFRESH_CACHE = "metabase/entities/persistedModels/REFRESH_CACHE";
 
 const getPersistedModelInfoByModelId = createSelector(
-  [state => state.entities.persistedModels, (state, props) => props.entityId],
+  [(state) => state.entities.persistedModels, (state, props) => props.entityId],
   (persistedModels, modelId) =>
-    Object.values(persistedModels).find(info => info.card_id === modelId),
+    Object.values(persistedModels).find((info) => info.card_id === modelId),
 );
 
 /**
@@ -67,7 +67,7 @@ const PersistedModels = createEntity({
   },
 
   objectActions: {
-    refreshCache: job => async dispatch => {
+    refreshCache: (job) => async (dispatch) => {
       await entityCompatibleQuery(
         job.card_id,
         dispatch,
diff --git a/frontend/src/metabase/entities/pulses.js b/frontend/src/metabase/entities/pulses.js
index 20b9ab521da..33151c2239f 100644
--- a/frontend/src/metabase/entities/pulses.js
+++ b/frontend/src/metabase/entities/pulses.js
@@ -77,7 +77,7 @@ const Pulses = createEntity({
 
     unsubscribe:
       ({ id }) =>
-      async dispatch => {
+      async (dispatch) => {
         await entityCompatibleQuery(
           id,
           dispatch,
@@ -90,10 +90,10 @@ const Pulses = createEntity({
   },
 
   objectSelectors: {
-    getName: pulse => pulse && pulse.name,
-    getUrl: pulse => pulse && Urls.pulse(pulse.id),
-    getIcon: pulse => ({ name: "pulse" }),
-    getColor: pulse => color("pulse"),
+    getName: (pulse) => pulse && pulse.name,
+    getUrl: (pulse) => pulse && Urls.pulse(pulse.id),
+    getIcon: (pulse) => ({ name: "pulse" }),
+    getColor: (pulse) => color("pulse"),
   },
 
   getAnalyticsMetadata([object], { action }, getState) {
diff --git a/frontend/src/metabase/entities/questions.js b/frontend/src/metabase/entities/questions.js
index 3118340b070..719e77a3bba 100644
--- a/frontend/src/metabase/entities/questions.js
+++ b/frontend/src/metabase/entities/questions.js
@@ -98,7 +98,7 @@ const Questions = createEntity({
       }),
     )(
       ({ id } = {}) =>
-        dispatch =>
+        (dispatch) =>
           entityCompatibleQuery(
             id,
             dispatch,
@@ -114,7 +114,7 @@ const Questions = createEntity({
         fields: [FieldSchema],
       }),
     )(
-      query => dispatch =>
+      (query) => (dispatch) =>
         entityCompatibleQuery(
           query,
           dispatch,
@@ -135,7 +135,7 @@ const Questions = createEntity({
     // NOTE: standard questions (i.e. not models, metrics, etc.) can live in dashboards as well as collections.
     // this function name is incorrect but maintained for consistency with other entities.
     setCollection: (card, destination, opts) => {
-      return async dispatch => {
+      return async (dispatch) => {
         const archived =
           destination.model === "collection" &&
           isRootTrashCollection(destination);
@@ -202,27 +202,29 @@ const Questions = createEntity({
     getListUnfiltered: (state, { entityQuery }) => {
       const entityIds =
         Questions.selectors.getEntityIds(state, { entityQuery }) ?? [];
-      return entityIds.map(entityId =>
+      return entityIds.map((entityId) =>
         Questions.selectors.getObjectUnfiltered(state, { entityId }),
       );
     },
   },
 
   objectSelectors: {
-    getName: card => card && card.name,
+    getName: (card) => card && card.name,
     getUrl: (card, opts) => card && Urls.question(card, opts),
     getColor: () => color("text-medium"),
-    getCollection: card => card && normalizedCollection(card.collection),
+    getCollection: (card) => card && normalizedCollection(card.collection),
     getIcon,
   },
 
   reducer: (state = {}, { type, payload, error }) => {
     if (type === SOFT_RELOAD_CARD) {
       const { id } = payload;
-      const latestReview = payload.moderation_reviews?.find(x => x.most_recent);
+      const latestReview = payload.moderation_reviews?.find(
+        (x) => x.most_recent,
+      );
 
       if (latestReview) {
-        return updateIn(state, [id], question => ({
+        return updateIn(state, [id], (question) => ({
           ...question,
           moderated_status: latestReview.status,
         }));
@@ -232,7 +234,7 @@ const Questions = createEntity({
     if (type === INJECT_RTK_QUERY_QUESTION_VALUE) {
       const { id } = payload;
 
-      return updateIn(state, [id], question => ({ ...question, ...payload }));
+      return updateIn(state, [id], (question) => ({ ...question, ...payload }));
     }
     return state;
   },
diff --git a/frontend/src/metabase/entities/revisions.js b/frontend/src/metabase/entities/revisions.js
index e822be8df37..59ddd25a639 100644
--- a/frontend/src/metabase/entities/revisions.js
+++ b/frontend/src/metabase/entities/revisions.js
@@ -22,8 +22,8 @@ const Revisions = createEntity({
         revisionApi.endpoints.listRevisions,
       )
         // add model_type and model_id to each object since they are required for revert
-        .then(revisions =>
-          revisions.map(revision => ({
+        .then((revisions) =>
+          revisions.map((revision) => ({
             model_type,
             model_id,
             ...revision,
@@ -37,7 +37,7 @@ const Revisions = createEntity({
 
   objectActions: {
     // use thunk since we don't actually want to dispatch an action
-    revert: revision => async dispatch => {
+    revert: (revision) => async (dispatch) => {
       await entityCompatibleQuery(
         {
           entity: revision.model_type,
diff --git a/frontend/src/metabase/entities/schemas.js b/frontend/src/metabase/entities/schemas.js
index a1216bbe692..1ca276482a5 100644
--- a/frontend/src/metabase/entities/schemas.js
+++ b/frontend/src/metabase/entities/schemas.js
@@ -57,7 +57,7 @@ export default createEntity({
             databaseApi.endpoints.listDatabaseSchemas,
           );
 
-      return schemaNames.map(schemaName => ({
+      return schemaNames.map((schemaName) => ({
         // NOTE: needs unique IDs for entities to work correctly
         id: generateSchemaId(dbId, schemaName),
         name: schemaName,
@@ -112,7 +112,7 @@ export default createEntity({
           return state;
         }
         const virtualQuestionId = getQuestionVirtualTableId(question.id);
-        return updateIn(state, [schema, "tables"], tables =>
+        return updateIn(state, [schema, "tables"], (tables) =>
           addTableAvoidingDuplicates(tables, virtualQuestionId),
         );
       }
@@ -154,13 +154,13 @@ export default createEntity({
         });
       }
 
-      return updateIn(state, [virtualSchemaId, "tables"], tables => {
+      return updateIn(state, [virtualSchemaId, "tables"], (tables) => {
         if (!tables) {
           return tables;
         }
 
         if (card.archived) {
-          return tables.filter(id => id !== virtualQuestionId);
+          return tables.filter((id) => id !== virtualQuestionId);
         }
         return addTableAvoidingDuplicates(tables, virtualQuestionId);
       });
@@ -175,7 +175,7 @@ function getPreviousSchemaContainingTheQuestion(
   schemaId,
   virtualQuestionId,
 ) {
-  return Object.values(state).find(schema => {
+  return Object.values(state).find((schema) => {
     if (schema.id === schemaId) {
       return false;
     }
@@ -185,8 +185,8 @@ function getPreviousSchemaContainingTheQuestion(
 }
 
 function removeVirtualQuestionFromSchema(state, schemaId, virtualQuestionId) {
-  return updateIn(state, [schemaId, "tables"], tables =>
-    tables.filter(tableId => tableId !== virtualQuestionId),
+  return updateIn(state, [schemaId, "tables"], (tables) =>
+    tables.filter((tableId) => tableId !== virtualQuestionId),
   );
 }
 
@@ -254,7 +254,7 @@ function useListQuery({ dbId, getAll = false, ...args }, options) {
   const schemas = getAll ? syncableDatabaseSchemas : databaseSchemas;
 
   const data = useMemo(() => {
-    return schemas.data?.map(schemaName => ({
+    return schemas.data?.map((schemaName) => ({
       // NOTE: needs unique IDs for entities to work correctly
       id: generateSchemaId(dbId, schemaName),
       name: schemaName,
diff --git a/frontend/src/metabase/entities/search.js b/frontend/src/metabase/entities/search.js
index 019452ba37a..7737607cdad 100644
--- a/frontend/src/metabase/entities/search.js
+++ b/frontend/src/metabase/entities/search.js
@@ -77,7 +77,7 @@ export default createEntity({
         return {
           ...rest,
           data: data
-            ? data.map(item => ({
+            ? data.map((item) => ({
                 collection_id: canonicalCollectionId(collection),
                 archived: archived || false,
                 ...item,
@@ -94,7 +94,7 @@ export default createEntity({
         return {
           ...rest,
           data: data
-            ? data.map(item => {
+            ? data.map((item) => {
                 const collectionKey = item.collection
                   ? { collection_id: item.collection.id }
                   : {};
@@ -124,7 +124,7 @@ export default createEntity({
 
   objectActions: {
     setArchived: (object, archived) => {
-      return dispatch => {
+      return (dispatch) => {
         const entity = entityForObject(object);
         return entity
           ? dispatch(entity.actions.setArchived(object, archived))
@@ -132,8 +132,8 @@ export default createEntity({
       };
     },
 
-    delete: object => {
-      return dispatch => {
+    delete: (object) => {
+      return (dispatch) => {
         const entity = entityForObject(object);
         return entity
           ? dispatch(entity.actions.delete(object))
@@ -143,7 +143,7 @@ export default createEntity({
   },
 
   objectSelectors: {
-    getCollection: object => {
+    getCollection: (object) => {
       const entity = entityForObject(object);
       return entity
         ? (entity?.objectSelectors?.getCollection?.(object) ??
@@ -152,21 +152,21 @@ export default createEntity({
         : warnEntityAndReturnObject(object);
     },
 
-    getName: object => {
+    getName: (object) => {
       const entity = entityForObject(object);
       return entity
         ? (entity?.objectSelectors?.getName?.(object) ?? object?.name)
         : warnEntityAndReturnObject(object);
     },
 
-    getColor: object => {
+    getColor: (object) => {
       const entity = entityForObject(object);
       return entity
         ? (entity?.objectSelectors?.getColor?.(object) ?? null)
         : warnEntityAndReturnObject(object);
     },
 
-    getIcon: object => {
+    getIcon: (object) => {
       const entity = entityForObject(object);
       return entity
         ? (entity?.objectSelectors?.getIcon?.(object) ?? null)
@@ -206,7 +206,7 @@ function useListQuery(query = {}, options) {
       data: collectionItemsQuery.data
         ? {
             ...collectionItemsQuery.data,
-            data: collectionItemsQuery.data.data.map(item => ({
+            data: collectionItemsQuery.data.data.map((item) => ({
               collection_id: canonicalCollectionId(query.collection),
               archived: query.archived || false,
               ...item,
@@ -226,7 +226,7 @@ function useListQuery(query = {}, options) {
       data: searchQuery.data
         ? {
             ...searchQuery.data,
-            data: searchQuery.data.data.map(item => {
+            data: searchQuery.data.data.map((item) => {
               const collectionKey = item.collection
                 ? { collection_id: item.collection.id }
                 : {};
diff --git a/frontend/src/metabase/entities/segments.js b/frontend/src/metabase/entities/segments.js
index 95801ffb60b..30072fa76a4 100644
--- a/frontend/src/metabase/entities/segments.js
+++ b/frontend/src/metabase/entities/segments.js
@@ -70,16 +70,16 @@ const Segments = createEntity({
   },
 
   objectSelectors: {
-    getName: segment => segment && segment.name,
-    getUrl: segment =>
+    getName: (segment) => segment && segment.name,
+    getUrl: (segment) =>
       Urls.tableRowsQuery(
         segment.database_id,
         segment.table_id,
         null,
         segment.id,
       ),
-    getColor: segment => color("filter"),
-    getIcon: segment => ({ name: "segment" }),
+    getColor: (segment) => color("filter"),
+    getIcon: (segment) => ({ name: "segment" }),
   },
 });
 
diff --git a/frontend/src/metabase/entities/snippet-collections.js b/frontend/src/metabase/entities/snippet-collections.js
index 873683b64a7..cb044dbb3fc 100644
--- a/frontend/src/metabase/entities/snippet-collections.js
+++ b/frontend/src/metabase/entities/snippet-collections.js
@@ -30,7 +30,7 @@ const SnippetCollections = createEntity({
 
   api: _.mapObject(
     NormalCollections.api,
-    request =>
+    (request) =>
       (opts, ...rest) =>
         request({ ...opts, namespace: "snippets" }, ...rest),
   ),
@@ -55,8 +55,8 @@ const SnippetCollections = createEntity({
 
   selectors: {
     getExpandedCollectionsById: createSelector(
-      state => SnippetCollections.selectors.getList(state) || [],
-      collections => getExpandedCollectionsById(collections, null),
+      (state) => SnippetCollections.selectors.getList(state) || [],
+      (collections) => getExpandedCollectionsById(collections, null),
     ),
   },
 
diff --git a/frontend/src/metabase/entities/tables.js b/frontend/src/metabase/entities/tables.js
index a04c04c043e..219468caea8 100644
--- a/frontend/src/metabase/entities/tables.js
+++ b/frontend/src/metabase/entities/tables.js
@@ -65,7 +65,7 @@ const Tables = createEntity({
   schema: TableSchema,
 
   rtk: {
-    getUseGetQuery: fetchType => {
+    getUseGetQuery: (fetchType) => {
       if (fetchType === "fetchMetadata") {
         return {
           useGetQuery: useGetTableQueryMetadataQuery,
@@ -124,7 +124,7 @@ const Tables = createEntity({
       withAction(TABLES_BULK_UPDATE),
       withNormalize([TableSchema]),
     )(
-      updates => async dispatch =>
+      (updates) => async (dispatch) =>
         entityCompatibleQuery(
           updates,
           dispatch,
@@ -148,7 +148,7 @@ const Tables = createEntity({
       withNormalize(TableSchema),
     )(
       ({ id, ...params }, options = {}) =>
-        dispatch =>
+        (dispatch) =>
           entityCompatibleQuery(
             { id, ...params, ...options.params },
             dispatch,
@@ -168,12 +168,12 @@ const Tables = createEntity({
           ...Tables.getObjectStatePath(id),
           "fetchMetadataDeprecated",
         ],
-        entityQuery => Tables.getQueryKey(entityQuery),
+        (entityQuery) => Tables.getQueryKey(entityQuery),
       ),
       withNormalize(TableSchema),
     )(
       ({ id, ...params }, options = {}) =>
-        dispatch =>
+        (dispatch) =>
           entityCompatibleQuery(
             { id, ...params, ...options.params },
             dispatch,
@@ -194,10 +194,10 @@ const Tables = createEntity({
             options.selectorName || "getObjectUnfiltered"
           ](getState(), { entityId: id });
           await Promise.all([
-            ...getTableForeignKeyTableIds(table).map(id =>
+            ...getTableForeignKeyTableIds(table).map((id) =>
               dispatch(Tables.actions.fetchMetadataDeprecated({ id }, options)),
             ),
-            ...getTableForeignKeyFieldIds(table).map(id =>
+            ...getTableForeignKeyFieldIds(table).map((id) =>
               dispatch(Fields.actions.fetch({ id }, options)),
             ),
           ]);
@@ -209,7 +209,7 @@ const Tables = createEntity({
       withCachedDataAndRequestState(
         ({ id }) => [...Tables.getObjectStatePath(id)],
         ({ id }) => [...Tables.getObjectStatePath(id), "fetchForeignKeys"],
-        entityQuery => Tables.getQueryKey(entityQuery),
+        (entityQuery) => Tables.getQueryKey(entityQuery),
       ),
       withNormalize(TableSchema),
     )(({ id }) => async (dispatch, getState) => {
@@ -223,7 +223,7 @@ const Tables = createEntity({
 
     setFieldOrder:
       ({ id }, fieldOrder) =>
-      dispatch => {
+      (dispatch) => {
         dispatch({
           type: UPDATE_TABLE_FIELD_ORDER,
           payload: { id, fieldOrder },
@@ -247,7 +247,7 @@ const Tables = createEntity({
           ...state,
           [tableId]: {
             ...table,
-            original_fields: table.original_fields?.map(field => {
+            original_fields: table.original_fields?.map((field) => {
               return field.id === updatedField.id ? updatedField : field;
             }),
           },
@@ -294,7 +294,7 @@ const Tables = createEntity({
           virtualTable.schema !== virtualSchemaId ||
           virtualTable.schema_name !== virtualSchemaName
         ) {
-          state = updateIn(state, [virtualTableId], table => ({
+          state = updateIn(state, [virtualTableId], (table) => ({
             ...table,
             display_name: card.name,
             moderated_status: card.moderated_status,
@@ -332,7 +332,7 @@ const Tables = createEntity({
           ...state,
           [tableId]: {
             ...table,
-            segments: table.segments.filter(id => id !== segmentId),
+            segments: table.segments.filter((id) => id !== segmentId),
           },
         };
       }
@@ -351,12 +351,12 @@ const Tables = createEntity({
     return state;
   },
   objectSelectors: {
-    getUrl: table =>
+    getUrl: (table) =>
       Urls.tableRowsQuery(table.database_id, table.table_id, null),
     getIcon: (table, { variant = "primary" } = {}) => ({
       name: variant === "primary" ? "table" : "database",
     }),
-    getColor: table => color("accent2"),
+    getColor: (table) => color("accent2"),
   },
 
   selectors: {
@@ -367,13 +367,13 @@ const Tables = createEntity({
     getListUnfiltered: (state, { entityQuery }) => {
       const entityIds =
         Tables.selectors.getEntityIds(state, { entityQuery }) ?? [];
-      return entityIds.map(entityId =>
+      return entityIds.map((entityId) =>
         Tables.selectors.getObjectUnfiltered(state, { entityId }),
       );
     },
     getTable: createSelector(
       // we wrap getMetadata to handle a circular dep issue
-      [state => getMetadata(state), (state, props) => props.entityId],
+      [(state) => getMetadata(state), (state, props) => props.entityId],
       (metadata, id) => metadata.table(id),
     ),
   },
@@ -381,7 +381,7 @@ const Tables = createEntity({
 
 const useGetMetadataAndForeignTables = (entityQuery, options) => {
   const dispatch = useDispatch();
-  const table = useSelector(state =>
+  const table = useSelector((state) =>
     Tables.selectors[options.selectorName || "getObjectUnfiltered"](state, {
       entityId: entityQuery.id,
     }),
@@ -416,8 +416,8 @@ const useGetMetadataAndForeignTables = (entityQuery, options) => {
 
 function getTableForeignKeyTableIds(table) {
   return _.chain(table.fields)
-    .filter(field => field.target != null)
-    .map(field => field.target.table_id)
+    .filter((field) => field.target != null)
+    .map((field) => field.target.table_id)
     .uniq()
     .value();
 }
@@ -426,8 +426,8 @@ function getTableForeignKeyTableIds(table) {
 // in this case we load the field instead of the table
 function getTableForeignKeyFieldIds(table) {
   return _.chain(table.fields)
-    .filter(field => field.target == null && field.fk_target_field_id != null)
-    .map(field => field.fk_target_field_id)
+    .filter((field) => field.target == null && field.fk_target_field_id != null)
+    .map((field) => field.fk_target_field_id)
     .uniq()
     .value();
 }
diff --git a/frontend/src/metabase/entities/timelines.js b/frontend/src/metabase/entities/timelines.js
index 73b626e52d8..c9f47d591c8 100644
--- a/frontend/src/metabase/entities/timelines.js
+++ b/frontend/src/metabase/entities/timelines.js
@@ -73,7 +73,7 @@ const Timelines = createEntity({
   },
 
   actions: {
-    createWithEvent: (event, collection) => async dispatch => {
+    createWithEvent: (event, collection) => async (dispatch) => {
       const timeline = await entityCompatibleQuery(
         getDefaultTimeline(collection),
         dispatch,
@@ -124,7 +124,7 @@ const Timelines = createEntity({
     if (action.type === TimelineEvents.actionTypes.UPDATE && !action.error) {
       const event = TimelineEvents.HACK_getObjectFromAction(action);
 
-      return _.mapObject(state, timeline => {
+      return _.mapObject(state, (timeline) => {
         const hasEvent = timeline.events?.includes(event.id);
         const hasTimeline = event.timeline_id === timeline.id;
 
@@ -143,7 +143,7 @@ const Timelines = createEntity({
     if (action.type === TimelineEvents.actionTypes.DELETE && !action.error) {
       const eventId = action.payload.result;
 
-      return _.mapObject(state, timeline => {
+      return _.mapObject(state, (timeline) => {
         return updateIn(timeline, ["events"], (eventIds = []) => {
           return _.without(eventIds, eventId);
         });
diff --git a/frontend/src/metabase/entities/users.js b/frontend/src/metabase/entities/users.js
index 46f75586bc6..b45138c7a17 100644
--- a/frontend/src/metabase/entities/users.js
+++ b/frontend/src/metabase/entities/users.js
@@ -76,7 +76,7 @@ const Users = createEntity({
   },
 
   objectSelectors: {
-    getName: user => user.common_name,
+    getName: (user) => user.common_name,
   },
 
   actionTypes: {
@@ -87,7 +87,7 @@ const Users = createEntity({
   },
 
   actionDecorators: {
-    create: thunkCreator => user => async (dispatch, getState) => {
+    create: (thunkCreator) => (user) => async (dispatch, getState) => {
       if (!MetabaseSettings.isEmailConfigured()) {
         user = {
           ...user,
@@ -104,7 +104,7 @@ const Users = createEntity({
         ...result,
       };
     },
-    update: thunkCreator => user => async (dispatch, getState) => {
+    update: (thunkCreator) => (user) => async (dispatch, getState) => {
       const result = await thunkCreator(user)(dispatch, getState);
       if (user.user_group_memberships) {
         // group ids were just updated
@@ -117,7 +117,7 @@ const Users = createEntity({
   objectActions: {
     resetPasswordEmail:
       ({ email }) =>
-      async dispatch => {
+      async (dispatch) => {
         await entityCompatibleQuery(
           email,
           dispatch,
@@ -127,7 +127,7 @@ const Users = createEntity({
       },
     resetPasswordManual:
       async ({ id }, password = generatePassword()) =>
-      async dispatch => {
+      async (dispatch) => {
         await entityCompatibleQuery(
           { id, password },
           dispatch,
@@ -137,7 +137,7 @@ const Users = createEntity({
       },
     deactivate:
       ({ id }) =>
-      async dispatch => {
+      async (dispatch) => {
         await entityCompatibleQuery(
           id,
           dispatch,
@@ -147,7 +147,7 @@ const Users = createEntity({
       },
     reactivate:
       ({ id }) =>
-      async dispatch => {
+      async (dispatch) => {
         const user = await entityCompatibleQuery(
           id,
           dispatch,
diff --git a/frontend/src/metabase/forms/components/FormProvider/FormProvider.tsx b/frontend/src/metabase/forms/components/FormProvider/FormProvider.tsx
index 18f7e35c3a0..3e985faff64 100644
--- a/frontend/src/metabase/forms/components/FormProvider/FormProvider.tsx
+++ b/frontend/src/metabase/forms/components/FormProvider/FormProvider.tsx
@@ -29,7 +29,7 @@ export function FormProvider<T extends FormikValues, C = unknown>({
     () => ({
       ...state,
       setStatus: (status: FormStatus) =>
-        setState(state => ({ ...state, status })),
+        setState((state) => ({ ...state, status })),
     }),
     [state, setState],
   );
diff --git a/frontend/src/metabase/hoc/Background.jsx b/frontend/src/metabase/hoc/Background.jsx
index 865c8f24ac5..a94cb37477b 100644
--- a/frontend/src/metabase/hoc/Background.jsx
+++ b/frontend/src/metabase/hoc/Background.jsx
@@ -3,7 +3,7 @@ import { Component } from "react";
 /**
  * @deprecated HOCs are deprecated
  */
-export const withBackground = className => ComposedComponent => {
+export const withBackground = (className) => (ComposedComponent) => {
   return class extends Component {
     static displayName = "BackgroundApplicator";
 
diff --git a/frontend/src/metabase/hoc/Remapped.jsx b/frontend/src/metabase/hoc/Remapped.jsx
index fd7b182e432..e49d11bce34 100644
--- a/frontend/src/metabase/hoc/Remapped.jsx
+++ b/frontend/src/metabase/hoc/Remapped.jsx
@@ -16,7 +16,7 @@ const mapDispatchToProps = {
 /**
  * @deprecated HOCs are deprecated
  */
-export default ComposedComponent =>
+export default (ComposedComponent) =>
   connect(
     mapStateToProps,
     mapDispatchToProps,
diff --git a/frontend/src/metabase/hoc/RenderPropToHOC.jsx b/frontend/src/metabase/hoc/RenderPropToHOC.jsx
index f1e8c62770f..ce36d46ec8b 100644
--- a/frontend/src/metabase/hoc/RenderPropToHOC.jsx
+++ b/frontend/src/metabase/hoc/RenderPropToHOC.jsx
@@ -1,8 +1,8 @@
 export default function renderPropToHoc(RenderPropComponent) {
   // eslint-disable-next-line react/display-name
-  return ComposedComponent => props => (
+  return (ComposedComponent) => (props) => (
     <RenderPropComponent {...props}>
-      {childrenProps => <ComposedComponent {...props} {...childrenProps} />}
+      {(childrenProps) => <ComposedComponent {...props} {...childrenProps} />}
     </RenderPropComponent>
   );
 }
diff --git a/frontend/src/metabase/hoc/Title.jsx b/frontend/src/metabase/hoc/Title.jsx
index c25ffaaba11..3a57c0bffa6 100644
--- a/frontend/src/metabase/hoc/Title.jsx
+++ b/frontend/src/metabase/hoc/Title.jsx
@@ -10,8 +10,8 @@ const SEPARATOR = " · ";
 const updateDocumentTitle = _.debounce(() => {
   document.title = componentStack
     .sort((a, b) => (a._titleIndex || 0) - (b._titleIndex || 0))
-    .map(component => component._documentTitle)
-    .filter(title => title)
+    .map((component) => component._documentTitle)
+    .filter((title) => title)
     .reverse()
     .join(SEPARATOR);
 });
@@ -19,7 +19,7 @@ const updateDocumentTitle = _.debounce(() => {
 /**
  * @deprecated HOCs are deprecated
  */
-const title = documentTitleOrGetter => ComposedComponent =>
+const title = (documentTitleOrGetter) => (ComposedComponent) =>
   class extends Component {
     static displayName =
       "Title[" +
@@ -80,7 +80,7 @@ export default title;
  * Component version of the title HOC
  * @param {string} props.title
  */
-export const SetTitle = props => {
+export const SetTitle = (props) => {
   const Component = title(props.title)(() => null);
   return <Component />;
 };
diff --git a/frontend/src/metabase/hoc/TitleWithLoadingTime.jsx b/frontend/src/metabase/hoc/TitleWithLoadingTime.jsx
index f6c0115862a..0954692c510 100644
--- a/frontend/src/metabase/hoc/TitleWithLoadingTime.jsx
+++ b/frontend/src/metabase/hoc/TitleWithLoadingTime.jsx
@@ -6,7 +6,7 @@ const SECONDS_UNTIL_DISPLAY = 10;
 /**
  * @deprecated HOCs are deprecated
  */
-export default startTimePropName => ComposedComponent =>
+export default (startTimePropName) => (ComposedComponent) =>
   title(({ [startTimePropName]: startTime, isRunning }) => {
     if (startTime == null || !isRunning) {
       return "";
@@ -17,7 +17,7 @@ export default startTimePropName => ComposedComponent =>
         ? "" // don't display the title until SECONDS_UNTIL_DISPLAY have elapsed
         : [totalSeconds / 60, totalSeconds % 60] // minutes, seconds
             .map(Math.floor) // round both down
-            .map(x => (x < 10 ? `0${x}` : `${x}`)) // pad with "0" to two digits
+            .map((x) => (x < 10 ? `0${x}` : `${x}`)) // pad with "0" to two digits
             .join(":"); // separate with ":"
     return { title, refresh: delay(100) };
   })(
diff --git a/frontend/src/metabase/hoc/Toast.jsx b/frontend/src/metabase/hoc/Toast.jsx
index 39ae0441aca..19d3cf7da66 100644
--- a/frontend/src/metabase/hoc/Toast.jsx
+++ b/frontend/src/metabase/hoc/Toast.jsx
@@ -11,7 +11,7 @@ const mapDispatchToProps = {
 /**
  * @deprecated HOCs are deprecated
  */
-const withToaster = ComposedComponent => {
+const withToaster = (ComposedComponent) => {
   class ToastedComponent extends Component {
     _triggerToast = (message, options = {}) => {
       const { addUndo } = this.props;
diff --git a/frontend/src/metabase/hoc/Typeahead.jsx b/frontend/src/metabase/hoc/Typeahead.jsx
index 704a5883029..ebcbbe1ef44 100644
--- a/frontend/src/metabase/hoc/Typeahead.jsx
+++ b/frontend/src/metabase/hoc/Typeahead.jsx
@@ -24,7 +24,7 @@ export default ({
     defaultFirstSuggestion = false,
     defaultSingleSuggestion = false,
   }) =>
-  ComposedComponent =>
+  (ComposedComponent) =>
     class extends Component {
       static displayName =
         "Typeahead[" +
@@ -52,7 +52,7 @@ export default ({
         window.removeEventListener("keydown", this.onKeyDown, true);
       }
 
-      onKeyDown = e => {
+      onKeyDown = (e) => {
         if (e.keyCode === KEYCODE_UP) {
           e.preventDefault();
           this.onPressUp();
@@ -82,7 +82,7 @@ export default ({
       }
 
       indexOfSelectedSuggestion() {
-        return _.findIndex(this.state.suggestions, suggestion =>
+        return _.findIndex(this.state.suggestions, (suggestion) =>
           optionIsEqual(suggestion, this.state.selectedSuggestion),
         );
       }
@@ -97,7 +97,7 @@ export default ({
         });
       }
 
-      onSuggestionAccepted = suggestion => {
+      onSuggestionAccepted = (suggestion) => {
         this.props.onSuggestionAccepted(suggestion);
       };
 
diff --git a/frontend/src/metabase/hoc/Uncontrollable.jsx b/frontend/src/metabase/hoc/Uncontrollable.jsx
index 0519c91a904..63400185aa2 100644
--- a/frontend/src/metabase/hoc/Uncontrollable.jsx
+++ b/frontend/src/metabase/hoc/Uncontrollable.jsx
@@ -6,7 +6,7 @@ import { getDisplayName } from "./utils";
 // wraps a component that takes `value` and `onChange` and allows it to be "uncontrolled"
 // i.e. https://reactjs.org/docs/uncontrolled-components.html
 
-const Uncontrollable = () => WrappedComponent =>
+const Uncontrollable = () => (WrappedComponent) =>
   class extends Component {
     static displayName = `Uncontrollable(${getDisplayName(WrappedComponent)})`;
 
@@ -26,7 +26,7 @@ const Uncontrollable = () => WrappedComponent =>
       defaultValue: PropTypes.any,
     };
 
-    handleChange = e => {
+    handleChange = (e) => {
       this.setState({ value: e.target.value });
       this.props.onChange?.(e);
     };
diff --git a/frontend/src/metabase/hoc/__mocks__/Remapped.jsx b/frontend/src/metabase/hoc/__mocks__/Remapped.jsx
index 286a52d70ae..a8348472d9b 100644
--- a/frontend/src/metabase/hoc/__mocks__/Remapped.jsx
+++ b/frontend/src/metabase/hoc/__mocks__/Remapped.jsx
@@ -1,6 +1,6 @@
 /**
  * @deprecated HOCs are deprecated
  */
-const MockRemapped = ComposedComponent => ComposedComponent;
+const MockRemapped = (ComposedComponent) => ComposedComponent;
 
 export default MockRemapped;
diff --git a/frontend/src/metabase/home/components/EmbedHomepage/Badge.ts b/frontend/src/metabase/home/components/EmbedHomepage/Badge.ts
index 4555ea8f31d..4a801f8ee18 100644
--- a/frontend/src/metabase/home/components/EmbedHomepage/Badge.ts
+++ b/frontend/src/metabase/home/components/EmbedHomepage/Badge.ts
@@ -35,7 +35,7 @@ export const Badge = styled.span<{
   font-size: ${({ fz, theme }) => (fz ? theme.fontSizes[fz] : "0.625rem")};
   font-weight: 700;
   border-radius: 4px;
-  text-transform: ${props =>
+  text-transform: ${(props) =>
     (props.uppercase ?? true) ? "uppercase" : "none"};
   color: ${({ color }) => COLOR_VARIANTS[color].color};
   background: ${({ color }) => COLOR_VARIANTS[color].background};
diff --git a/frontend/src/metabase/home/components/EmbedHomepage/EmbedHomepage.stories.tsx b/frontend/src/metabase/home/components/EmbedHomepage/EmbedHomepage.stories.tsx
index 3fcb6eb9b5a..923bff4facb 100644
--- a/frontend/src/metabase/home/components/EmbedHomepage/EmbedHomepage.stories.tsx
+++ b/frontend/src/metabase/home/components/EmbedHomepage/EmbedHomepage.stories.tsx
@@ -21,7 +21,7 @@ export default meta;
 type Story = StoryObj<Args>;
 
 export const Default: Story = {
-  render: args => {
+  render: (args) => {
     return (
       <EmbedHomepageView
         {...args}
diff --git a/frontend/src/metabase/home/components/EmbedHomepage/EmbedHomepage.tsx b/frontend/src/metabase/home/components/EmbedHomepage/EmbedHomepage.tsx
index 05c3d1a19a1..652361e58f2 100644
--- a/frontend/src/metabase/home/components/EmbedHomepage/EmbedHomepage.tsx
+++ b/frontend/src/metabase/home/components/EmbedHomepage/EmbedHomepage.tsx
@@ -20,28 +20,28 @@ export const EmbedHomepage = () => {
   const exampleDashboardId = useSetting("example-dashboard-id");
   const [sendProductFeedback] = useSendProductFeedbackMutation();
 
-  const interactiveEmbeddingQuickStartUrl = useSelector(state =>
+  const interactiveEmbeddingQuickStartUrl = useSelector((state) =>
     // eslint-disable-next-line no-unconditional-metabase-links-render -- only visible to admins
     getDocsUrl(state, {
       page: "embedding/interactive-embedding-quick-start-guide",
     }),
   );
-  const embeddingDocsUrl = useSelector(state =>
+  const embeddingDocsUrl = useSelector((state) =>
     // eslint-disable-next-line no-unconditional-metabase-links-render -- only visible to admins
     getDocsUrl(state, { page: "embedding/start" }),
   );
 
-  const learnMoreInteractiveEmbedding = useSelector(state =>
+  const learnMoreInteractiveEmbedding = useSelector((state) =>
     // eslint-disable-next-line no-unconditional-metabase-links-render -- this is only visible to admins
     getDocsUrl(state, { page: "embedding/interactive-embedding" }),
   );
 
-  const learnMoreStaticEmbedding = useSelector(state =>
+  const learnMoreStaticEmbedding = useSelector((state) =>
     // eslint-disable-next-line no-unconditional-metabase-links-render -- this is only visible to admins
     getDocsUrl(state, { page: "embedding/static-embedding" }),
   );
 
-  const plan = useSelector(state =>
+  const plan = useSelector((state) =>
     getPlan(getSetting(state, "token-features")),
   );
 
diff --git a/frontend/src/metabase/home/components/EmbedHomepage/FeedbackModal.tsx b/frontend/src/metabase/home/components/EmbedHomepage/FeedbackModal.tsx
index d568dec1f9d..381227aff4a 100644
--- a/frontend/src/metabase/home/components/EmbedHomepage/FeedbackModal.tsx
+++ b/frontend/src/metabase/home/components/EmbedHomepage/FeedbackModal.tsx
@@ -49,7 +49,7 @@ export const FeedbackModal = ({
           label={t`Feedback`}
           name="comment"
           placeholder={t`Tell us what happened`}
-          onChange={e => setComment(e.currentTarget.value)}
+          onChange={(e) => setComment(e.currentTarget.value)}
           minRows={3}
         />
 
@@ -58,7 +58,7 @@ export const FeedbackModal = ({
           type="email"
           name="email"
           placeholder={t`Leave your email if you want us to follow up with you`}
-          onChange={e => setEmail(e.currentTarget.value)}
+          onChange={(e) => setEmail(e.currentTarget.value)}
         />
 
         <Group justify="flex-end">
diff --git a/frontend/src/metabase/home/components/HomeCaption/HomeCaption.styled.tsx b/frontend/src/metabase/home/components/HomeCaption/HomeCaption.styled.tsx
index c833acc9823..b60fbbd03a1 100644
--- a/frontend/src/metabase/home/components/HomeCaption/HomeCaption.styled.tsx
+++ b/frontend/src/metabase/home/components/HomeCaption/HomeCaption.styled.tsx
@@ -11,7 +11,7 @@ interface CaptionProps {
 export const CaptionRoot = styled.div<CaptionProps>`
   display: flex;
   align-items: center;
-  color: ${props =>
+  color: ${(props) =>
     props.primary ? color("text-dark") : color("text-medium")};
   font-weight: bold;
   margin-bottom: 1.5rem;
diff --git a/frontend/src/metabase/home/components/HomeGreeting/HomeGreeting.styled.tsx b/frontend/src/metabase/home/components/HomeGreeting/HomeGreeting.styled.tsx
index 0d5c0c008ee..feba71e2009 100644
--- a/frontend/src/metabase/home/components/HomeGreeting/HomeGreeting.styled.tsx
+++ b/frontend/src/metabase/home/components/HomeGreeting/HomeGreeting.styled.tsx
@@ -25,7 +25,7 @@ export const GreetingLogo = styled(MetabotLogo)<{ isCool: boolean }>`
   width: 100%;
   position: absolute;
   top: 0;
-  opacity: ${props => (props.isCool ? 1 : 0)};
+  opacity: ${(props) => (props.isCool ? 1 : 0)};
 `;
 
 interface GreetingMessageProps {
@@ -34,12 +34,12 @@ interface GreetingMessageProps {
 
 export const GreetingMessage = styled.span<GreetingMessageProps>`
   color: var(--mb-color-text-dark);
-  font-size: ${props => (props.showLogo ? "1.125rem" : "1.25rem")};
+  font-size: ${(props) => (props.showLogo ? "1.125rem" : "1.25rem")};
   font-weight: bold;
   line-height: 1.5rem;
-  margin-left: ${props => props.showLogo && "0.5rem"};
+  margin-left: ${(props) => props.showLogo && "0.5rem"};
 
   ${breakpointMinExtraLarge} {
-    font-size: ${props => (props.showLogo ? "1.25rem" : "1.5rem")};
+    font-size: ${(props) => (props.showLogo ? "1.25rem" : "1.5rem")};
   }
 `;
diff --git a/frontend/src/metabase/home/components/HomeGreeting/HomeGreeting.tsx b/frontend/src/metabase/home/components/HomeGreeting/HomeGreeting.tsx
index 7187ffd6b4c..efe5c10e7c8 100644
--- a/frontend/src/metabase/home/components/HomeGreeting/HomeGreeting.tsx
+++ b/frontend/src/metabase/home/components/HomeGreeting/HomeGreeting.tsx
@@ -52,7 +52,7 @@ const MetabotGreeting = () => {
 
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
-      setBuffer(prevBuffer => {
+      setBuffer((prevBuffer) => {
         const newBuffer = [...prevBuffer, event.key];
         if (newBuffer.length > 10) {
           newBuffer.shift();
diff --git a/frontend/src/metabase/home/components/HomePopularSection/HomePopularSection.tsx b/frontend/src/metabase/home/components/HomePopularSection/HomePopularSection.tsx
index 03f37b43c37..067789727be 100644
--- a/frontend/src/metabase/home/components/HomePopularSection/HomePopularSection.tsx
+++ b/frontend/src/metabase/home/components/HomePopularSection/HomePopularSection.tsx
@@ -44,7 +44,7 @@ export const HomePopularSection = (): JSX.Element => {
 };
 
 const getTitle = (popularItems: PopularItem[]) => {
-  const models = _.uniq(popularItems.map(item => item.model));
+  const models = _.uniq(popularItems.map((item) => item.model));
 
   if (models.length !== 1) {
     return t`Here are some popular items`;
diff --git a/frontend/src/metabase/home/components/HomeRecentSection/HomeRecentSection.tsx b/frontend/src/metabase/home/components/HomeRecentSection/HomeRecentSection.tsx
index c3f3fd1119f..e8648da2ed2 100644
--- a/frontend/src/metabase/home/components/HomeRecentSection/HomeRecentSection.tsx
+++ b/frontend/src/metabase/home/components/HomeRecentSection/HomeRecentSection.tsx
@@ -45,5 +45,5 @@ export const HomeRecentSection = () => {
 };
 
 export const recentsFilter = (results: RecentItem[]): RecentItem[] => {
-  return results.filter(item => item.model !== "collection").slice(0, 5);
+  return results.filter((item) => item.model !== "collection").slice(0, 5);
 };
diff --git a/frontend/src/metabase/home/components/HomeXraySection/HomeXraySection.tsx b/frontend/src/metabase/home/components/HomeXraySection/HomeXraySection.tsx
index 895b7709941..e1cf1036ba3 100644
--- a/frontend/src/metabase/home/components/HomeXraySection/HomeXraySection.tsx
+++ b/frontend/src/metabase/home/components/HomeXraySection/HomeXraySection.tsx
@@ -64,9 +64,9 @@ interface HomeXrayViewProps {
 
 const HomeXrayView = ({ database, candidates = [] }: HomeXrayViewProps) => {
   const isSample = database.is_sample;
-  const schemas = candidates.map(d => d.schema);
+  const schemas = candidates.map((d) => d.schema);
   const [schema, setSchema] = useState(schemas[0]);
-  const candidate = candidates.find(d => d.schema === schema);
+  const candidate = candidates.find((d) => d.schema === schema);
   const tableCount = candidate ? candidate.tables.length : 0;
   const tableMessages = useMemo(() => getMessages(tableCount), [tableCount]);
   const canSelectSchema = schemas.length > 1;
@@ -157,8 +157,12 @@ const DatabaseInfo = ({ database }: DatabaseInfoProps) => {
 };
 
 const getXrayDatabase = (databases: Database[] | undefined = []) => {
-  const sampleDatabase = databases.find(d => d.is_sample && isSyncCompleted(d));
-  const userDatabase = databases.find(d => !d.is_sample && isSyncCompleted(d));
+  const sampleDatabase = databases.find(
+    (d) => d.is_sample && isSyncCompleted(d),
+  );
+  const userDatabase = databases.find(
+    (d) => !d.is_sample && isSyncCompleted(d),
+  );
   return userDatabase ?? sampleDatabase;
 };
 
@@ -172,7 +176,7 @@ const getMessages = (count: number) => {
 
   return _.chain(count)
     .range()
-    .map(index => options[index % options.length])
+    .map((index) => options[index % options.length])
     .sample(count)
     .value();
 };
diff --git a/frontend/src/metabase/home/components/Onboarding/Onboarding.tsx b/frontend/src/metabase/home/components/Onboarding/Onboarding.tsx
index cb036cbfa05..30c45c11306 100644
--- a/frontend/src/metabase/home/components/Onboarding/Onboarding.tsx
+++ b/frontend/src/metabase/home/components/Onboarding/Onboarding.tsx
@@ -93,7 +93,7 @@ export const Onboarding = () => {
     cardType: "question",
   });
 
-  const lastUsedDatabaseId = useSelector(state =>
+  const lastUsedDatabaseId = useSelector((state) =>
     getSetting(state, "last-used-native-database-id"),
   );
 
@@ -155,40 +155,40 @@ export const Onboarding = () => {
     utm_content: "getting-started",
   };
 
-  const docsLink = useSelector(state =>
+  const docsLink = useSelector((state) =>
     getDocsUrl(state, {
       utm: utmTags,
     }),
   );
 
-  const sqlParamsDocsLink = useSelector(state =>
+  const sqlParamsDocsLink = useSelector((state) =>
     getDocsUrl(state, {
       page: "questions/native-editor/sql-parameters",
       utm: utmTags,
     }),
   );
-  const dashboardTabsDocsLink = useSelector(state =>
+  const dashboardTabsDocsLink = useSelector((state) =>
     getDocsUrl(state, {
       page: "dashboards/introduction",
       anchor: "dashboard-tabs",
       utm: utmTags,
     }),
   );
-  const goalLineAlertDocsLink = useSelector(state =>
+  const goalLineAlertDocsLink = useSelector((state) =>
     getDocsUrl(state, {
       page: "questions/sharing/alerts",
       anchor: "goal-line-alerts",
       utm: utmTags,
     }),
   );
-  const progressBarAlertDocsLink = useSelector(state =>
+  const progressBarAlertDocsLink = useSelector((state) =>
     getDocsUrl(state, {
       page: "questions/sharing/alerts",
       anchor: "progress-bar-alerts",
       utm: utmTags,
     }),
   );
-  const resultAlertDocsLink = useSelector(state =>
+  const resultAlertDocsLink = useSelector((state) =>
     getDocsUrl(state, {
       page: "questions/sharing/alerts",
       anchor: "results-alerts",
diff --git a/frontend/src/metabase/home/components/Onboarding/tests/common.unit.spec.tsx b/frontend/src/metabase/home/components/Onboarding/tests/common.unit.spec.tsx
index b93cef74a1c..78ae17f855b 100644
--- a/frontend/src/metabase/home/components/Onboarding/tests/common.unit.spec.tsx
+++ b/frontend/src/metabase/home/components/Onboarding/tests/common.unit.spec.tsx
@@ -31,7 +31,7 @@ describe("Onboarding", () => {
       "Start visualizing your data",
       "Get email updates and alerts",
       "Get the most out of Metabase",
-    ].forEach(section => {
+    ].forEach((section) => {
       expect(
         screen.getByRole("heading", { name: section }),
       ).toBeInTheDocument();
@@ -45,7 +45,7 @@ describe("Onboarding", () => {
       "Start visualizing your data",
       "Get email updates and alerts",
       "Get the most out of Metabase",
-    ].forEach(section => {
+    ].forEach((section) => {
       expect(
         screen.getByRole("heading", { name: section }),
       ).toBeInTheDocument();
@@ -139,7 +139,7 @@ describe("Onboarding", () => {
     "dashboard",
     "subscription",
     "alert",
-  ])("%s CTA should not be visible to non-admins", item => {
+  ])("%s CTA should not be visible to non-admins", (item) => {
     setup({ isAdmin: false, openItem: item });
 
     expect(screen.getByTestId(`${item}-item`)).toHaveAttribute(
@@ -363,7 +363,7 @@ describe("Onboarding", () => {
 
     it.each<ChecklistItemValue>(["subscription", "alert"])(
       "should not render %s email and slack setup links for hosted instances",
-      item => {
+      (item) => {
         setup({ openItem: item, isHosted: true });
         expect(
           screen.queryByTestId(`${item}-communication-setup`),
@@ -424,7 +424,7 @@ describe("Onboarding", () => {
 
     it.each<ChecklistItemValue>(["subscription", "alert"])(
       "should not render %s email and Slack setup links for hosted instances",
-      i => {
+      (i) => {
         setup({ openItem: i, isHosted: true });
         expect(
           screen.queryByTestId(`${i}-communication-setup`),
diff --git a/frontend/src/metabase/home/components/Onboarding/tests/premium.unit.spec.tsx b/frontend/src/metabase/home/components/Onboarding/tests/premium.unit.spec.tsx
index fb9abbf0359..6c391ea1275 100644
--- a/frontend/src/metabase/home/components/Onboarding/tests/premium.unit.spec.tsx
+++ b/frontend/src/metabase/home/components/Onboarding/tests/premium.unit.spec.tsx
@@ -63,7 +63,7 @@ describe("Onboarding (EE with token)", () => {
       const progressCopy = within(alertItem).getByText(/Progress bar alerts/);
       const resultCopy = within(alertItem).getByText(/Results alerts/);
 
-      [goalCopy, progressCopy, resultCopy].forEach(copy => {
+      [goalCopy, progressCopy, resultCopy].forEach((copy) => {
         expect(copy).not.toHaveAttribute("href");
       });
     });
diff --git a/frontend/src/metabase/hooks/use-callback-effect/use-callback-effect.ts b/frontend/src/metabase/hooks/use-callback-effect/use-callback-effect.ts
index 50dcbf0138e..e1aa90c44a0 100644
--- a/frontend/src/metabase/hooks/use-callback-effect/use-callback-effect.ts
+++ b/frontend/src/metabase/hooks/use-callback-effect/use-callback-effect.ts
@@ -17,7 +17,7 @@ export const useCallbackEffect = (): [IsScheduled, ScheduleCallback] => {
    * Schedule callback to run once after a re-render.
    */
   const scheduleCallback = useCallback((callback: Callback) => {
-    setCallback(state => {
+    setCallback((state) => {
       if (state !== null) {
         throw new Error("A callback is already scheduled");
       }
diff --git a/frontend/src/metabase/hooks/use-confirm-route-leave-modal.ts b/frontend/src/metabase/hooks/use-confirm-route-leave-modal.ts
index a07f298e9e1..29fd8a90d74 100644
--- a/frontend/src/metabase/hooks/use-confirm-route-leave-modal.ts
+++ b/frontend/src/metabase/hooks/use-confirm-route-leave-modal.ts
@@ -52,7 +52,7 @@ export const useConfirmRouteLeaveModal = ({
   useBeforeUnload(isEnabled);
 
   useEffect(() => {
-    const removeLeaveHook = router.setRouteLeaveHook(route, location => {
+    const removeLeaveHook = router.setRouteLeaveHook(route, (location) => {
       if (isEnabled && !isConfirmed && !isLocationAllowed?.(location)) {
         setOpened(true);
         setNextLocation(location);
diff --git a/frontend/src/metabase/hooks/use-force-update.ts b/frontend/src/metabase/hooks/use-force-update.ts
index a56e24559a2..9a9f4670481 100644
--- a/frontend/src/metabase/hooks/use-force-update.ts
+++ b/frontend/src/metabase/hooks/use-force-update.ts
@@ -2,6 +2,6 @@ import { useReducer } from "react";
 
 // https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate
 export function useForceUpdate() {
-  const [, forceUpdate] = useReducer(x => x + 1, 0);
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
   return forceUpdate;
 }
diff --git a/frontend/src/metabase/hooks/use-is-truncated.ts b/frontend/src/metabase/hooks/use-is-truncated.ts
index e0dc7fe56ea..115dc915a3a 100644
--- a/frontend/src/metabase/hooks/use-is-truncated.ts
+++ b/frontend/src/metabase/hooks/use-is-truncated.ts
@@ -65,7 +65,7 @@ export const useAreAnyTruncated = <E extends Element>({
     [...elementsMap.entries()].forEach(([elementKey, element]) => {
       const handleResize = () => {
         const isTruncated = getIsTruncated(element);
-        setTruncationStatusByKey(statuses => {
+        setTruncationStatusByKey((statuses) => {
           const newStatuses = new Map(statuses);
           newStatuses.set(elementKey, isTruncated);
           return newStatuses;
@@ -79,7 +79,7 @@ export const useAreAnyTruncated = <E extends Element>({
     });
 
     return () => {
-      unsubscribeFns.forEach(fn => fn());
+      unsubscribeFns.forEach((fn) => fn());
     };
   }, [disabled]);
 
diff --git a/frontend/src/metabase/hooks/use-list-keyboard-navigation/use-list-keyboard-navigation.ts b/frontend/src/metabase/hooks/use-list-keyboard-navigation/use-list-keyboard-navigation.ts
index 7b871df94ed..032bfddcf68 100644
--- a/frontend/src/metabase/hooks/use-list-keyboard-navigation/use-list-keyboard-navigation.ts
+++ b/frontend/src/metabase/hooks/use-list-keyboard-navigation/use-list-keyboard-navigation.ts
@@ -35,7 +35,7 @@ export const useListKeyboardNavigation = <
   }, [cursorIndex]);
 
   const handleKeyDown: EventListener = useCallback(
-    event => {
+    (event) => {
       const { key } = event as KeyboardEvent;
       switch (key) {
         case "ArrowDown":
diff --git a/frontend/src/metabase/hooks/use-list-select.ts b/frontend/src/metabase/hooks/use-list-select.ts
index 56278e9292c..ae1985a468e 100644
--- a/frontend/src/metabase/hooks/use-list-select.ts
+++ b/frontend/src/metabase/hooks/use-list-select.ts
@@ -35,7 +35,7 @@ export function useListSelect<T>(
       const isItemSelected = getIsSelected(itemBeingToggled);
 
       const newSelected = isItemSelected
-        ? selected.filter(item => keyFn(item) !== keyFn(itemBeingToggled))
+        ? selected.filter((item) => keyFn(item) !== keyFn(itemBeingToggled))
         : [...selected, itemBeingToggled];
       const newSelectedKeys = new Set(newSelected.map(keyFn));
 
diff --git a/frontend/src/metabase/hooks/use-list-select.unit.spec.ts b/frontend/src/metabase/hooks/use-list-select.unit.spec.ts
index 667ebab6bd3..fe0e3819018 100644
--- a/frontend/src/metabase/hooks/use-list-select.unit.spec.ts
+++ b/frontend/src/metabase/hooks/use-list-select.unit.spec.ts
@@ -72,7 +72,7 @@ describe("useListSelect", () => {
     act(() => result.current.selectOnlyTheseItems(itemsToSelect));
 
     expect(result.current.getIsSelected(firstSelection)).toBeFalsy();
-    itemsToSelect.forEach(item => {
+    itemsToSelect.forEach((item) => {
       expect(result.current.getIsSelected(item)).toBeTruthy();
     });
   });
diff --git a/frontend/src/metabase/hooks/use-modal.ts b/frontend/src/metabase/hooks/use-modal.ts
index 8f055d8a0de..11179641dac 100644
--- a/frontend/src/metabase/hooks/use-modal.ts
+++ b/frontend/src/metabase/hooks/use-modal.ts
@@ -11,6 +11,6 @@ export const useModal = (initialValue = false): ModalHookResult => {
   const [opened, setOpened] = useState<boolean>(initialValue);
   const open = useCallback(() => setOpened(true), []);
   const close = useCallback(() => setOpened(false), []);
-  const toggle = useCallback(() => setOpened(current => !current), []);
+  const toggle = useCallback(() => setOpened((current) => !current), []);
   return { opened, open, close, toggle };
 };
diff --git a/frontend/src/metabase/hooks/use-most-recent-call/use-most-recent-call.unit.spec.tsx b/frontend/src/metabase/hooks/use-most-recent-call/use-most-recent-call.unit.spec.tsx
index fef81f83e15..50bbc10fa87 100644
--- a/frontend/src/metabase/hooks/use-most-recent-call/use-most-recent-call.unit.spec.tsx
+++ b/frontend/src/metabase/hooks/use-most-recent-call/use-most-recent-call.unit.spec.tsx
@@ -18,10 +18,10 @@ function TestComponent({
 
   useEffect(() => {
     fn(trigger)
-      .then(res => {
+      .then((res) => {
         setNum(res);
       })
-      .catch(err => {
+      .catch((err) => {
         setNum(err);
       });
   }, [fn, trigger]);
@@ -40,7 +40,7 @@ describe("useMostRecentCall", () => {
   it("should only ever resolve last call's promise", async () => {
     const resolveFnMap: Record<number, () => void> = {};
     const asyncFn: TestAsyncFn = (num: number) =>
-      new Promise(resolve => {
+      new Promise((resolve) => {
         resolveFnMap[num] = resolve.bind(null, num);
       });
 
diff --git a/frontend/src/metabase/hooks/use-pagination.ts b/frontend/src/metabase/hooks/use-pagination.ts
index d3a8e1f525e..242cf74f483 100644
--- a/frontend/src/metabase/hooks/use-pagination.ts
+++ b/frontend/src/metabase/hooks/use-pagination.ts
@@ -4,11 +4,11 @@ export const usePagination = (initialPage = 0) => {
   const [page, setPage] = useState(initialPage);
 
   const handleNextPage = useCallback(
-    () => setPage(prev => prev + 1),
+    () => setPage((prev) => prev + 1),
     [setPage],
   );
   const handlePreviousPage = useCallback(
-    () => setPage(prev => prev - 1),
+    () => setPage((prev) => prev - 1),
     [setPage],
   );
 
diff --git a/frontend/src/metabase/hooks/use-toggle.ts b/frontend/src/metabase/hooks/use-toggle.ts
index 98c6d2817fb..80b25ef75b4 100644
--- a/frontend/src/metabase/hooks/use-toggle.ts
+++ b/frontend/src/metabase/hooks/use-toggle.ts
@@ -19,7 +19,7 @@ export function useToggle(initialValue = false): ToggleHookResult {
 
   const turnOff = useCallback(() => setValue(false), []);
 
-  const toggle = useCallback(() => setValue(current => !current), []);
+  const toggle = useCallback(() => setValue((current) => !current), []);
 
   return [value, { turnOn, turnOff, toggle }];
 }
diff --git a/frontend/src/metabase/hooks/use-web-notification.ts b/frontend/src/metabase/hooks/use-web-notification.ts
index 1f0456eb683..042bf3618d5 100644
--- a/frontend/src/metabase/hooks/use-web-notification.ts
+++ b/frontend/src/metabase/hooks/use-web-notification.ts
@@ -26,7 +26,7 @@ export function useWebNotification() {
       notification.close();
     };
 
-    notification.addEventListener("click", e => {
+    notification.addEventListener("click", (e) => {
       e.preventDefault();
       window.focus();
     });
@@ -35,7 +35,7 @@ export function useWebNotification() {
 
     document.addEventListener(
       "visibilitychange",
-      e => {
+      (e) => {
         closeNotification(e);
         window.removeEventListener("beforeunload", closeNotification);
       },
diff --git a/frontend/src/metabase/lib/analytics-untyped.js b/frontend/src/metabase/lib/analytics-untyped.js
index 3951b270341..b9741be6f23 100644
--- a/frontend/src/metabase/lib/analytics-untyped.js
+++ b/frontend/src/metabase/lib/analytics-untyped.js
@@ -3,7 +3,7 @@ import * as Snowplow from "@snowplow/browser-tracker";
 import Settings from "metabase/lib/settings";
 import { getUserId } from "metabase/selectors/user";
 
-export const trackPageView = url => {
+export const trackPageView = (url) => {
   if (!url || !Settings.trackingEnabled()) {
     return;
   }
@@ -12,13 +12,13 @@ export const trackPageView = url => {
     trackSnowplowPageView(getSanitizedUrl(url));
   }
 };
-export const createTracker = store => {
+export const createTracker = (store) => {
   if (Settings.snowplowEnabled()) {
     createSnowplowTracker(store);
   }
 };
 
-const createSnowplowPlugin = store => {
+const createSnowplowPlugin = (store) => {
   return {
     beforeTrack: () => {
       const userId = getUserId(store.getState());
@@ -47,7 +47,7 @@ const createSnowplowPlugin = store => {
   };
 };
 
-const createSnowplowTracker = store => {
+const createSnowplowTracker = (store) => {
   Snowplow.newTracker("sp", Settings.snowplowUrl(), {
     appId: "metabase",
     platform: "web",
@@ -60,13 +60,13 @@ const createSnowplowTracker = store => {
   });
 };
 
-const trackSnowplowPageView = url => {
+const trackSnowplowPageView = (url) => {
   Snowplow.setReferrerUrl("#");
   Snowplow.setCustomUrl(url);
   Snowplow.trackPageView();
 };
 
-const getSanitizedUrl = url => {
+const getSanitizedUrl = (url) => {
   const urlWithoutSlug = url.replace(/(\/\d+)-[^\/]+$/, (match, path) => path);
   const urlWithoutHost = new URL(urlWithoutSlug, Settings.snowplowUrl());
 
diff --git a/frontend/src/metabase/lib/api.js b/frontend/src/metabase/lib/api.js
index 4c2d85b4ba0..9687c4e60c6 100644
--- a/frontend/src/metabase/lib/api.js
+++ b/frontend/src/metabase/lib/api.js
@@ -286,9 +286,9 @@ export class Api extends EventEmitter {
     });
 
     return fetch(request)
-      .then(response => {
+      .then((response) => {
         const unreadResponse = response.clone();
-        return response.text().then(body => {
+        return response.text().then((body) => {
           if (options.json) {
             try {
               body = JSON.parse(body);
@@ -323,7 +323,7 @@ export class Api extends EventEmitter {
           }
         });
       })
-      .catch(error => {
+      .catch((error) => {
         if (signal.aborted) {
           throw { isCancelled: true };
         } else {
@@ -338,7 +338,7 @@ const instance = new Api();
 export default instance;
 export const { GET, POST, PUT, DELETE } = instance;
 
-export const setLocaleHeader = locale => {
+export const setLocaleHeader = (locale) => {
   /* `X-Metabase-Locale` is a header that the BE stores as *user* locale for the scope of the request.
    * We need it to localize downloads. It *currently* only work if there is a user, so it won't work
    * for public/static embedding.
diff --git a/frontend/src/metabase/lib/click-behavior.js b/frontend/src/metabase/lib/click-behavior.js
index bbe138772b6..4043f7336e2 100644
--- a/frontend/src/metabase/lib/click-behavior.js
+++ b/frontend/src/metabase/lib/click-behavior.js
@@ -11,7 +11,7 @@ export function getClickBehaviorDescription(dashcard) {
   if (isTableDisplay(dashcard)) {
     const count = Object.values(
       getIn(dashcard, ["visualization_settings", "column_settings"]) || {},
-    ).filter(settings => settings.click_behavior != null).length;
+    ).filter((settings) => settings.click_behavior != null).length;
     if (count === 0) {
       return noBehaviorMessage;
     }
@@ -53,7 +53,9 @@ export function getLinkTargets(settings) {
   const { click_behavior, column_settings = {} } = settings || {};
   return [
     click_behavior,
-    ...Object.values(column_settings).map(settings => settings.click_behavior),
+    ...Object.values(column_settings).map(
+      (settings) => settings.click_behavior,
+    ),
   ]
     .filter(hasLinkedQuestionOrDashboard)
     .map(mapLinkedEntityToEntityQuery);
diff --git a/frontend/src/metabase/lib/collections.ts b/frontend/src/metabase/lib/collections.ts
index ce9a1d153fd..df4b797897a 100644
--- a/frontend/src/metabase/lib/collections.ts
+++ b/frontend/src/metabase/lib/collections.ts
@@ -11,9 +11,9 @@ export const getCrumbs = (
   if (collection && collection.path) {
     return [
       ...collection.path
-        .map(id => collectionsById[id])
+        .map((id) => collectionsById[id])
         .filter(isNotNull)
-        .map(collection => [collection.name, () => callback(collection.id)]),
+        .map((collection) => [collection.name, () => callback(collection.id)]),
       [collection.name],
     ];
   } else {
diff --git a/frontend/src/metabase/lib/colors/charts.ts b/frontend/src/metabase/lib/colors/charts.ts
index 89b599712c3..d9192588846 100644
--- a/frontend/src/metabase/lib/colors/charts.ts
+++ b/frontend/src/metabase/lib/colors/charts.ts
@@ -43,7 +43,7 @@ const getOrderBasedMapping = (
     unusedValues.delete(value);
   };
 
-  keys.forEach(key => {
+  keys.forEach((key) => {
     const value = existingMapping?.[key];
 
     if (value) {
@@ -51,7 +51,7 @@ const getOrderBasedMapping = (
     }
   });
 
-  keys.forEach(key => {
+  keys.forEach((key) => {
     if (!newMapping[key]) {
       const value = getPreferredValue(key);
 
@@ -61,9 +61,9 @@ const getOrderBasedMapping = (
     }
   });
 
-  keys.forEach(key => {
+  keys.forEach((key) => {
     if (!unusedValues.size) {
-      values.forEach(value => unusedValues.add(value));
+      values.forEach((value) => unusedValues.add(value));
     }
 
     if (!newMapping[key]) {
@@ -83,7 +83,7 @@ const getHashBasedMapping = (
 ) => {
   const newMapping: Record<string, string> = {};
   const sortedKeys = [...keys].sort();
-  const keyHashes = Object.fromEntries(keys.map(k => [k, getHashCode(k)]));
+  const keyHashes = Object.fromEntries(keys.map((k) => [k, getHashCode(k)]));
   const unsetKeys = new Set(keys);
   const usedValues = new Set<string>();
   const unusedValues = new Set(values);
@@ -95,7 +95,7 @@ const getHashBasedMapping = (
     unusedValues.delete(value);
   };
 
-  sortedKeys.forEach(key => {
+  sortedKeys.forEach((key) => {
     const value = existingMapping?.[key];
 
     if (value) {
@@ -103,7 +103,7 @@ const getHashBasedMapping = (
     }
   });
 
-  sortedKeys.forEach(key => {
+  sortedKeys.forEach((key) => {
     if (!newMapping[key]) {
       const value = getPreferredValue(key);
 
@@ -115,10 +115,10 @@ const getHashBasedMapping = (
 
   for (let attempt = 0; unsetKeys.size > 0; attempt++) {
     if (!unusedValues.size) {
-      values.forEach(value => unusedValues.add(value));
+      values.forEach((value) => unusedValues.add(value));
     }
 
-    sortedKeys.forEach(key => {
+    sortedKeys.forEach((key) => {
       if (!newMapping[key]) {
         const hash = keyHashes[key] + attempt;
         const value = values[hash % values.length];
diff --git a/frontend/src/metabase/lib/colors/charts.unit.spec.ts b/frontend/src/metabase/lib/colors/charts.unit.spec.ts
index 77c619f14ac..2f94719d4d3 100644
--- a/frontend/src/metabase/lib/colors/charts.unit.spec.ts
+++ b/frontend/src/metabase/lib/colors/charts.unit.spec.ts
@@ -32,7 +32,7 @@ describe("charts", () => {
   });
 
   it("should use harmony colors for > 8 series", () => {
-    const keys = ["count", "sum", "profit", ..._.times(8, i => `S${i}`)];
+    const keys = ["count", "sum", "profit", ..._.times(8, (i) => `S${i}`)];
     const existingMapping = { count: color("accent1") };
 
     const newMapping = getColorsForValues(keys, existingMapping);
@@ -50,7 +50,7 @@ describe("charts", () => {
   });
 
   it("should reuse colors for > 24 series", () => {
-    const keys = ["count", "sum", "profit", ..._.times(48, i => `S${i}`)];
+    const keys = ["count", "sum", "profit", ..._.times(48, (i) => `S${i}`)];
     const existingMapping = { count: color("accent1") };
 
     const newMapping = getColorsForValues(keys, existingMapping);
diff --git a/frontend/src/metabase/lib/colors/groups.ts b/frontend/src/metabase/lib/colors/groups.ts
index a56cc6a6aca..10aa9ce310f 100644
--- a/frontend/src/metabase/lib/colors/groups.ts
+++ b/frontend/src/metabase/lib/colors/groups.ts
@@ -22,7 +22,7 @@ export const getAccentColors = (
 };
 
 const getBaseAccentsNames = (withGray = false) => {
-  const accents = _.times(ACCENT_COUNT, i => `accent${i}`);
+  const accents = _.times(ACCENT_COUNT, (i) => `accent${i}`);
   if (withGray) {
     accents.push("accent-gray");
   }
@@ -34,14 +34,14 @@ export const getMainAccentColors = (
   palette?: ColorPalette,
   withGray = false,
 ) => {
-  return getBaseAccentsNames(withGray).map(accent => color(accent, palette));
+  return getBaseAccentsNames(withGray).map((accent) => color(accent, palette));
 };
 
 export const getLightAccentColors = (
   palette?: ColorPalette,
   withGray = false,
 ) => {
-  return getBaseAccentsNames(withGray).map(accent =>
+  return getBaseAccentsNames(withGray).map((accent) =>
     color(`${accent}-light`, palette),
   );
 };
@@ -50,7 +50,7 @@ export const getDarkAccentColors = (
   palette?: ColorPalette,
   withGray = false,
 ) => {
-  return getBaseAccentsNames(withGray).map(accent =>
+  return getBaseAccentsNames(withGray).map((accent) =>
     color(`${accent}-dark`, palette),
   );
 };
diff --git a/frontend/src/metabase/lib/colors/palette.ts b/frontend/src/metabase/lib/colors/palette.ts
index a2da54edc97..845469f870a 100644
--- a/frontend/src/metabase/lib/colors/palette.ts
+++ b/frontend/src/metabase/lib/colors/palette.ts
@@ -62,37 +62,37 @@ export const colors = {
 export const originalColors = { ...colors };
 
 export const aliases: Record<string, (palette: ColorPalette) => string> = {
-  dashboard: palette => color("brand", palette),
-  nav: palette => color("bg-white", palette),
-  content: palette => color("bg-light", palette),
-  database: palette => color("accent2", palette),
-  pulse: palette => color("accent4", palette),
-  "text-primary": palette => color("text-dark", palette),
-  "text-secondary": palette => color("text-medium", palette),
-  "text-tertiary": palette => color("text-light", palette),
-  background: palette => color("white", palette),
-  "background-disbaled": palette => color("accent-gray", palette),
-  "brand-light": palette => lighten(color("brand", palette), 0.532), // #DDECFA
-  "brand-lighter": palette => lighten(color("brand", palette), 0.598), // #EEF6FC for brand
-  focus: palette => getFocusColor("brand", palette),
+  dashboard: (palette) => color("brand", palette),
+  nav: (palette) => color("bg-white", palette),
+  content: (palette) => color("bg-light", palette),
+  database: (palette) => color("accent2", palette),
+  pulse: (palette) => color("accent4", palette),
+  "text-primary": (palette) => color("text-dark", palette),
+  "text-secondary": (palette) => color("text-medium", palette),
+  "text-tertiary": (palette) => color("text-light", palette),
+  background: (palette) => color("white", palette),
+  "background-disbaled": (palette) => color("accent-gray", palette),
+  "brand-light": (palette) => lighten(color("brand", palette), 0.532), // #DDECFA
+  "brand-lighter": (palette) => lighten(color("brand", palette), 0.598), // #EEF6FC for brand
+  focus: (palette) => getFocusColor("brand", palette),
 
-  "accent0-light": palette => tint(color(`accent0`, palette)),
-  "accent1-light": palette => tint(color(`accent1`, palette)),
-  "accent2-light": palette => tint(color(`accent2`, palette)),
-  "accent3-light": palette => tint(color(`accent3`, palette)),
-  "accent4-light": palette => tint(color(`accent4`, palette)),
-  "accent5-light": palette => tint(color(`accent5`, palette)),
-  "accent6-light": palette => tint(color(`accent6`, palette)),
-  "accent7-light": palette => tint(color(`accent7`, palette)),
+  "accent0-light": (palette) => tint(color(`accent0`, palette)),
+  "accent1-light": (palette) => tint(color(`accent1`, palette)),
+  "accent2-light": (palette) => tint(color(`accent2`, palette)),
+  "accent3-light": (palette) => tint(color(`accent3`, palette)),
+  "accent4-light": (palette) => tint(color(`accent4`, palette)),
+  "accent5-light": (palette) => tint(color(`accent5`, palette)),
+  "accent6-light": (palette) => tint(color(`accent6`, palette)),
+  "accent7-light": (palette) => tint(color(`accent7`, palette)),
 
-  "accent0-dark": palette => shade(color(`accent0`, palette)),
-  "accent1-dark": palette => shade(color(`accent1`, palette)),
-  "accent2-dark": palette => shade(color(`accent2`, palette)),
-  "accent3-dark": palette => shade(color(`accent3`, palette)),
-  "accent4-dark": palette => shade(color(`accent4`, palette)),
-  "accent5-dark": palette => shade(color(`accent5`, palette)),
-  "accent6-dark": palette => shade(color(`accent6`, palette)),
-  "accent7-dark": palette => shade(color(`accent7`, palette)),
+  "accent0-dark": (palette) => shade(color(`accent0`, palette)),
+  "accent1-dark": (palette) => shade(color(`accent1`, palette)),
+  "accent2-dark": (palette) => shade(color(`accent2`, palette)),
+  "accent3-dark": (palette) => shade(color(`accent3`, palette)),
+  "accent4-dark": (palette) => shade(color(`accent4`, palette)),
+  "accent5-dark": (palette) => shade(color(`accent5`, palette)),
+  "accent6-dark": (palette) => shade(color(`accent6`, palette)),
+  "accent7-dark": (palette) => shade(color(`accent7`, palette)),
 };
 
 /**
diff --git a/frontend/src/metabase/lib/compose-event-handlers.ts b/frontend/src/metabase/lib/compose-event-handlers.ts
index 22469a6a8ae..7fd53806156 100644
--- a/frontend/src/metabase/lib/compose-event-handlers.ts
+++ b/frontend/src/metabase/lib/compose-event-handlers.ts
@@ -2,7 +2,7 @@ type HandlerType<E> = ((event: E) => void) | undefined;
 
 export const composeEventHandlers = <E>(...handlers: HandlerType<E>[]) => {
   return function handleEvent(event: E) {
-    handlers.forEach(handler => {
+    handlers.forEach((handler) => {
       if (typeof handler === "function") {
         handler(event);
       }
diff --git a/frontend/src/metabase/lib/dashboard_grid.js b/frontend/src/metabase/lib/dashboard_grid.js
index 4d7d3997015..a3f306de7cb 100644
--- a/frontend/src/metabase/lib/dashboard_grid.js
+++ b/frontend/src/metabase/lib/dashboard_grid.js
@@ -83,7 +83,7 @@ function printGrid(cards, width) {
       }
     }
   }
-  console.log("\n" + grid.map(row => row.join(".")).join("\n") + "\n");
+  console.log("\n" + grid.map((row) => row.join(".")).join("\n") + "\n");
 }
 
 /*eslint-enable */
diff --git a/frontend/src/metabase/lib/data_grid.js b/frontend/src/metabase/lib/data_grid.js
index fff0048ec40..61b6b67fc3c 100644
--- a/frontend/src/metabase/lib/data_grid.js
+++ b/frontend/src/metabase/lib/data_grid.js
@@ -32,24 +32,24 @@ export function multiLevelPivot(data, settings) {
     columns: columnIndexes,
     rows: rowIndexes,
     values: valueIndexes,
-  } = _.mapObject(columnSplit, columnNames =>
+  } = _.mapObject(columnSplit, (columnNames) =>
     columnNames
-      .map(columnName => columns.findIndex(col => col.name === columnName))
-      .filter(index => index !== -1),
+      .map((columnName) => columns.findIndex((col) => col.name === columnName))
+      .filter((index) => index !== -1),
   );
 
-  const columnSettings = columns.map(column => settings.column(column));
+  const columnSettings = columns.map((column) => settings.column(column));
 
   // pivot tables have a lot of repeated values, so we use memoized formatters for each column
   const [valueFormatters, topIndexFormatters, leftIndexFormatters] = [
     valueIndexes,
     columnIndexes,
     rowIndexes,
-  ].map(indexes =>
-    indexes.map(index =>
+  ].map((indexes) =>
+    indexes.map((index) =>
       _.memoize(
-        value => formatValue(value, columnSettings[index]),
-        value => [value, index].join(),
+        (value) => formatValue(value, columnSettings[index]),
+        (value) => [value, index].join(),
       ),
     ),
   );
@@ -58,7 +58,7 @@ export function multiLevelPivot(data, settings) {
   // computed in CLJS by metabase.pivot.core/get-rows-from-pivot-data, and we
   // want to avoid an extra round trip to CLJS (this can probably be improved,
   // maybe by computing background color right before rendering)
-  const makeColorGetter = rows => {
+  const makeColorGetter = (rows) => {
     return makeCellBackgroundGetter(
       rows,
       columns,
diff --git a/frontend/src/metabase/lib/date-time.ts b/frontend/src/metabase/lib/date-time.ts
index 3afe08b6ad9..651e68886cf 100644
--- a/frontend/src/metabase/lib/date-time.ts
+++ b/frontend/src/metabase/lib/date-time.ts
@@ -40,12 +40,12 @@ export const getDayOfWeekOptions = (): DayOfWeekOption[] => {
   ];
 };
 
-export const HOUR_OPTIONS = _.times(12, n => ({
+export const HOUR_OPTIONS = _.times(12, (n) => ({
   name: (n === 0 ? 12 : n) + ":00",
   value: n,
 }));
 
-export const MINUTE_OPTIONS = _.times(60, n => ({
+export const MINUTE_OPTIONS = _.times(60, (n) => ({
   name: n.toString(),
   value: n,
 }));
diff --git a/frontend/src/metabase/lib/dayjs-parse-zone-plugin.js b/frontend/src/metabase/lib/dayjs-parse-zone-plugin.js
index 9b564fd139b..62c616068fb 100644
--- a/frontend/src/metabase/lib/dayjs-parse-zone-plugin.js
+++ b/frontend/src/metabase/lib/dayjs-parse-zone-plugin.js
@@ -3,10 +3,10 @@
 // @authors: LucaColonnello and all contributors from https://github.com/iamkun/dayjs/issues/651#issuecomment-763033265
 const REGEX_TIMEZONE_OFFSET_FORMAT = /^(.*)([+-])(\d{2}):(\d{2})|(Z)$/;
 
-const parseOffset = dateString =>
+const parseOffset = (dateString) =>
   dateString.match(REGEX_TIMEZONE_OFFSET_FORMAT);
 
-const formatOffset = parsedOffset => {
+const formatOffset = (parsedOffset) => {
   const [, , sign, tzHour, tzMinute] = parsedOffset;
   const uOffset = parseInt(tzHour, 10) * 60 + parseInt(tzMinute, 10);
   return sign === "+" ? uOffset : -uOffset;
diff --git a/frontend/src/metabase/lib/dom.js b/frontend/src/metabase/lib/dom.js
index def675c633e..01cdb1c4fa6 100644
--- a/frontend/src/metabase/lib/dom.js
+++ b/frontend/src/metabase/lib/dom.js
@@ -104,7 +104,7 @@ export function elementIsInView(element, percentX = 1, percentY = 1) {
     element = element.parentElement;
   }
 
-  return parentRects.every(parentRect => {
+  return parentRects.every((parentRect) => {
     const visiblePixelX =
       Math.min(elementRect.right, parentRect.right) -
       Math.max(elementRect.left, parentRect.left);
@@ -190,7 +190,7 @@ function getTextNodeAtPosition(root, index) {
   const treeWalker = document.createTreeWalker(
     root,
     NodeFilter.SHOW_TEXT,
-    elem => {
+    (elem) => {
       if (index > elem.textContent.length) {
         index -= elem.textContent.length;
         return NodeFilter.FILTER_REJECT;
@@ -257,7 +257,7 @@ function isMetabaseUrl(url) {
 }
 
 function isAbsoluteUrl(url) {
-  return ["/", "http:", "https:", "mailto:"].some(prefix =>
+  return ["/", "http:", "https:", "mailto:"].some((prefix) =>
     url.startsWith(prefix),
   );
 }
@@ -293,7 +293,7 @@ let metaKey;
 let ctrlKey;
 window.addEventListener(
   "mouseup",
-  e => {
+  (e) => {
     metaKey = e.metaKey;
     ctrlKey = e.ctrlKey;
   },
@@ -308,9 +308,9 @@ export function open(
   url,
   {
     // custom function for opening in same window
-    openInSameWindow = url => clickLink(url, false),
+    openInSameWindow = (url) => clickLink(url, false),
     // custom function for opening in new window
-    openInBlankWindow = url => clickLink(url, true),
+    openInBlankWindow = (url) => clickLink(url, true),
     // custom function for opening in same app instance
     openInSameOrigin,
     ignoreSiteUrl = false,
@@ -377,7 +377,7 @@ export function shouldOpenInBlankWindow(
   return false;
 }
 
-const getOrigin = url => {
+const getOrigin = (url) => {
   try {
     return new URL(url, window.location.origin).origin;
   } catch {
@@ -385,7 +385,7 @@ const getOrigin = url => {
   }
 };
 
-const getLocation = url => {
+const getLocation = (url) => {
   try {
     const { pathname, search, hash } = new URL(url, window.location.origin);
     const query = querystring.parse(search.substring(1));
@@ -530,7 +530,7 @@ export function isSmallScreen() {
 /**
  * @param {MouseEvent<Element, MouseEvent>} event
  */
-export const getEventTarget = event => {
+export const getEventTarget = (event) => {
   let target = document.getElementById("popover-event-target");
   if (!target) {
     target = document.createElement("div");
diff --git a/frontend/src/metabase/lib/embed.js b/frontend/src/metabase/lib/embed.js
index c9af6650396..32a4f53a337 100644
--- a/frontend/src/metabase/lib/embed.js
+++ b/frontend/src/metabase/lib/embed.js
@@ -21,7 +21,7 @@ export function initializeEmbedding(store) {
         sendMessage({
           type: "location",
           // extract just the string properties from window.location
-          location: _.pick(location, v => typeof v === "string"),
+          location: _.pick(location, (v) => typeof v === "string"),
         });
         currentHref = location.href;
       }
@@ -34,7 +34,7 @@ export function initializeEmbedding(store) {
         currentFrame = frame;
       }
     }, 100);
-    window.addEventListener("message", e => {
+    window.addEventListener("message", (e) => {
       if (e.source === window.parent && e.data.metabase) {
         if (e.data.metabase.type === "location") {
           store.dispatch(push(e.data.metabase.location));
diff --git a/frontend/src/metabase/lib/entities.js b/frontend/src/metabase/lib/entities.js
index 4a6d13c25c8..5ec432ab8d2 100644
--- a/frontend/src/metabase/lib/entities.js
+++ b/frontend/src/metabase/lib/entities.js
@@ -130,16 +130,16 @@ export function createEntity(def) {
     };
   }
 
-  const getQueryKey = entityQuery => JSON.stringify(entityQuery || null);
-  const getObjectStatePath = entityId => ["entities", entity.name, entityId];
-  const getListStatePath = entityQuery =>
+  const getQueryKey = (entityQuery) => JSON.stringify(entityQuery || null);
+  const getObjectStatePath = (entityId) => ["entities", entity.name, entityId];
+  const getListStatePath = (entityQuery) =>
     ["entities", entity.name + "_list"].concat(getQueryKey(entityQuery));
 
   entity.getQueryKey = getQueryKey;
   entity.getObjectStatePath = getObjectStatePath;
   entity.getListStatePath = getListStatePath;
 
-  const getWritableProperties = object =>
+  const getWritableProperties = (object) =>
     entity.writableProperties != null
       ? _.pick(object, "id", ...entity.writableProperties)
       : object;
@@ -195,7 +195,7 @@ export function createEntity(def) {
   }
 
   function withEntityActionDecorators(action) {
-    return entity.actionDecorators[action] || (_ => _);
+    return entity.actionDecorators[action] || ((_) => _);
   }
 
   // `objectActions` are for actions that accept an entity as their first argument,
@@ -206,7 +206,7 @@ export function createEntity(def) {
       withCachedDataAndRequestState(
         ({ id }) => [...getObjectStatePath(id)],
         ({ id }) => [...getObjectStatePath(id), "fetch"],
-        entityQuery => getQueryKey(entityQuery),
+        (entityQuery) => getQueryKey(entityQuery),
       ),
       withEntityActionDecorators("fetch"),
     )(
@@ -221,7 +221,7 @@ export function createEntity(def) {
       withAction(CREATE_ACTION),
       withEntityRequestState(() => ["create"]),
       withEntityActionDecorators("create"),
-    )(entityObject => async (dispatch, getState) => {
+    )((entityObject) => async (dispatch, getState) => {
       return entity.normalize(
         await entity.api.create(
           getWritableProperties(entityObject),
@@ -233,7 +233,7 @@ export function createEntity(def) {
 
     update: compose(
       withAction(UPDATE_ACTION),
-      withEntityRequestState(object => [object.id, "update"]),
+      withEntityRequestState((object) => [object.id, "update"]),
       withEntityActionDecorators("update"),
     )(
       (entityObject, updatedObject = null, { notify } = {}) =>
@@ -288,9 +288,9 @@ export function createEntity(def) {
 
     delete: compose(
       withAction(DELETE_ACTION),
-      withEntityRequestState(object => [object.id, "delete"]),
+      withEntityRequestState((object) => [object.id, "delete"]),
       withEntityActionDecorators("delete"),
-    )(entityObject => async (dispatch, getState) => {
+    )((entityObject) => async (dispatch, getState) => {
       await entity.api.delete(entityObject, dispatch, getState);
       return {
         entities: { [entity.name]: { [entityObject.id]: null } },
@@ -307,9 +307,9 @@ export function createEntity(def) {
     fetchList: compose(
       withAction(FETCH_LIST_ACTION),
       withCachedDataAndRequestState(
-        entityQuery => [...getListStatePath(entityQuery)],
-        entityQuery => [...getListStatePath(entityQuery), "fetch"],
-        entityQuery => entity.getQueryKey(entityQuery),
+        (entityQuery) => [...getListStatePath(entityQuery)],
+        (entityQuery) => [...getListStatePath(entityQuery), "fetch"],
+        (entityQuery) => entity.getQueryKey(entityQuery),
       ),
     )((entityQuery = null) => async (dispatch, getState) => {
       const fetched = await entity.api.list(
@@ -374,7 +374,7 @@ export function createEntity(def) {
   entity.HACK_getObjectFromAction = ({ payload }) => {
     if (payload && "entities" in payload && "result" in payload) {
       if (Array.isArray(payload.result)) {
-        return payload.result.map(id => payload.entities[entity.name][id]);
+        return payload.result.map((id) => payload.entities[entity.name][id]);
       } else {
         return payload.entities[entity.name][payload.result];
       }
@@ -385,8 +385,8 @@ export function createEntity(def) {
 
   // SELECTORS
 
-  const getEntities = state => state.entities;
-  const getSettings = state => state.settings;
+  const getEntities = (state) => state.entities;
+  const getSettings = (state) => state.settings;
 
   // OBJECT SELECTORS
 
@@ -411,7 +411,7 @@ export function createEntity(def) {
 
   const getEntityLists = createSelector(
     [getEntities],
-    entities => entities[`${entity.name}_list`],
+    (entities) => entities[`${entity.name}_list`],
   );
 
   const getEntityList = createSelector(
@@ -421,12 +421,12 @@ export function createEntity(def) {
 
   const getEntityIds = createSelector(
     [getEntityList],
-    entities => entities && entities.list,
+    (entities) => entities && entities.list,
   );
 
   const getListMetadata = createSelector(
     [getEntityList],
-    entities => entities && entities.metadata,
+    (entities) => entities && entities.metadata,
   );
 
   const getList = createCachedSelector(
@@ -435,10 +435,10 @@ export function createEntity(def) {
     (entities, entityIds, settings) =>
       entityIds &&
       entityIds
-        .map(entityId =>
+        .map((entityId) =>
           entity.selectors.getObject({ entities, settings }, { entityId }),
         )
-        .filter(e => e != null), // deleted entities might remain in lists,
+        .filter((e) => e != null), // deleted entities might remain in lists,
   )((state, { entityQuery } = {}) =>
     entityQuery ? JSON.stringify(entityQuery) : "",
   );
@@ -466,19 +466,19 @@ export function createEntity(def) {
 
   const getLoading = createSelector(
     [getRequestState],
-    requestState => requestState.loading,
+    (requestState) => requestState.loading,
   );
   const getLoaded = createSelector(
     [getRequestState],
-    requestState => requestState.loaded,
+    (requestState) => requestState.loaded,
   );
   const getFetched = createSelector(
     [getRequestState],
-    requestState => requestState.fetched,
+    (requestState) => requestState.fetched,
   );
   const getError = createSelector(
     [getRequestState],
-    requestState => requestState.error,
+    (requestState) => requestState.error,
   );
 
   const defaultSelectors = {
@@ -548,7 +548,7 @@ export function createEntity(def) {
     } else if (type === DELETE_ACTION && state[""]) {
       return {
         ...state,
-        "": state[""].filter(id => id !== payload.result),
+        "": state[""].filter((id) => id !== payload.result),
       };
     }
     return state;
@@ -561,7 +561,7 @@ export function createEntity(def) {
   // above. This will be difficult with pagination
 
   if (!entity.actionShouldInvalidateLists) {
-    entity.actionShouldInvalidateLists = action =>
+    entity.actionShouldInvalidateLists = (action) =>
       action.type === CREATE_ACTION ||
       action.type === DELETE_ACTION ||
       action.type === UPDATE_ACTION ||
diff --git a/frontend/src/metabase/lib/entities.unit.spec.js b/frontend/src/metabase/lib/entities.unit.spec.js
index 652a92aef9a..8078ffa9008 100644
--- a/frontend/src/metabase/lib/entities.unit.spec.js
+++ b/frontend/src/metabase/lib/entities.unit.spec.js
@@ -37,7 +37,7 @@ function setup() {
   const store = configureStore({
     reducer,
     initialState,
-    middleware: getDefaultMiddleware =>
+    middleware: (getDefaultMiddleware) =>
       getDefaultMiddleware({
         immutableCheck: false,
         serializableCheck: false,
diff --git a/frontend/src/metabase/lib/formatting/date.tsx b/frontend/src/metabase/lib/formatting/date.tsx
index 095993d1f67..1c0683591e6 100644
--- a/frontend/src/metabase/lib/formatting/date.tsx
+++ b/frontend/src/metabase/lib/formatting/date.tsx
@@ -803,7 +803,7 @@ export function normalizeDateTimeRangeWithUnit(
   unit: DatetimeUnit,
   options: OptionsType = {},
 ) {
-  const [a, b] = [values[0], values[1] ?? values[0]].map(d =>
+  const [a, b] = [values[0], values[1] ?? values[0]].map((d) =>
     parseTimestamp(d, unit, options.local),
   );
   if (!a.isValid() || !b.isValid()) {
@@ -818,7 +818,7 @@ export function normalizeDateTimeRangeWithUnit(
   const start = a.clone().startOf(momentUnit);
   const end = b.clone().endOf(momentUnit);
   const shift = a.diff(start, "days");
-  [start, end].forEach(d => d.add(shift, "days"));
+  [start, end].forEach((d) => d.add(shift, "days"));
   return [start, end, shift];
 }
 
@@ -846,9 +846,9 @@ export function formatDateTimeRangeWithUnit(
   const condensed = options.compact || options.type === "tooltip";
 
   const specs = DATE_RANGE_FORMAT_SPECS[unit];
-  const defaultSpec = specs.find(spec => spec.same === null);
+  const defaultSpec = specs.find((spec) => spec.same === null);
   const matchSpec =
-    specs.find(spec => start.isSame(end, spec.same)) ?? defaultSpec;
+    specs.find((spec) => start.isSame(end, spec.same)) ?? defaultSpec;
   if (!matchSpec || !defaultSpec) {
     return String(start);
   }
@@ -966,7 +966,7 @@ export function formatRange(
   formatter: any,
   options: OptionsType = {},
 ) {
-  const [start, end] = range.map(value => formatter(value, options));
+  const [start, end] = range.map((value) => formatter(value, options));
   if ((options.jsx && typeof start !== "string") || typeof end !== "string") {
     return (
       <span>
diff --git a/frontend/src/metabase/lib/formatting/date.unit.spec.tsx b/frontend/src/metabase/lib/formatting/date.unit.spec.tsx
index acc5f81dfda..99d5a6c0cd6 100644
--- a/frontend/src/metabase/lib/formatting/date.unit.spec.tsx
+++ b/frontend/src/metabase/lib/formatting/date.unit.spec.tsx
@@ -11,7 +11,7 @@ describe("formatDateTimeRangeWithUnit", () => {
       const specs = DATE_RANGE_FORMAT_SPECS[unit];
 
       it("should have a default spec", () => {
-        const defaultSpec = specs.find(spec => spec.same === null);
+        const defaultSpec = specs.find((spec) => spec.same === null);
         expect(defaultSpec).toBeDefined();
       });
 
diff --git a/frontend/src/metabase/lib/formatting/link.unit.spec.tsx b/frontend/src/metabase/lib/formatting/link.unit.spec.tsx
index 79d0c3dd898..1770c3c1530 100644
--- a/frontend/src/metabase/lib/formatting/link.unit.spec.tsx
+++ b/frontend/src/metabase/lib/formatting/link.unit.spec.tsx
@@ -37,7 +37,7 @@ describe("formatting/link", () => {
       "mailto:example@example.com",
     ])(
       "should not encode safe urls from dataset columns when a link template starts with it",
-      url => {
+      (url) => {
         assertLinkTemplate(
           "{{col}}",
           {
diff --git a/frontend/src/metabase/lib/formatting/value.unit.spec.tsx b/frontend/src/metabase/lib/formatting/value.unit.spec.tsx
index b021e52c93d..1dc05526035 100644
--- a/frontend/src/metabase/lib/formatting/value.unit.spec.tsx
+++ b/frontend/src/metabase/lib/formatting/value.unit.spec.tsx
@@ -45,10 +45,10 @@ describe("link", () => {
       link_url: "http://google.ca",
     });
     expect(
-      screen.getByText(content => content.startsWith("foo")),
+      screen.getByText((content) => content.startsWith("foo")),
     ).toBeInTheDocument();
     expect(
-      screen.getByText(content => content.endsWith("bar")),
+      screen.getByText((content) => content.endsWith("bar")),
     ).toBeInTheDocument();
     expect(screen.getByText("23.12")).toBeInTheDocument();
   });
diff --git a/frontend/src/metabase/lib/i18n.js b/frontend/src/metabase/lib/i18n.js
index 2cae0308c42..d970b06878b 100644
--- a/frontend/src/metabase/lib/i18n.js
+++ b/frontend/src/metabase/lib/i18n.js
@@ -19,7 +19,7 @@ export async function loadLocalization(locale) {
         // The backend doesn't seem to support pre-flight request on the static assets, but even
         // if it supported them it's more performant to skip the pre-flight request
         await fetch(`${api.basename}/app/locales/${locale}.json`).then(
-          response => response.json(),
+          (response) => response.json(),
         )
       : // We don't serve en.json. Instead, use this object to fall back to theliterals.
         {
@@ -96,8 +96,8 @@ function preverseLatinNumbersInMomentLocale(locale) {
   moment.updateLocale(locale, {
     // Preserve latin numbers, but still replace commas.
     // See https://github.com/moment/moment/blob/000ac1800e620f770f4eb31b5ae908f6167b0ab2/locale/ar.js#L185
-    postformat: string =>
-      string.replace(/\d/g, match => match).replace(/,/g, "،"),
+    postformat: (string) =>
+      string.replace(/\d/g, (match) => match).replace(/,/g, "،"),
   });
 }
 
diff --git a/frontend/src/metabase/lib/notifications.ts b/frontend/src/metabase/lib/notifications.ts
index b8633988e81..1784b8dd105 100644
--- a/frontend/src/metabase/lib/notifications.ts
+++ b/frontend/src/metabase/lib/notifications.ts
@@ -55,7 +55,7 @@ const getRecipientIdentity = (recipient: NotificationRecipient) => {
 };
 
 export const canArchive = (item: Notification, user: User) => {
-  const recipients = item.handlers.flatMap(channel => {
+  const recipients = item.handlers.flatMap((channel) => {
     if (channel.recipients) {
       return channel.recipients.map(getRecipientIdentity);
     } else {
@@ -134,8 +134,8 @@ export function alertIsValid(
   return (
     channelSpec?.channels &&
     handlers.length > 0 &&
-    handlers.every(handlers => channelIsValid(handlers)) &&
-    handlers.every(c => {
+    handlers.every((handlers) => channelIsValid(handlers)) &&
+    handlers.every((c) => {
       const handlerChannelType =
         notificationHandlerTypeToChannelMap[c.channel_type];
 
@@ -190,7 +190,7 @@ export const getNotificationEnabledChannelsMap = (
 ): NotificationEnabledChannelsMap => {
   const result: NotificationEnabledChannelsMap = {};
 
-  notification.handlers.forEach(handler => {
+  notification.handlers.forEach((handler) => {
     result[handler.channel_type] = true;
   });
 
@@ -204,7 +204,7 @@ export const getNotificationHandlersGroupedByTypes = (
   let slackHandler: NotificationHandlerSlack | undefined;
   let hookHandlers: NotificationHandlerHttp[] | undefined;
 
-  notificationHandlers.forEach(handler => {
+  notificationHandlers.forEach((handler) => {
     if (handler.channel_type === "channel/email") {
       emailHandler = handler;
       return;
diff --git a/frontend/src/metabase/lib/promise.ts b/frontend/src/metabase/lib/promise.ts
index 54fac5d0363..0ba4651b386 100644
--- a/frontend/src/metabase/lib/promise.ts
+++ b/frontend/src/metabase/lib/promise.ts
@@ -10,8 +10,8 @@ export function cancelable<T>(promise: Promise<T>): CancellablePromise<T> {
 
   const wrappedPromise = new Promise<T>((resolve, reject) => {
     promise.then(
-      value => (canceled ? reject({ isCanceled: true }) : resolve(value)),
-      error => (canceled ? reject({ isCanceled: true }) : reject(error)),
+      (value) => (canceled ? reject({ isCanceled: true }) : resolve(value)),
+      (error) => (canceled ? reject({ isCanceled: true }) : reject(error)),
     );
   });
 
@@ -35,7 +35,7 @@ export function timeout(
 
 // returns a promise that resolves after a given duration
 export function delay(duration: number) {
-  return new Promise(resolve => setTimeout(resolve, duration));
+  return new Promise((resolve) => setTimeout(resolve, duration));
 }
 
 export interface Deferred<T = unknown> {
diff --git a/frontend/src/metabase/lib/pulse.ts b/frontend/src/metabase/lib/pulse.ts
index 8c372d42587..33da8c7f415 100644
--- a/frontend/src/metabase/lib/pulse.ts
+++ b/frontend/src/metabase/lib/pulse.ts
@@ -89,13 +89,13 @@ export function fieldsAreValid(channel: Channel, channelSpec: ChannelSpec) {
   }
 
   return channelSpec.fields
-    .filter(field => field.required)
-    .every(field => Boolean(channel.details?.[field.name]));
+    .filter((field) => field.required)
+    .every((field) => Boolean(channel.details?.[field.name]));
 }
 
 function pulseChannelsAreValid(pulse: Pulse, channelSpecs: any) {
   return (
-    pulse.channels.filter(channel =>
+    pulse.channels.filter((channel) =>
       channelIsValid(channel, channelSpecs?.[channel.channel_type]),
     ).length > 0 || false
   );
@@ -138,7 +138,7 @@ export function dashboardPulseIsValid(
 export function emailIsEnabled(pulse: Pulse) {
   return (
     pulse.channels.filter(
-      channel => channel.channel_type === "email" && channel.enabled,
+      (channel) => channel.channel_type === "email" && channel.enabled,
     ).length > 0
   );
 }
@@ -152,13 +152,13 @@ export function cleanPulse(pulse: Pulse, channelSpecs: any) {
 }
 
 function cleanPulseChannels(channels: Channel[], channelSpecs: any) {
-  return channels.filter(channel =>
+  return channels.filter((channel) =>
     channelIsValid(channel, channelSpecs?.[channel.channel_type]),
   );
 }
 
 function cleanPulseParameters(parameters: PulseParameter[]) {
-  return parameters.map(parameter => {
+  return parameters.map((parameter) => {
     const { default: defaultValue, name, slug, type, value, id } = parameter;
     const normalizedValue = normalizeParameterValue(type, value);
 
@@ -234,7 +234,7 @@ export const formatChannel = (channel: Channel): string => {
     formatChannelDetails(channel),
   ];
 
-  return parts.filter(p => p).join(" ");
+  return parts.filter((p) => p).join(" ");
 };
 
 export const formatChannelType = ({ channel_type }: Channel): string => {
@@ -334,14 +334,14 @@ export const getRecipientsCount = (
   channelType: "email" | "slack",
 ) => {
   return item.channels
-    .filter(channel => channel.channel_type === channelType)
+    .filter((channel) => channel.channel_type === channelType)
     .reduce((total, channel) => total + (channel.recipients?.length || 0), 0);
 };
 
 export const canArchiveLegacyAlert = (item: Alert, user: User): boolean => {
-  const recipients = item.channels.flatMap(channel => {
+  const recipients = item.channels.flatMap((channel) => {
     if (channel.recipients) {
-      return channel.recipients.map(recipient => recipient.id);
+      return channel.recipients.map((recipient) => recipient.id);
     } else {
       return [];
     }
@@ -358,7 +358,7 @@ export const getHasConfiguredAnyChannel = (
   formInput: ChannelApiResponse | undefined,
 ) =>
   (formInput?.channels &&
-    _.some(Object.values(formInput.channels), c => c.configured)) ||
+    _.some(Object.values(formInput.channels), (c) => c.configured)) ||
   false;
 
 export const getHasConfiguredEmailChannel = (
@@ -367,6 +367,6 @@ export const getHasConfiguredEmailChannel = (
   (formInput?.channels &&
     _.some(
       Object.values(formInput.channels),
-      c => c.type === "email" && c.configured,
+      (c) => c.type === "email" && c.configured,
     )) ||
   false;
diff --git a/frontend/src/metabase/lib/redux/hooks.unit.spec.tsx b/frontend/src/metabase/lib/redux/hooks.unit.spec.tsx
index 34fe4e31307..68e9ba18b17 100644
--- a/frontend/src/metabase/lib/redux/hooks.unit.spec.tsx
+++ b/frontend/src/metabase/lib/redux/hooks.unit.spec.tsx
@@ -10,7 +10,7 @@ const TEST_EMAIL = "test_email@metabase.test";
 describe("useSelector", () => {
   it("should allow access to redux store", () => {
     const Component = () => {
-      const email = useSelector(state => state.currentUser?.email);
+      const email = useSelector((state) => state.currentUser?.email);
       return <>{email || "No email found"}</>;
     };
 
diff --git a/frontend/src/metabase/lib/redux/utils.js b/frontend/src/metabase/lib/redux/utils.js
index 4a69427d5d6..4c6e9e3093f 100644
--- a/frontend/src/metabase/lib/redux/utils.js
+++ b/frontend/src/metabase/lib/redux/utils.js
@@ -32,15 +32,15 @@ export function momentifyTimestamps(
 }
 
 export function momentifyObjectsTimestamps(objects, keys) {
-  return _.mapObject(objects, o => momentifyTimestamps(o, keys));
+  return _.mapObject(objects, (o) => momentifyTimestamps(o, keys));
 }
 
 export function momentifyArraysTimestamps(array, keys) {
-  return _.map(array, o => momentifyTimestamps(o, keys));
+  return _.map(array, (o) => momentifyTimestamps(o, keys));
 }
 
 // turns into id indexed map
-export const resourceListToMap = resources =>
+export const resourceListToMap = (resources) =>
   resources.reduce(
     (map, resource) => ({ ...map, [resource.id]: resource }),
     {},
@@ -64,7 +64,7 @@ export const fetchData = async ({
     !reload &&
     existingData &&
     properties &&
-    _.all(properties, p => existingData[p] !== undefined)
+    _.all(properties, (p) => existingData[p] !== undefined)
   ) {
     return existingData;
   }
@@ -120,7 +120,7 @@ export const updateData = async ({
     const data = await queryPromise;
     dispatch(setRequestLoaded(statePath, queryKey));
 
-    (dependentRequestStatePaths || []).forEach(statePath =>
+    (dependentRequestStatePaths || []).forEach((statePath) =>
       dispatch(setRequestUnloaded(statePath)),
     );
 
@@ -191,7 +191,7 @@ export const formDomOnlyProps = ({
  * Decorator for turning a payload creator or thunk (including one returning a promise) into a flux standard action
  */
 export function withAction(actionType) {
-  return payloadOrThunkCreator => {
+  return (payloadOrThunkCreator) => {
     function newCreator(...args) {
       const payloadOrThunk = payloadOrThunkCreator(...args);
       if (typeof payloadOrThunk === "function") {
@@ -223,7 +223,7 @@ export function withAction(actionType) {
  */
 export function withRequestState(getRequestStatePath, getQueryKey) {
   // thunk decorator:
-  return thunkCreator =>
+  return (thunkCreator) =>
     // thunk creator:
     (...args) =>
     // thunk:
@@ -274,7 +274,7 @@ function withCachedData(
   getQueryKey,
 ) {
   // thunk decorator:
-  return thunkCreator =>
+  return (thunkCreator) =>
     // thunk creator:
     (...args) =>
       // thunk:
@@ -297,7 +297,7 @@ function withCachedData(
         const hasRequestedProperties =
           properties &&
           existingData &&
-          _.all(properties, p => existingData[p] !== undefined);
+          _.all(properties, (p) => existingData[p] !== undefined);
 
         // return existing data if
         if (
@@ -336,7 +336,7 @@ function withCachedData(
 }
 
 export function withNormalize(schema) {
-  return thunkCreator =>
+  return (thunkCreator) =>
     (...args) =>
     async (dispatch, getState) =>
       normalize(await thunkCreator(...args)(dispatch, getState), schema);
diff --git a/frontend/src/metabase/lib/request.js b/frontend/src/metabase/lib/request.js
index 22fd1505c44..dfc7b1e416f 100644
--- a/frontend/src/metabase/lib/request.js
+++ b/frontend/src/metabase/lib/request.js
@@ -37,7 +37,7 @@ export class RestfulRequest {
   }
 
   // Triggers the request; modelled as a Redux thunk action so wrap this to `dispatch()` call
-  trigger = params => async dispatch => {
+  trigger = (params) => async (dispatch) => {
     dispatch({ type: this.actions.requestStarted });
     try {
       const result = await this.endpoint(params, dispatch);
@@ -48,7 +48,7 @@ export class RestfulRequest {
     }
   };
 
-  reset = () => dispatch => dispatch(this.actions.reset);
+  reset = () => (dispatch) => dispatch(this.actions.reset);
 
   mergeToDictionary = (dict, result) => {
     dict = dict || {};
@@ -60,7 +60,7 @@ export class RestfulRequest {
   };
 
   getReducers = () => ({
-    [this.actions.requestStarted]: state => ({
+    [this.actions.requestStarted]: (state) => ({
       ...state,
       loading: true,
       error: null,
@@ -79,7 +79,7 @@ export class RestfulRequest {
       loading: false,
       error: error,
     }),
-    [this.actions.resetRequest]: state => ({
+    [this.actions.resetRequest]: (state) => ({
       ...state,
       ...this.getDefaultState(),
     }),
diff --git a/frontend/src/metabase/lib/resize-observer.ts b/frontend/src/metabase/lib/resize-observer.ts
index 4e4e2e9d8fb..725b7b1029d 100644
--- a/frontend/src/metabase/lib/resize-observer.ts
+++ b/frontend/src/metabase/lib/resize-observer.ts
@@ -22,9 +22,9 @@ function createResizeObserver() {
   const callbacksMap: Map<unknown, ResizeObserverCallback[]> = new Map();
 
   function handler(entries: ResizeObserverEntry[], observer: ResizeObserver) {
-    entries.forEach(entry => {
+    entries.forEach((entry) => {
       const entryCallbacks = callbacksMap.get(entry.target);
-      entryCallbacks?.forEach(callback => callback(entry, observer));
+      entryCallbacks?.forEach((callback) => callback(entry, observer));
     });
   }
 
diff --git a/frontend/src/metabase/lib/schema/schema.js b/frontend/src/metabase/lib/schema/schema.js
index 299192b3be6..17a7c88a660 100644
--- a/frontend/src/metabase/lib/schema/schema.js
+++ b/frontend/src/metabase/lib/schema/schema.js
@@ -1,5 +1,5 @@
 // backend returns model = "card" instead of "question"
-export const entityTypeForModel = model => {
+export const entityTypeForModel = (model) => {
   if (model === "card" || model === "dataset" || model === "metric") {
     return "questions";
   }
@@ -10,10 +10,10 @@ export const entityTypeForModel = model => {
   return `${model}s`;
 };
 
-export const entityTypeForObject = object =>
+export const entityTypeForObject = (object) =>
   object && entityTypeForModel(object.model);
 
-export const entityForObject = object => {
+export const entityForObject = (object) => {
   const entities = require("metabase/entities");
   return entities[entityTypeForObject(object)];
 };
diff --git a/frontend/src/metabase/lib/schema/schema.unit.spec.js b/frontend/src/metabase/lib/schema/schema.unit.spec.js
index 008f4d517e2..c7f863dfb9f 100644
--- a/frontend/src/metabase/lib/schema/schema.unit.spec.js
+++ b/frontend/src/metabase/lib/schema/schema.unit.spec.js
@@ -14,7 +14,7 @@ describe("schemas", () => {
   ];
 
   describe("entityTypeForModel", () => {
-    MODEL_ENTITY_TYPE.forEach(testCase => {
+    MODEL_ENTITY_TYPE.forEach((testCase) => {
       const { model, entityType } = testCase;
 
       it(`returns "${entityType}" for "${model}" model`, () => {
@@ -24,7 +24,7 @@ describe("schemas", () => {
   });
 
   describe("entityTypeForObject", () => {
-    MODEL_ENTITY_TYPE.forEach(testCase => {
+    MODEL_ENTITY_TYPE.forEach((testCase) => {
       const { model, entityType } = testCase;
 
       it(`returns "${entityType}" for "${model}" model`, () => {
diff --git a/frontend/src/metabase/lib/security.js b/frontend/src/metabase/lib/security.js
index b8c0349445f..9fc8914884f 100644
--- a/frontend/src/metabase/lib/security.js
+++ b/frontend/src/metabase/lib/security.js
@@ -4,7 +4,7 @@ import MetabaseSettings from "metabase/lib/settings";
 
 // generate a password that satisfies `complexity` requirements, by default the ones that come back in the
 // `password-complexity` Setting; must be a map like {total: 6, number: 1}
-export const generatePassword = complexity => {
+export const generatePassword = (complexity) => {
   complexity =
     complexity || MetabaseSettings.passwordComplexityRequirements() || {};
   // generated password must be at least `complexity.total`, but can be longer
diff --git a/frontend/src/metabase/lib/settings.ts b/frontend/src/metabase/lib/settings.ts
index 86110479088..f079c76db0e 100644
--- a/frontend/src/metabase/lib/settings.ts
+++ b/frontend/src/metabase/lib/settings.ts
@@ -97,7 +97,7 @@ class MetabaseSettings {
   setAll(settings: Settings) {
     const keys = Object.keys(settings) as SettingKey[];
 
-    keys.forEach(key => {
+    keys.forEach((key) => {
       this.set(key, settings[key]);
     });
   }
diff --git a/frontend/src/metabase/lib/syncing.js b/frontend/src/metabase/lib/syncing.js
index 1247e2863a1..9b65030df13 100644
--- a/frontend/src/metabase/lib/syncing.js
+++ b/frontend/src/metabase/lib/syncing.js
@@ -1,11 +1,11 @@
-export const isSyncInProgress = entity => {
+export const isSyncInProgress = (entity) => {
   return entity.initial_sync_status === "incomplete";
 };
 
-export const isSyncCompleted = entity => {
+export const isSyncCompleted = (entity) => {
   return entity.initial_sync_status === "complete";
 };
 
-export const isSyncAborted = entity => {
+export const isSyncAborted = (entity) => {
   return entity.initial_sync_status === "aborted";
 };
diff --git a/frontend/src/metabase/lib/time-dayjs.unit.spec.ts b/frontend/src/metabase/lib/time-dayjs.unit.spec.ts
index c5df0a03474..95281425f4e 100644
--- a/frontend/src/metabase/lib/time-dayjs.unit.spec.ts
+++ b/frontend/src/metabase/lib/time-dayjs.unit.spec.ts
@@ -9,7 +9,7 @@ describe("parseTimestamp", () => {
 
   it("should parse week of year correctly", () => {
     const daysOfWeek = [0, 1, 2, 3, 4, 5, 6];
-    daysOfWeek.forEach(dayOfWeek => {
+    daysOfWeek.forEach((dayOfWeek) => {
       dayjs.updateLocale(dayjs.locale(), { weekStart: dayOfWeek });
       expect(parseTimestamp(1, "week-of-year").isoWeek()).toBe(1);
       expect(parseTimestamp(2, "week-of-year").isoWeek()).toBe(2);
diff --git a/frontend/src/metabase/lib/timelines.ts b/frontend/src/metabase/lib/timelines.ts
index a2a3a377efa..674d0a506b0 100644
--- a/frontend/src/metabase/lib/timelines.ts
+++ b/frontend/src/metabase/lib/timelines.ts
@@ -45,13 +45,13 @@ export const getSortedTimelines = (
   collection?: Collection,
 ) => {
   return _.chain(timelines)
-    .sortBy(timeline => getTimelineName(timeline).toLowerCase())
-    .sortBy(timeline => timeline.collection?.personal_owner_id != null) // personal collections last
-    .sortBy(timeline => !timeline.default) // default timelines first
-    .sortBy(timeline => timeline.collection?.id !== collection?.id) // timelines within the collection first
+    .sortBy((timeline) => getTimelineName(timeline).toLowerCase())
+    .sortBy((timeline) => timeline.collection?.personal_owner_id != null) // personal collections last
+    .sortBy((timeline) => !timeline.default) // default timelines first
+    .sortBy((timeline) => timeline.collection?.id !== collection?.id) // timelines within the collection first
     .value();
 };
 
 export const getEventCount = ({ events = [], archived }: Timeline) => {
-  return events.filter(e => e.archived === archived).length;
+  return events.filter((e) => e.archived === archived).length;
 };
diff --git a/frontend/src/metabase/lib/types.ts b/frontend/src/metabase/lib/types.ts
index 10233e2a1ff..40427de2872 100644
--- a/frontend/src/metabase/lib/types.ts
+++ b/frontend/src/metabase/lib/types.ts
@@ -26,7 +26,7 @@ export const isNullOrUndefined = (value: any): value is null | undefined =>
   value === undefined || value === null;
 
 export const removeNullAndUndefinedValues = (obj: any) =>
-  _.pick(obj, val => !isNullOrUndefined(val));
+  _.pick(obj, (val) => !isNullOrUndefined(val));
 
 export const checkNumber = (value: any) => {
   if (typeof value !== "number" || Number.isNaN(value)) {
diff --git a/frontend/src/metabase/lib/urls/utils.ts b/frontend/src/metabase/lib/urls/utils.ts
index 66513c497bf..bf20d63b823 100644
--- a/frontend/src/metabase/lib/urls/utils.ts
+++ b/frontend/src/metabase/lib/urls/utils.ts
@@ -11,7 +11,7 @@ export function extractEntityId(slug = "") {
 
 function flattenParam([key, value]: [string, unknown]) {
   if (value instanceof Array) {
-    return value.map(p => [key, p]);
+    return value.map((p) => [key, p]);
   }
   return [[key, value]];
 }
diff --git a/frontend/src/metabase/lib/urls/utils.unit.spec.ts b/frontend/src/metabase/lib/urls/utils.unit.spec.ts
index 1c5b24f08b4..c768d7f3ec9 100644
--- a/frontend/src/metabase/lib/urls/utils.unit.spec.ts
+++ b/frontend/src/metabase/lib/urls/utils.unit.spec.ts
@@ -40,7 +40,7 @@ describe("utils", () => {
   describe("openInNewTab", () => {
     it.each(["", "/", "/baz"])(
       "should open the provided link in a new tab",
-      url => {
+      (url) => {
         openInNewTab(url);
 
         expect(mockWindowOpen).toHaveBeenCalledTimes(1);
diff --git a/frontend/src/metabase/lib/utils.ts b/frontend/src/metabase/lib/utils.ts
index e7434b2cc97..540782503de 100644
--- a/frontend/src/metabase/lib/utils.ts
+++ b/frontend/src/metabase/lib/utils.ts
@@ -98,7 +98,7 @@ export function versionToNumericComponents(version: string): number[] | null {
     patch,
     SPECIAL_COMPONENTS[label?.toLowerCase()] ?? 0,
     build,
-  ].map(part => (typeof part === "string" ? parseInt(part, 10) : part));
+  ].map((part) => (typeof part === "string" ? parseInt(part, 10) : part));
 }
 
 /**
diff --git a/frontend/src/metabase/lib/validate.js b/frontend/src/metabase/lib/validate.js
index 5edc7f5f2ef..e1c15573e41 100644
--- a/frontend/src/metabase/lib/validate.js
+++ b/frontend/src/metabase/lib/validate.js
@@ -4,15 +4,15 @@ import { isEmail } from "metabase/lib/email";
 import Settings from "metabase/lib/settings";
 
 // we need this to allow 0 as a valid form value
-export const isEmpty = value =>
+export const isEmpty = (value) =>
   value == null || value === "" || value === undefined;
 
 export const validators = {
-  required: () => value => isEmpty(value) && t`required`,
-  email: () => value => !isEmail(value) && t`must be a valid email address`,
-  maxLength: max => value =>
+  required: () => (value) => isEmpty(value) && t`required`,
+  email: () => (value) => !isEmail(value) && t`must be a valid email address`,
+  maxLength: (max) => (value) =>
     value && value.length > max && t`must be ${max} characters or less`,
-  passwordComplexity: () => value =>
+  passwordComplexity: () => (value) =>
     Settings.passwordComplexityDescription(value),
 };
 
@@ -21,7 +21,7 @@ function makeValidate(steps = []) {
     return steps.reduce((error, step) => error || step(...args), false);
   }
   function all(...args) {
-    return steps.map(step => step(...args)).filter(e => e);
+    return steps.map((step) => step(...args)).filter((e) => e);
   }
   validate.required = undefined; // to help typescript out
   validate.all = () => all;
diff --git a/frontend/src/metabase/metadata/components/CurrencyPicker/CurrencyPicker.tsx b/frontend/src/metabase/metadata/components/CurrencyPicker/CurrencyPicker.tsx
index 02c26cf2630..4c5eb08abe7 100644
--- a/frontend/src/metabase/metadata/components/CurrencyPicker/CurrencyPicker.tsx
+++ b/frontend/src/metabase/metadata/components/CurrencyPicker/CurrencyPicker.tsx
@@ -35,7 +35,7 @@ export const CurrencyPicker = ({ value, onChange, ...props }: Props) => {
       fw="bold"
       nothingFoundMessage={t`Didn't find any results`}
       placeholder={t`Select a currency type`}
-      renderOption={item => {
+      renderOption={(item) => {
         const selected = item.option.value === value;
 
         return (
@@ -97,5 +97,5 @@ function getData() {
 }
 
 function getSymbols() {
-  return Object.fromEntries(getData().map(item => [item.value, item.symbol]));
+  return Object.fromEntries(getData().map((item) => [item.value, item.symbol]));
 }
diff --git a/frontend/src/metabase/metadata/components/FkTargetPicker/FkTargetPicker.tsx b/frontend/src/metabase/metadata/components/FkTargetPicker/FkTargetPicker.tsx
index 7662edfc674..e6f12c60be2 100644
--- a/frontend/src/metabase/metadata/components/FkTargetPicker/FkTargetPicker.tsx
+++ b/frontend/src/metabase/metadata/components/FkTargetPicker/FkTargetPicker.tsx
@@ -28,7 +28,7 @@ export const FkTargetPicker = ({
   onChange,
   ...props
 }: Props) => {
-  const comparableIdFields = idFields.filter(idField => {
+  const comparableIdFields = idFields.filter((idField) => {
     return idField.isComparableWith(field);
   });
   const hasIdFields = comparableIdFields.length > 0;
@@ -36,7 +36,7 @@ export const FkTargetPicker = ({
   const data = getData(comparableIdFields, includeSchema);
 
   const getField = (fieldId: FieldId | null) => {
-    const option = data.find(option => parseValue(option.value) === fieldId);
+    const option = data.find((option) => parseValue(option.value) === fieldId);
     return option?.field;
   };
 
@@ -61,7 +61,7 @@ export const FkTargetPicker = ({
       filter={({ options, search }) => {
         const query = search.toLowerCase().trim();
 
-        return options.filter(option => {
+        return options.filter((option) => {
           if ("group" in option) {
             return false;
           }
@@ -82,7 +82,7 @@ export const FkTargetPicker = ({
       fw="bold"
       nothingFoundMessage={t`Didn't find any results`}
       placeholder={getFkFieldPlaceholder(field, comparableIdFields)}
-      renderOption={item => {
+      renderOption={(item) => {
         const field = getField(parseValue(item.option.value));
         const selected = parseValue(item.option.value) === value;
 
@@ -114,7 +114,7 @@ export const FkTargetPicker = ({
 
 function getData(comparableIdFields: Field[], includeSchema: boolean) {
   return comparableIdFields
-    .map(field => ({
+    .map((field) => ({
       field,
       label: field.displayName({ includeTable: true, includeSchema }),
       value:
@@ -138,7 +138,7 @@ function getFkFieldPlaceholder(field: ApiField, idFields: Field[]) {
   const isRestrictedFKTargetSelected =
     isFK(field) &&
     field.fk_target_field_id != null &&
-    !idFields?.some(idField => idField.id === field.fk_target_field_id);
+    !idFields?.some((idField) => idField.id === field.fk_target_field_id);
 
   if (isRestrictedFKTargetSelected) {
     return t`Field access denied`;
@@ -148,6 +148,6 @@ function getFkFieldPlaceholder(field: ApiField, idFields: Field[]) {
 }
 
 function hasMultipleSchemas(field: Field[]) {
-  const schemas = new Set(field.map(field => field.table?.schema));
+  const schemas = new Set(field.map((field) => field.table?.schema));
   return schemas.size > 1;
 }
diff --git a/frontend/src/metabase/metadata/components/SemanticTypePicker/SemanticTypePicker.tsx b/frontend/src/metabase/metadata/components/SemanticTypePicker/SemanticTypePicker.tsx
index 41ef4b2832b..a9d6f1eef7b 100644
--- a/frontend/src/metabase/metadata/components/SemanticTypePicker/SemanticTypePicker.tsx
+++ b/frontend/src/metabase/metadata/components/SemanticTypePicker/SemanticTypePicker.tsx
@@ -60,7 +60,7 @@ function stringifyValue(value: string | null): string {
 
 function getData({ field, value }: Pick<Props, "field" | "value">) {
   const options = getCompatibleSemanticTypes(field, value)
-    .map(option => ({
+    .map((option) => ({
       label: option.name,
       value: stringifyValue(option.id),
       section: option.section,
diff --git a/frontend/src/metabase/metadata/components/SemanticTypePicker/SemanticTypePicker.unit.spec.tsx b/frontend/src/metabase/metadata/components/SemanticTypePicker/SemanticTypePicker.unit.spec.tsx
index bdefb6bdfeb..7b370052ea5 100644
--- a/frontend/src/metabase/metadata/components/SemanticTypePicker/SemanticTypePicker.unit.spec.tsx
+++ b/frontend/src/metabase/metadata/components/SemanticTypePicker/SemanticTypePicker.unit.spec.tsx
@@ -91,7 +91,7 @@ const setup = ({
   fieldId,
   initialValue = null,
 }: SetupOpts) => {
-  const field = checkNotNull(fields.find(field => field.id === fieldId));
+  const field = checkNotNull(fields.find((field) => field.id === fieldId));
 
   renderWithProviders(
     <TestComponent field={field} initialValue={initialValue} />,
@@ -151,7 +151,7 @@ describe("SemanticTypePicker", () => {
   describe("Entity Key, Foreign Key, and No semantic type", () => {
     it.each(FIELDS)(
       "shows Entity Key, Foreign Key, and No semantic type when field's effective_type is derived from $display_name",
-      async field => {
+      async (field) => {
         setup({ fieldId: field.id });
 
         await assertSemanticTypesVisibility({
@@ -179,7 +179,7 @@ describe("SemanticTypePicker", () => {
       STRUCTURED_FIELD,
     ])(
       "does not show Entity Name when field's effective_type is derived from $display_name",
-      async field => {
+      async (field) => {
         setup({ fieldId: field.id });
 
         await assertSemanticTypesVisibility({
@@ -192,7 +192,7 @@ describe("SemanticTypePicker", () => {
   describe("Field containing JSON", () => {
     it.each([STRUCTURED_FIELD, COLLECTION_FIELD])(
       "shows Field containing JSON semantic type when field's effective_type is derived from $display_name",
-      async field => {
+      async (field) => {
         setup({ fieldId: field.id });
 
         await assertSemanticTypesVisibility({
diff --git a/frontend/src/metabase/metadata/components/SemanticTypePicker/utils.ts b/frontend/src/metabase/metadata/components/SemanticTypePicker/utils.ts
index e1f34c37e5b..171c278b183 100644
--- a/frontend/src/metabase/metadata/components/SemanticTypePicker/utils.ts
+++ b/frontend/src/metabase/metadata/components/SemanticTypePicker/utils.ts
@@ -9,11 +9,11 @@ export function getCompatibleSemanticTypes(
 ) {
   const fieldType = field.effective_type ?? field.base_type;
   const isFieldText = isa(fieldType, TYPE.Text);
-  const fieldLevelOneTypes = getLevelOneDataTypes().filter(levelOneType => {
+  const fieldLevelOneTypes = getLevelOneDataTypes().filter((levelOneType) => {
     return isa(fieldType, levelOneType);
   });
 
-  return FIELD_SEMANTIC_TYPES.filter(option => {
+  return FIELD_SEMANTIC_TYPES.filter((option) => {
     const isCurrentValue = option.id === currentValue;
 
     if (
@@ -41,7 +41,7 @@ export function getCompatibleSemanticTypes(
       return isFieldText;
     }
 
-    const isDerivedFromAnyLevelOneType = fieldLevelOneTypes.some(type => {
+    const isDerivedFromAnyLevelOneType = fieldLevelOneTypes.some((type) => {
       return isa(option.id, type);
     });
 
diff --git a/frontend/src/metabase/models/components/ModelActions/ModelActionDetails/ModelActionDetails.tsx b/frontend/src/metabase/models/components/ModelActions/ModelActionDetails/ModelActionDetails.tsx
index 548758ee918..65ea3c55764 100644
--- a/frontend/src/metabase/models/components/ModelActions/ModelActionDetails/ModelActionDetails.tsx
+++ b/frontend/src/metabase/models/components/ModelActions/ModelActionDetails/ModelActionDetails.tsx
@@ -92,7 +92,7 @@ function ModelActionDetails({
   );
 
   const implicitActions = useMemo(
-    () => actions.filter(action => action.type === "implicit"),
+    () => actions.filter((action) => action.type === "implicit"),
     [actions],
   );
 
@@ -102,7 +102,7 @@ function ModelActionDetails({
       message: t`Disabling basic actions will also remove any buttons that use these actions. Are you sure you want to continue?`,
       confirmButtonText: t`Disable`,
       onConfirm: () => {
-        implicitActions.forEach(action => {
+        implicitActions.forEach((action) => {
           onDeleteAction(action);
         });
       },
diff --git a/frontend/src/metabase/models/components/ModelActions/ModelActionDetails/ModelActionListItem.styled.tsx b/frontend/src/metabase/models/components/ModelActions/ModelActionDetails/ModelActionListItem.styled.tsx
index d0ae2403276..1682c3c1a55 100644
--- a/frontend/src/metabase/models/components/ModelActions/ModelActionDetails/ModelActionListItem.styled.tsx
+++ b/frontend/src/metabase/models/components/ModelActions/ModelActionDetails/ModelActionListItem.styled.tsx
@@ -18,10 +18,10 @@ export const ActionTitle = styled(Link)`
   font-size: 1rem;
   font-weight: 700;
   color: var(--mb-color-text-dark);
-  cursor: ${props => (props.to ? "pointer" : "unset")};
+  cursor: ${(props) => (props.to ? "pointer" : "unset")};
 
   &:hover {
-    color: ${props => props.to && color("brand")};
+    color: ${(props) => props.to && color("brand")};
   }
 `;
 
diff --git a/frontend/src/metabase/models/containers/FormModelPicker/FormModelPicker.tsx b/frontend/src/metabase/models/containers/FormModelPicker/FormModelPicker.tsx
index 452e1a20098..c855b91965e 100644
--- a/frontend/src/metabase/models/containers/FormModelPicker/FormModelPicker.tsx
+++ b/frontend/src/metabase/models/containers/FormModelPicker/FormModelPicker.tsx
@@ -69,7 +69,7 @@ export function FormModelPicker({
           models={["dataset"]}
           title={t`Select a model`}
           value={model?.id ? getQuestionPickerValue(model) : undefined}
-          onChange={newModel => {
+          onChange={(newModel) => {
             setValue(newModel.id);
             setIsPickerOpen(false);
           }}
diff --git a/frontend/src/metabase/models/containers/ModelActions/ModelActions.unit.spec.tsx b/frontend/src/metabase/models/containers/ModelActions/ModelActions.unit.spec.tsx
index b421346f05d..c9a868b59b5 100644
--- a/frontend/src/metabase/models/containers/ModelActions/ModelActions.unit.spec.tsx
+++ b/frontend/src/metabase/models/containers/ModelActions/ModelActions.unit.spec.tsx
@@ -192,7 +192,7 @@ async function setup({
   });
 
   const model = checkNotNull(metadata.question(card.id));
-  const usedByQuestions = usedBy.map(q =>
+  const usedByQuestions = usedBy.map((q) =>
     checkNotNull(metadata.question(q.id)),
   );
 
diff --git a/frontend/src/metabase/models/containers/NewModelOptions/NewModelOptions.styled.tsx b/frontend/src/metabase/models/containers/NewModelOptions/NewModelOptions.styled.tsx
index 0f8784584db..65d44e1cbe2 100644
--- a/frontend/src/metabase/models/containers/NewModelOptions/NewModelOptions.styled.tsx
+++ b/frontend/src/metabase/models/containers/NewModelOptions/NewModelOptions.styled.tsx
@@ -52,6 +52,6 @@ export const OptionsGridItem = styled(GridItem)<OptionsGridItemProps>`
   }
 
   ${breakpointMinMedium} {
-    width: ${props => getPercentage(1 / props.itemsCount)};
+    width: ${(props) => getPercentage(1 / props.itemsCount)};
   }
 `;
diff --git a/frontend/src/metabase/models/containers/NewModelOptions/NewModelOptions.tsx b/frontend/src/metabase/models/containers/NewModelOptions/NewModelOptions.tsx
index 0fc307ef56e..8cb1095c380 100644
--- a/frontend/src/metabase/models/containers/NewModelOptions/NewModelOptions.tsx
+++ b/frontend/src/metabase/models/containers/NewModelOptions/NewModelOptions.tsx
@@ -34,7 +34,7 @@ const NewModelOptions = ({ location }: NewModelOptionsProps) => {
   const hasDataAccess = getHasDataAccess(databases);
   const hasNativeWrite = getHasNativeWrite(databases);
 
-  const lastUsedDatabaseId = useSelector(state =>
+  const lastUsedDatabaseId = useSelector((state) =>
     getSetting(state, "last-used-native-database-id"),
   );
 
diff --git a/frontend/src/metabase/nav/components/AdminNavbar/AdminNavItem.styled.tsx b/frontend/src/metabase/nav/components/AdminNavbar/AdminNavItem.styled.tsx
index 27d322d1201..1e8d580e93e 100644
--- a/frontend/src/metabase/nav/components/AdminNavbar/AdminNavItem.styled.tsx
+++ b/frontend/src/metabase/nav/components/AdminNavbar/AdminNavItem.styled.tsx
@@ -16,14 +16,14 @@ export const AdminNavLink = styled(
   doNotForwardProps("isSelected", "isInMobileNav"),
 )<AdminNavLinkProps>`
   white-space: nowrap;
-  ${props => (props.isInMobileNav ? "" : "overflow: hidden;")}
+  ${(props) => (props.isInMobileNav ? "" : "overflow: hidden;")}
   text-overflow: ellipsis;
   padding: 0.5rem 1rem;
   ${breakpointMaxLarge} {
     padding-inline: 0.85rem;
   }
 
-  color: ${props =>
+  color: ${(props) =>
     props.isSelected
       ? "var(--mb-color-text-white)"
       : "color-mix(in srgb, var(--mb-color-text-white), transparent 37%)"};
@@ -37,6 +37,6 @@ export const AdminNavListItem = styled(
   flex-shrink: 1;
   white-space: nowrap;
   justify-content: center;
-  min-width: ${props =>
+  min-width: ${(props) =>
     props.currentPath.startsWith(props.path) ? "fit-content" : "0px"};
 `;
diff --git a/frontend/src/metabase/nav/components/AdminNavbar/AdminNavbar.tsx b/frontend/src/metabase/nav/components/AdminNavbar/AdminNavbar.tsx
index 238f510fae7..a8a86413f8a 100644
--- a/frontend/src/metabase/nav/components/AdminNavbar/AdminNavbar.tsx
+++ b/frontend/src/metabase/nav/components/AdminNavbar/AdminNavbar.tsx
@@ -90,7 +90,7 @@ const MobileNavbar = ({ adminPaths, currentPath }: AdminMobileNavbarProps) => {
   return (
     <AdminMobileNavbar ref={ref}>
       <Button
-        onClick={() => setMobileNavOpen(prev => !prev)}
+        onClick={() => setMobileNavOpen((prev) => !prev)}
         variant="subtle"
         p="0.25rem"
       >
diff --git a/frontend/src/metabase/nav/components/AppBar/AppBarLarge.styled.tsx b/frontend/src/metabase/nav/components/AppBar/AppBarLarge.styled.tsx
index c0d1c6ab2b4..707f2a397f1 100644
--- a/frontend/src/metabase/nav/components/AppBar/AppBarLarge.styled.tsx
+++ b/frontend/src/metabase/nav/components/AppBar/AppBarLarge.styled.tsx
@@ -15,7 +15,8 @@ export const AppBarRoot = styled.div<AppBarRootProps>`
   padding-left: 1.325rem;
   padding-right: 1rem;
   border-bottom: 1px solid
-    ${props => (props.isNavBarOpen ? "var(--mb-color-border)" : "transparent")};
+    ${(props) =>
+      props.isNavBarOpen ? "var(--mb-color-border)" : "transparent"};
   background-color: var(--mb-color-bg-white);
   transition: border-bottom-color 200ms ease;
 `;
@@ -43,9 +44,9 @@ interface AppBarInfoContainerProps {
 export const AppBarInfoContainer = styled.div<AppBarInfoContainerProps>`
   display: flex;
   min-width: 0;
-  opacity: ${props => (props.isVisible ? 1 : 0)};
-  visibility: ${props => (props.isVisible ? "visible" : "hidden")};
-  transition: ${props =>
+  opacity: ${(props) => (props.isVisible ? 1 : 0)};
+  visibility: ${(props) => (props.isVisible ? "visible" : "hidden")};
+  transition: ${(props) =>
     props.isVisible ? `opacity 0.5s` : `opacity 0.5s, visibility 0s`};
 `;
 
diff --git a/frontend/src/metabase/nav/components/AppBar/AppBarLogo.styled.tsx b/frontend/src/metabase/nav/components/AppBar/AppBarLogo.styled.tsx
index 3475c9687a2..362e6c13b06 100644
--- a/frontend/src/metabase/nav/components/AppBar/AppBarLogo.styled.tsx
+++ b/frontend/src/metabase/nav/components/AppBar/AppBarLogo.styled.tsx
@@ -19,7 +19,7 @@ export const LogoLink = styled(Link, doNotForwardProps("isSmallAppBar"))<{
   max-width: 14rem;
   line-height: 0;
   opacity: 1;
-  ${props =>
+  ${(props) =>
     !props.isSmallAppBar &&
     css`
       margin-inline-end: 2rem;
diff --git a/frontend/src/metabase/nav/components/AppBar/AppBarSmall.styled.tsx b/frontend/src/metabase/nav/components/AppBar/AppBarSmall.styled.tsx
index 64b60ab6cc3..94b6ceb1115 100644
--- a/frontend/src/metabase/nav/components/AppBar/AppBarSmall.styled.tsx
+++ b/frontend/src/metabase/nav/components/AppBar/AppBarSmall.styled.tsx
@@ -16,7 +16,7 @@ export const AppBarHeader = styled.div<AppBarHeaderProps>`
   height: ${APP_BAR_HEIGHT};
   padding: 0 1rem;
   border-bottom: 1px solid transparent;
-  border-color: ${props =>
+  border-color: ${(props) =>
     !props.isSubheaderVisible && "var(--mb-color-border)"};
 `;
 
@@ -29,7 +29,8 @@ export const AppBarSubheader = styled.div<AppBarSubheaderProps>`
   padding: 1rem 1rem 1rem 1.25rem;
   transition: border-bottom-color 200ms ease;
   border-bottom: 1px solid
-    ${props => (props.isNavBarOpen ? "var(--mb-color-border)" : "transparent")};
+    ${(props) =>
+      props.isNavBarOpen ? "var(--mb-color-border)" : "transparent"};
 `;
 
 export const AppBarMainContainer = styled.div`
@@ -57,9 +58,9 @@ export const AppBarLogoContainer = styled.div<AppBarLogoContainerProps>`
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  opacity: ${props => (props.isVisible ? 1 : 0)};
-  visibility: ${props => (props.isVisible ? "visible" : "hidden")};
-  transition: ${props =>
+  opacity: ${(props) => (props.isVisible ? 1 : 0)};
+  visibility: ${(props) => (props.isVisible ? "visible" : "hidden")};
+  transition: ${(props) =>
     props.isVisible ? "opacity 0.3s linear 0.2s" : "none"};
 `;
 
diff --git a/frontend/src/metabase/nav/components/AppBar/AppBarToggle.styled.tsx b/frontend/src/metabase/nav/components/AppBar/AppBarToggle.styled.tsx
index de4faf320e5..74c58a9ddab 100644
--- a/frontend/src/metabase/nav/components/AppBar/AppBarToggle.styled.tsx
+++ b/frontend/src/metabase/nav/components/AppBar/AppBarToggle.styled.tsx
@@ -25,12 +25,12 @@ interface SidebarIconProps {
 }
 
 export const SidebarIcon = styled(Icon, {
-  shouldForwardProp: propName => propName !== "isLogoVisible",
+  shouldForwardProp: (propName) => propName !== "isLogoVisible",
 })<SidebarIconProps>`
   color: var(--mb-color-brand);
   display: block;
 
-  ${props =>
+  ${(props) =>
     !props.isLogoVisible &&
     css`
       color: var(--mb-color-text-medium);
diff --git a/frontend/src/metabase/nav/components/CollectionBreadcrumbs/CollectionBreadcrumbs.tsx b/frontend/src/metabase/nav/components/CollectionBreadcrumbs/CollectionBreadcrumbs.tsx
index 33e4b7bd702..40842e8dbf2 100644
--- a/frontend/src/metabase/nav/components/CollectionBreadcrumbs/CollectionBreadcrumbs.tsx
+++ b/frontend/src/metabase/nav/components/CollectionBreadcrumbs/CollectionBreadcrumbs.tsx
@@ -63,7 +63,7 @@ export const CollectionBreadcrumbs = ({
         {separator}
       </>
     ) : (
-      parts.map(collection => (
+      parts.map((collection) => (
         <Fragment key={collection.id}>
           <CollectionBadge
             collectionId={collection.id}
diff --git a/frontend/src/metabase/nav/components/CollectionBreadcrumbs/utils.ts b/frontend/src/metabase/nav/components/CollectionBreadcrumbs/utils.ts
index 73c700d8e52..e7311961a0c 100644
--- a/frontend/src/metabase/nav/components/CollectionBreadcrumbs/utils.ts
+++ b/frontend/src/metabase/nav/components/CollectionBreadcrumbs/utils.ts
@@ -19,7 +19,7 @@ export const getCollectionList = ({
   const [_root, ...crumbsWithoutRoot] = ancestors;
 
   const baseIndex = baseCollectionId
-    ? ancestors.findIndex(part => part.id === baseCollectionId)
+    ? ancestors.findIndex((part) => part.id === baseCollectionId)
     : -1;
 
   if (baseIndex >= 0) {
diff --git a/frontend/src/metabase/nav/components/CollectionBreadcrumbs/utils.unit.spec.ts b/frontend/src/metabase/nav/components/CollectionBreadcrumbs/utils.unit.spec.ts
index 48c092f0f46..ddef9e7a14c 100644
--- a/frontend/src/metabase/nav/components/CollectionBreadcrumbs/utils.unit.spec.ts
+++ b/frontend/src/metabase/nav/components/CollectionBreadcrumbs/utils.unit.spec.ts
@@ -11,7 +11,7 @@ const COLLECTION_ID = 1;
 const createCollectionEssentialsList = (
   idList: CollectionId[],
 ): CollectionEssentials[] => {
-  return idList.map(id => createMockCollectionEssential({ id }));
+  return idList.map((id) => createMockCollectionEssential({ id }));
 };
 
 const setup = ({
diff --git a/frontend/src/metabase/nav/components/ProfileLink/ProfileLink.jsx b/frontend/src/metabase/nav/components/ProfileLink/ProfileLink.jsx
index 512aefd4b36..c5dd5a2f614 100644
--- a/frontend/src/metabase/nav/components/ProfileLink/ProfileLink.jsx
+++ b/frontend/src/metabase/nav/components/ProfileLink/ProfileLink.jsx
@@ -33,7 +33,7 @@ import { useHelpLink } from "./useHelpLink";
 
 // generate the proper set of list items for the current user
 // based on whether they're an admin or not
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   adminItems: getAdminPaths(state),
   canAccessOnboardingPage: getCanAccessOnboardingPage(state),
   isNewInstance: getIsNewInstance(state),
@@ -60,7 +60,7 @@ function ProfileLink({
   const { tag, date, ...versionExtra } = version;
   const helpLink = useHelpLink();
 
-  const openModal = modalName => {
+  const openModal = (modalName) => {
     setModalOpen(modalName);
   };
 
diff --git a/frontend/src/metabase/nav/components/ProfileLink/ProfileLink.unit.spec.tsx b/frontend/src/metabase/nav/components/ProfileLink/ProfileLink.unit.spec.tsx
index 2c7849f77cf..23bf457b6f3 100644
--- a/frontend/src/metabase/nav/components/ProfileLink/ProfileLink.unit.spec.tsx
+++ b/frontend/src/metabase/nav/components/ProfileLink/ProfileLink.unit.spec.tsx
@@ -86,7 +86,7 @@ describe("ProfileLink", () => {
 
       await openMenu();
 
-      REGULAR_ITEMS.forEach(title => {
+      REGULAR_ITEMS.forEach((title) => {
         expect(screen.getByText(title)).toBeInTheDocument();
       });
       expect(screen.queryByText("Admin settings")).not.toBeInTheDocument();
@@ -97,7 +97,7 @@ describe("ProfileLink", () => {
 
       await openMenu();
 
-      ADMIN_ITEMS.forEach(title => {
+      ADMIN_ITEMS.forEach((title) => {
         expect(screen.getByText(title)).toBeInTheDocument();
       });
     });
@@ -109,7 +109,7 @@ describe("ProfileLink", () => {
 
       await openMenu();
 
-      REGULAR_ITEMS.forEach(title => {
+      REGULAR_ITEMS.forEach((title) => {
         expect(screen.getByText(title)).toBeInTheDocument();
       });
       expect(screen.queryByText("Admin settings")).not.toBeInTheDocument();
@@ -120,7 +120,7 @@ describe("ProfileLink", () => {
 
       await openMenu();
 
-      HOSTED_ITEMS.forEach(title => {
+      HOSTED_ITEMS.forEach((title) => {
         expect(screen.getByText(title)).toBeInTheDocument();
       });
     });
diff --git a/frontend/src/metabase/nav/components/WhatsNewNotification/utils.ts b/frontend/src/metabase/nav/components/WhatsNewNotification/utils.ts
index adbaf7d1d5d..2931a8d91db 100644
--- a/frontend/src/metabase/nav/components/WhatsNewNotification/utils.ts
+++ b/frontend/src/metabase/nav/components/WhatsNewNotification/utils.ts
@@ -28,7 +28,9 @@ export const getLatestEligibleReleaseNotes = ({
     .concat(versionInfo?.older)
     .filter(isNotFalsy);
 
-  const versionInVersionInfo = versions.find(v => v.version === currentVersion);
+  const versionInVersionInfo = versions.find(
+    (v) => v.version === currentVersion,
+  );
   if (!versionInVersionInfo) {
     return undefined;
   }
diff --git a/frontend/src/metabase/nav/components/search/RecentsList/util.ts b/frontend/src/metabase/nav/components/search/RecentsList/util.ts
index f3cb3d00814..4479a62731a 100644
--- a/frontend/src/metabase/nav/components/search/RecentsList/util.ts
+++ b/frontend/src/metabase/nav/components/search/RecentsList/util.ts
@@ -15,5 +15,5 @@ export const getItemUrl = (item: RecentItem) => {
 };
 
 export const recentsFilter = (results: RecentItem[]): RecentItem[] => {
-  return results.filter(item => item.model !== "collection").slice(0, 5);
+  return results.filter((item) => item.model !== "collection").slice(0, 5);
 };
diff --git a/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.styled.tsx b/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.styled.tsx
index b141f9e68dd..4b86b24af9c 100644
--- a/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.styled.tsx
+++ b/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.styled.tsx
@@ -60,7 +60,7 @@ export const SearchInputContainer = styled.div<{
     height: 2rem;
     border-radius: 99px;
     border-color: transparent;
-    ${props =>
+    ${(props) =>
       props.isActive &&
       css`
         width: 100%;
@@ -103,7 +103,7 @@ export const SearchInput = styled.input<{
     flex-grow: 0;
     padding: 0;
 
-    ${props =>
+    ${(props) =>
       props.isActive &&
       css`
         flex-grow: 1;
@@ -122,7 +122,7 @@ export const SearchIcon = styled(Icon)<{
   ${breakpointMaxSmall} {
     transition: margin 0.3s;
 
-    ${props =>
+    ${(props) =>
       props.isActive &&
       css`
         margin-left: ${ICON_MARGIN};
diff --git a/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.tsx b/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.tsx
index 9e0ebb0aa73..8f21389ad21 100644
--- a/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.tsx
+++ b/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.tsx
@@ -48,7 +48,7 @@ type OwnProps = {
 type Props = RouterProps & OwnProps;
 
 function SearchBarView({ location, onSearchActive, onSearchInactive }: Props) {
-  const isTypeaheadEnabled = useSelector(state =>
+  const isTypeaheadEnabled = useSelector((state) =>
     getSetting(state, "search-typeahead-enabled"),
   );
 
diff --git a/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.unit.spec.tsx b/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.unit.spec.tsx
index 5354a317c0a..d4b736816a0 100644
--- a/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.unit.spec.tsx
+++ b/frontend/src/metabase/nav/components/search/SearchBar/SearchBar.unit.spec.tsx
@@ -145,7 +145,7 @@ describe("SearchBar", () => {
       for (const cardName of ["Card ABC", "Card BCD"]) {
         await userEvent.tab();
 
-        const filteredElement = resultItems.find(element =>
+        const filteredElement = resultItems.find((element) =>
           element.textContent?.includes(cardName),
         );
 
diff --git a/frontend/src/metabase/nav/components/search/SearchResults/SearchResults.unit.spec.tsx b/frontend/src/metabase/nav/components/search/SearchResults/SearchResults.unit.spec.tsx
index 0ccee448282..af66fbda25d 100644
--- a/frontend/src/metabase/nav/components/search/SearchResults/SearchResults.unit.spec.tsx
+++ b/frontend/src/metabase/nav/components/search/SearchResults/SearchResults.unit.spec.tsx
@@ -113,7 +113,7 @@ describe("SearchResults", () => {
 
       const resultItems = await screen.findAllByTestId("search-result-item");
 
-      const filteredElement = resultItems.find(element =>
+      const filteredElement = resultItems.find((element) =>
         element.textContent?.includes(name),
       );
       expect(filteredElement).toHaveAttribute("data-is-selected", "true");
diff --git a/frontend/src/metabase/nav/components/search/SearchResultsDropdown/SearchResultsDropdown.styled.tsx b/frontend/src/metabase/nav/components/search/SearchResultsDropdown/SearchResultsDropdown.styled.tsx
index 30af16fc79b..e1197866fe3 100644
--- a/frontend/src/metabase/nav/components/search/SearchResultsDropdown/SearchResultsDropdown.styled.tsx
+++ b/frontend/src/metabase/nav/components/search/SearchResultsDropdown/SearchResultsDropdown.styled.tsx
@@ -32,7 +32,7 @@ const selectedStyles = css`
 `;
 
 export const SearchDropdownFooter = styled(Group, {
-  shouldForwardProp: propName => propName !== "isSelected",
+  shouldForwardProp: (propName) => propName !== "isSelected",
 })<{ isSelected?: boolean } & GroupProps>`
   border-top: 1px solid var(--mb-color-border);
 
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx
index 97192171ecb..31a8edf8589 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx
@@ -43,11 +43,11 @@ export const NavRoot = styled.nav<{ isOpen: boolean }>`
   overflow-y: auto;
 
   ${breakpointMinSmall} {
-    width: ${props => (props.isOpen ? NAV_SIDEBAR_WIDTH : 0)};
+    width: ${(props) => (props.isOpen ? NAV_SIDEBAR_WIDTH : 0)};
   }
 
   ${breakpointMaxSmall} {
-    width: ${props => (props.isOpen ? "90vw" : 0)};
+    width: ${(props) => (props.isOpen ? "90vw" : 0)};
   }
 `;
 
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BookmarkList/BookmarkList.styled.tsx b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BookmarkList/BookmarkList.styled.tsx
index 34e98322a70..b0b852b0396 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BookmarkList/BookmarkList.styled.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BookmarkList/BookmarkList.styled.tsx
@@ -24,7 +24,7 @@ export const SidebarBookmarkItem = styled(DraggableSidebarLink)`
 
   button {
     opacity: 0;
-    color: ${props =>
+    color: ${(props) =>
       props.isSelected ? color("text-white") : color("brand")};
     cursor: pointer;
     margin-top: 3px;
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BookmarkList/BookmarkList.tsx b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BookmarkList/BookmarkList.tsx
index 81c9e22a0bf..2705bf0419b 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BookmarkList/BookmarkList.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BookmarkList/BookmarkList.tsx
@@ -137,14 +137,14 @@ const BookmarkList = ({
     async (input: DragEndEvent) => {
       document.body.classList.remove(GrabberS.grabbing);
       setIsSorting(false);
-      const newIndex = bookmarks.findIndex(b => b.id === input.over?.id);
-      const oldIndex = bookmarks.findIndex(b => b.id === input.active.id);
+      const newIndex = bookmarks.findIndex((b) => b.id === input.over?.id);
+      const oldIndex = bookmarks.findIndex((b) => b.id === input.active.id);
       await reorderBookmarks({ newIndex, oldIndex });
     },
     [reorderBookmarks, bookmarks],
   );
 
-  const bookmarkIds = bookmarks.map(b => b.id);
+  const bookmarkIds = bookmarks.map((b) => b.id);
 
   const headerId = "headingForBookmarksSectionOfSidebar";
 
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BrowseNavSection.tsx b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BrowseNavSection.tsx
index 7d339437d93..371be489caf 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BrowseNavSection.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/BrowseNavSection.tsx
@@ -29,7 +29,9 @@ export const BrowseNavSection = ({
     "expand-browse-in-nav",
   );
 
-  const entityTypes = useSelector(state => getEmbedOptions(state).entity_types);
+  const entityTypes = useSelector(
+    (state) => getEmbedOptions(state).entity_types,
+  );
   const isEmbeddingIframe = useSelector(getIsEmbeddingIframe);
 
   return (
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/MainNavbarContainer.tsx b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/MainNavbarContainer.tsx
index a58efe206e0..ccb3a394d8f 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/MainNavbarContainer.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/MainNavbarContainer.tsx
@@ -106,7 +106,7 @@ function MainNavbarContainer({
       collections,
       currentUser.id,
     );
-    const displayableCollections = collections.filter(collection =>
+    const displayableCollections = collections.filter((collection) =>
       nonPersonalOrArchivedCollection(collection),
     );
 
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/MainNavbarView.tsx b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/MainNavbarView.tsx
index ee43aed8364..b478c3d8bcb 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/MainNavbarView.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbarContainer/MainNavbarView.tsx
@@ -101,7 +101,7 @@ export function MainNavbarView({
     collection: collectionItem,
     dashboard: dashboardItem,
     "non-entity": nonEntityItem,
-  } = _.indexBy(selectedItems, item => item.type);
+  } = _.indexBy(selectedItems, (item) => item.type);
 
   const onItemSelect = useCallback(() => {
     if (isSmallScreen()) {
@@ -122,7 +122,7 @@ export function MainNavbarView({
   );
 
   const [[trashCollection], collectionsWithoutTrash] = useMemo(
-    () => _.partition(collections, c => c.type === "trash"),
+    () => _.partition(collections, (c) => c.type === "trash"),
     [collections],
   );
 
@@ -155,15 +155,15 @@ export function MainNavbarView({
   const hasAttachedDWHFeature = useHasTokenFeature("attached_dwh");
 
   const uploadDbId = useSelector(
-    state => getSetting(state, "uploads-settings")?.db_id,
+    (state) => getSetting(state, "uploads-settings")?.db_id,
   );
 
   const rootCollection = collections.find(
-    c => c.id === "root" || c.id === null,
+    (c) => c.id === "root" || c.id === null,
   );
   const canCurateRootCollection = rootCollection?.can_write;
   const canUploadToDatabase = databases
-    ?.find(db => db.id === uploadDbId)
+    ?.find((db) => db.id === uploadDbId)
     ?.canUpload();
 
   /**
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/SidebarItems/DraggableSidebarLink.styled.tsx b/frontend/src/metabase/nav/containers/MainNavbar/SidebarItems/DraggableSidebarLink.styled.tsx
index 540f9bcd70b..78f00b1a573 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/SidebarItems/DraggableSidebarLink.styled.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/SidebarItems/DraggableSidebarLink.styled.tsx
@@ -25,7 +25,7 @@ export const StyledSidebarLink = styled(SidebarLink)<{ isDragging: boolean }>`
     }
   }
 
-  ${props =>
+  ${(props) =>
     props.isDragging &&
     css`
       pointer-events: none;
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/SidebarItems/SidebarItems.styled.tsx b/frontend/src/metabase/nav/containers/MainNavbar/SidebarItems/SidebarItems.styled.tsx
index 9512d77bfc9..731350e8f89 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/SidebarItems/SidebarItems.styled.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/SidebarItems/SidebarItems.styled.tsx
@@ -22,7 +22,7 @@ export const SidebarIcon = styled(
   color?: string | null;
   isSelected: boolean;
 }>`
-  ${props =>
+  ${(props) =>
     !props.color &&
     css`
       color: var(--mb-color-brand);
@@ -47,14 +47,14 @@ type NodeRootProps = ComponentProps<typeof TreeNode.Root> & {
 };
 
 export const NodeRoot = styled(TreeNode.Root)<NodeRootProps>`
-  color: ${props => getTextColor(props.isSelected)};
-  background-color: ${props =>
+  color: ${(props) => getTextColor(props.isSelected)};
+  background-color: ${(props) =>
     props.isSelected ? alpha("brand", 0.2) : "unset"};
-  padding-left: ${props => props.depth}rem;
+  padding-left: ${(props) => props.depth}rem;
   border-radius: 4px;
 
   ${ExpandToggleButton} {
-    ${props => props.isSelected && activeColorCSS}
+    ${(props) => props.isSelected && activeColorCSS}
   }
 
   &:hover {
@@ -82,7 +82,7 @@ const collectionDragAndDropHoverStyle = css`
 `;
 
 export const CollectionNodeRoot = styled(NodeRoot)<{ hovered?: boolean }>`
-  ${props => props.hovered && collectionDragAndDropHoverStyle}
+  ${(props) => props.hovered && collectionDragAndDropHoverStyle}
 `;
 
 const itemContentStyle = css`
@@ -98,7 +98,7 @@ export const FullWidthButton = styled.button<{ isSelected: boolean }>`
   ${itemContentStyle}
   ${TreeNode.NameContainer} {
     font-weight: 700;
-    color: ${props => (props.isSelected ? color("brand") : "inherit")};
+    color: ${(props) => (props.isSelected ? color("brand") : "inherit")};
     text-align: start;
 
     &:hover {
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/tests/common.unit.spec.tsx b/frontend/src/metabase/nav/containers/MainNavbar/tests/common.unit.spec.tsx
index 7d90410970a..aadc0006edc 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/tests/common.unit.spec.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/tests/common.unit.spec.tsx
@@ -34,7 +34,7 @@ describe("nav > containers > MainNavbar", () => {
   });
 
   describe("how to use Metabase", () => {
-    it.each(["admin", "non-admin"])("should render for %s", async user => {
+    it.each(["admin", "non-admin"])("should render for %s", async (user) => {
       await setup({ user: createMockUser({ is_superuser: user === "admin" }) });
       const link = screen.getByRole("link", { name: /How to use Metabase/i });
       expect(link).toBeInTheDocument();
diff --git a/frontend/src/metabase/nav/containers/MainNavbar/tests/setup.tsx b/frontend/src/metabase/nav/containers/MainNavbar/tests/setup.tsx
index ede6164da29..d49d7e7e218 100644
--- a/frontend/src/metabase/nav/containers/MainNavbar/tests/setup.tsx
+++ b/frontend/src/metabase/nav/containers/MainNavbar/tests/setup.tsx
@@ -145,7 +145,7 @@ export async function setup({
     dashboardId = openDashboard.id;
     dashboardsForState[openDashboard.id] = {
       ...openDashboard,
-      dashcards: openDashboard.dashcards.map(c => c.id),
+      dashcards: openDashboard.dashcards.map((c) => c.id),
     };
     dashboardsForEntities.push(openDashboard);
   }
@@ -181,7 +181,7 @@ export async function setup({
   renderWithProviders(
     <Route
       path={route}
-      component={props => <MainNavbar {...props} isOpen />}
+      component={(props) => <MainNavbar {...props} isOpen />}
     />,
     {
       storeInitialState,
diff --git a/frontend/src/metabase/nav/containers/Navbar.unit.spec.tsx b/frontend/src/metabase/nav/containers/Navbar.unit.spec.tsx
index fa67ae2f5d0..7ac06203d8e 100644
--- a/frontend/src/metabase/nav/containers/Navbar.unit.spec.tsx
+++ b/frontend/src/metabase/nav/containers/Navbar.unit.spec.tsx
@@ -109,7 +109,7 @@ describe("nav > containers > Navbar > Core App", () => {
     expect(screen.queryByTestId("main-navbar-root")).not.toBeInTheDocument();
   });
 
-  ["question", "model", "dashboard"].forEach(pathname => {
+  ["question", "model", "dashboard"].forEach((pathname) => {
     it(`should be hidden on initial load for a ${pathname}`, async () => {
       await setup({ pathname: `/${pathname}/1` });
       await expectNavbarClosed();
@@ -168,7 +168,7 @@ describe("nav > containers > Navbar > Core App", () => {
     const normallyVisibleRoutes = ["/"];
     const allRoutes = [...normallyHiddenRoutes, ...normallyVisibleRoutes];
 
-    allRoutes.forEach(route => {
+    allRoutes.forEach((route) => {
       it(`should be visible when embedded and on ${route} top_nav=false&side_nav=true`, async () => {
         await setup({
           pathname: route,
@@ -179,7 +179,7 @@ describe("nav > containers > Navbar > Core App", () => {
       });
     });
 
-    normallyVisibleRoutes.forEach(route => {
+    normallyVisibleRoutes.forEach((route) => {
       it(`should be visible when embedded and on ${route} top_nav=true&side_nav=true`, async () => {
         await setup({
           pathname: route,
@@ -190,7 +190,7 @@ describe("nav > containers > Navbar > Core App", () => {
       });
     });
 
-    normallyHiddenRoutes.forEach(route => {
+    normallyHiddenRoutes.forEach((route) => {
       it(`should not be visible when embedded and on ${route} top_nav=true&side_nav=true`, async () => {
         await setup({
           pathname: route,
@@ -201,7 +201,7 @@ describe("nav > containers > Navbar > Core App", () => {
       });
     });
 
-    normallyHiddenRoutes.forEach(route => {
+    normallyHiddenRoutes.forEach((route) => {
       it(`should not be visible when embedded and on ${route} top_nav=true&side_nav=true`, async () => {
         await setup({
           pathname: route,
@@ -214,7 +214,7 @@ describe("nav > containers > Navbar > Core App", () => {
 
     // the current state of App.tsx is such that this should never even happen because we don't even render the parent component
     // but this test will cover any future changes in the component tree
-    allRoutes.forEach(route => {
+    allRoutes.forEach((route) => {
       it(`should not be visible when embedded and on ${route} with side_nav=false`, async () => {
         await setup({
           pathname: route,
diff --git a/frontend/src/metabase/new/components/NewModals/NewModals.tsx b/frontend/src/metabase/new/components/NewModals/NewModals.tsx
index 8fdb890440f..97d062930df 100644
--- a/frontend/src/metabase/new/components/NewModals/NewModals.tsx
+++ b/frontend/src/metabase/new/components/NewModals/NewModals.tsx
@@ -17,7 +17,7 @@ import type { WritebackAction } from "metabase-types/api";
 export const NewModals = withRouter((props: WithRouterProps) => {
   const currentNewModal = useSelector(currentOpenModal);
   const dispatch = useDispatch();
-  const collectionId = useSelector(state =>
+  const collectionId = useSelector((state) =>
     Collections.selectors.getInitialCollectionId(state, props),
   );
 
diff --git a/frontend/src/metabase/notifications/AddEditSidebar/AddEditEmailSidebar.tsx b/frontend/src/metabase/notifications/AddEditSidebar/AddEditEmailSidebar.tsx
index 62e70781c54..645e332fac5 100644
--- a/frontend/src/metabase/notifications/AddEditSidebar/AddEditEmailSidebar.tsx
+++ b/frontend/src/metabase/notifications/AddEditSidebar/AddEditEmailSidebar.tsx
@@ -98,10 +98,10 @@ export const AddEditEmailSidebar = ({
             autoFocus={false}
             recipients={channel.recipients}
             users={users}
-            onRecipientsChange={recipients =>
+            onRecipientsChange={(recipients) =>
               onChannelPropertyChange("recipients", recipients)
             }
-            invalidRecipientText={domains =>
+            invalidRecipientText={(domains) =>
               t`You're only allowed to email subscriptions to addresses ending in ${domains}`
             }
           />
diff --git a/frontend/src/metabase/notifications/AddEditSidebar/DefaultParametersSection.jsx b/frontend/src/metabase/notifications/AddEditSidebar/DefaultParametersSection.jsx
index b168d64ba7a..7ba371684b3 100644
--- a/frontend/src/metabase/notifications/AddEditSidebar/DefaultParametersSection.jsx
+++ b/frontend/src/metabase/notifications/AddEditSidebar/DefaultParametersSection.jsx
@@ -11,7 +11,7 @@ import Heading from "./Heading";
 // TODO: will need improved formatting for operator parameter filters
 function formatDefaultParamValues(parameters) {
   return parameters
-    .map(parameter => {
+    .map((parameter) => {
       const value = conjunct([].concat(parameter.default), t`and`);
       return value && `${parameter.name} is ${value}`;
     })
diff --git a/frontend/src/metabase/notifications/AddEditSidebar/DeleteSubscriptionAction.jsx b/frontend/src/metabase/notifications/AddEditSidebar/DeleteSubscriptionAction.jsx
index ace56e69f20..800bd1c4211 100644
--- a/frontend/src/metabase/notifications/AddEditSidebar/DeleteSubscriptionAction.jsx
+++ b/frontend/src/metabase/notifications/AddEditSidebar/DeleteSubscriptionAction.jsx
@@ -13,7 +13,7 @@ function getConfirmItems(pulse) {
       <span key={index}>
         {jt`This dashboard will no longer be emailed to ${(
           <strong key="msg">
-            {(n => ngettext(msgid`${n} address`, `${n} addresses`, n))(
+            {((n) => ngettext(msgid`${n} address`, `${n} addresses`, n))(
               c.recipients.length,
             )}
           </strong>
diff --git a/frontend/src/metabase/notifications/DashboardSubscriptionsSidebar/DashboardSubscriptionsSidebar.jsx b/frontend/src/metabase/notifications/DashboardSubscriptionsSidebar/DashboardSubscriptionsSidebar.jsx
index 124f6d2b8a1..f955a522eaa 100644
--- a/frontend/src/metabase/notifications/DashboardSubscriptionsSidebar/DashboardSubscriptionsSidebar.jsx
+++ b/frontend/src/metabase/notifications/DashboardSubscriptionsSidebar/DashboardSubscriptionsSidebar.jsx
@@ -51,12 +51,12 @@ const CHANNEL_TYPES = {
   SLACK: "slack",
 };
 
-const cardsFromDashboard = dashboard => {
+const cardsFromDashboard = (dashboard) => {
   if (dashboard === undefined) {
     return [];
   }
 
-  return dashboard.dashcards.map(card => ({
+  return dashboard.dashcards.map((card) => ({
     id: card.card.id,
     collection_id: card.card.collection_id,
     description: card.card.description,
@@ -70,15 +70,15 @@ const cardsFromDashboard = dashboard => {
   }));
 };
 
-export const getSupportedCardsForSubscriptions = dashboard => {
+export const getSupportedCardsForSubscriptions = (dashboard) => {
   return cardsFromDashboard(dashboard).filter(
-    card => !isVirtualCardDisplayType(card.display),
+    (card) => !isVirtualCardDisplayType(card.display),
   );
 };
 
 const cardsToPulseCards = (cards, pulseCards) => {
-  return cards.map(card => {
-    const pulseCard = pulseCards.find(pc => pc.id === card.id) || card;
+  return cards.map((card) => {
+    const pulseCard = pulseCards.find((pc) => pc.id === card.id) || card;
     return {
       ...card,
       format_rows: pulseCard.format_rows,
@@ -219,11 +219,11 @@ class DashboardSubscriptionsSidebarInner extends Component {
     }
   };
 
-  setPulse = pulse => {
+  setPulse = (pulse) => {
     this.props.updateEditingPulse(pulse);
   };
 
-  setPulseWithChannel = type => {
+  setPulseWithChannel = (type) => {
     const { dashboard, formInput } = this.props;
 
     const channelSpec = formInput.channels[type];
@@ -265,7 +265,7 @@ class DashboardSubscriptionsSidebarInner extends Component {
     this.setPulse({ ...pulse, skip_if_empty: !pulse.skip_if_empty });
   };
 
-  setPulseParameters = parameters => {
+  setPulseParameters = (parameters) => {
     const { pulse } = this.props;
 
     this.setPulse({
diff --git a/frontend/src/metabase/notifications/DashboardSubscriptionsSidebar/tests/setup.tsx b/frontend/src/metabase/notifications/DashboardSubscriptionsSidebar/tests/setup.tsx
index 13e659911bb..3340306f793 100644
--- a/frontend/src/metabase/notifications/DashboardSubscriptionsSidebar/tests/setup.tsx
+++ b/frontend/src/metabase/notifications/DashboardSubscriptionsSidebar/tests/setup.tsx
@@ -67,7 +67,7 @@ function createDashboardState(
     dashboards: {
       [dashboard.id]: {
         ...dashboard,
-        dashcards: dashcards.map(d => d.id),
+        dashcards: dashcards.map((d) => d.id),
       },
     },
   });
diff --git a/frontend/src/metabase/notifications/EmailAttachmentPicker.jsx b/frontend/src/metabase/notifications/EmailAttachmentPicker.jsx
index c20a9a8ff0c..d9497d42c1f 100644
--- a/frontend/src/metabase/notifications/EmailAttachmentPicker.jsx
+++ b/frontend/src/metabase/notifications/EmailAttachmentPicker.jsx
@@ -44,7 +44,7 @@ export default class EmailAttachmentPicker extends Component {
   }
 
   _getCardsWithAttachments() {
-    return this.props.cards.filter(card => {
+    return this.props.cards.filter((card) => {
       return card.include_csv || card.include_xls;
     });
   }
@@ -56,14 +56,14 @@ export default class EmailAttachmentPicker extends Component {
       isEnabled: selectedCards.length > 0,
       selectedAttachmentType:
         this.attachmentTypeFor(selectedCards) || this.DEFAULT_ATTACHMENT_TYPE,
-      selectedCardIds: new Set(selectedCards.map(card => card.id)),
+      selectedCardIds: new Set(selectedCards.map((card) => card.id)),
       isFormattingEnabled: getInitialFormattingState(selectedCards),
       isPivotingEnabled: getInitialPivotingState(selectedCards),
     };
   }
 
   canConfigurePivoting() {
-    return this.props.cards.some(card => card.display === "pivot");
+    return this.props.cards.some((card) => card.display === "pivot");
   }
 
   shouldUpdateState(newState, currentState) {
@@ -89,7 +89,7 @@ export default class EmailAttachmentPicker extends Component {
 
     setPulse({
       ...pulse,
-      cards: pulse.cards.map(card => {
+      cards: pulse.cards.map((card) => {
         card.include_csv = selectedCardIds.has(card.id) && isCsv;
         card.include_xls = selectedCardIds.has(card.id) && isXls;
         card.format_rows = isCsv && isFormattingEnabled; // Excel always uses formatting
@@ -100,19 +100,19 @@ export default class EmailAttachmentPicker extends Component {
   }
 
   cardIds() {
-    return new Set(this.props.cards.map(card => card.id));
+    return new Set(this.props.cards.map((card) => card.id));
   }
 
   cardIdsToCards(cardIds) {
     const { pulse } = this.props;
 
-    return pulse.cards.filter(card => cardIds.has(card.id));
+    return pulse.cards.filter((card) => cardIds.has(card.id));
   }
 
   attachmentTypeFor(cards) {
-    if (cards.some(c => c.include_xls)) {
+    if (cards.some((c) => c.include_xls)) {
       return "xlsx";
-    } else if (cards.some(c => c.include_csv)) {
+    } else if (cards.some((c) => c.include_csv)) {
       return "csv";
     } else {
       return null;
@@ -122,14 +122,14 @@ export default class EmailAttachmentPicker extends Component {
   /*
    * Called when the attachment type toggle (csv/xls) is clicked
    */
-  setAttachmentType = newAttachmentType => {
+  setAttachmentType = (newAttachmentType) => {
     this.updatePulseCards(newAttachmentType, this.state.selectedCardIds);
   };
 
   /*
    * Called when attachments are enabled/disabled at all
    */
-  toggleAttach = includeAttachment => {
+  toggleAttach = (includeAttachment) => {
     if (!includeAttachment) {
       this.disableAllCards();
     }
@@ -180,7 +180,7 @@ export default class EmailAttachmentPicker extends Component {
 
   onToggleFormatting = () => {
     this.setState(
-      prevState => ({
+      (prevState) => ({
         ...prevState,
         isFormattingEnabled: !prevState.isFormattingEnabled,
       }),
@@ -195,7 +195,7 @@ export default class EmailAttachmentPicker extends Component {
 
   onTogglePivoting = () => {
     this.setState(
-      prevState => ({
+      (prevState) => ({
         ...prevState,
         isPivotingEnabled: !prevState.isPivotingEnabled,
       }),
@@ -296,7 +296,7 @@ export default class EmailAttachmentPicker extends Component {
                     onChange={this.onToggleAll}
                   />
                 </li>
-                {cards.map(card => (
+                {cards.map((card) => (
                   <li key={card.id}>
                     <Checkbox
                       mb="1rem"
@@ -320,14 +320,14 @@ export default class EmailAttachmentPicker extends Component {
 
 function getInitialFormattingState(cards) {
   if (cards.length > 0) {
-    return cards.some(card => !!card.format_rows);
+    return cards.some((card) => !!card.format_rows);
   }
   return true;
 }
 
 function getInitialPivotingState(cards) {
   if (cards.length > 0) {
-    return cards.some(card => !!card.pivot_results);
+    return cards.some((card) => !!card.pivot_results);
   }
   return false;
 }
diff --git a/frontend/src/metabase/notifications/NotificationsActionsMenu/DashboardSubscriptionMenuItem.tsx b/frontend/src/metabase/notifications/NotificationsActionsMenu/DashboardSubscriptionMenuItem.tsx
index a64e6ed352e..6d7a6c3bddc 100644
--- a/frontend/src/metabase/notifications/NotificationsActionsMenu/DashboardSubscriptionMenuItem.tsx
+++ b/frontend/src/metabase/notifications/NotificationsActionsMenu/DashboardSubscriptionMenuItem.tsx
@@ -23,7 +23,7 @@ export function DashboardSubscriptionMenuItem({
 
   // dashcardData only contains question cards, text ones don't appear here
   const hasDataCards = dashboard?.dashcards?.some(
-    dashCard => !["text", "heading"].includes(dashCard.card.display),
+    (dashCard) => !["text", "heading"].includes(dashCard.card.display),
   );
 
   if (!canManageSubscriptions || !hasDataCards) {
diff --git a/frontend/src/metabase/notifications/PulsesListSidebar.jsx b/frontend/src/metabase/notifications/PulsesListSidebar.jsx
index b7bd9eac24a..04468970b20 100644
--- a/frontend/src/metabase/notifications/PulsesListSidebar.jsx
+++ b/frontend/src/metabase/notifications/PulsesListSidebar.jsx
@@ -72,7 +72,7 @@ function _PulsesListSidebar({
         </SidebarActions>
       </div>
       <div className={cx(CS.my2, CS.mx4)}>
-        {pulses.map(pulse => {
+        {pulses.map((pulse) => {
           const canEdit = canEditPulse(pulse, formInput);
 
           return (
diff --git a/frontend/src/metabase/notifications/channels/EmailChannelEdit.tsx b/frontend/src/metabase/notifications/channels/EmailChannelEdit.tsx
index 9d222fe80c7..f44b9808632 100644
--- a/frontend/src/metabase/notifications/channels/EmailChannelEdit.tsx
+++ b/frontend/src/metabase/notifications/channels/EmailChannelEdit.tsx
@@ -20,7 +20,7 @@ export const EmailChannelEdit = ({
   onChange: (newConfig: NotificationHandlerEmail) => void;
 }) => {
   const mappedUsers: RecipientPickerValue[] = channel.recipients
-    .map(recipient => {
+    .map((recipient) => {
       if (recipient.type === "notification-recipient/user") {
         const user = users.find(({ id }) => id === recipient.user_id);
         if (user) {
@@ -41,7 +41,7 @@ export const EmailChannelEdit = ({
     .filter(isNotNull);
 
   const handleRecipientsChange = (recipients: RecipientPickerValue[]) => {
-    const mappedUsers: NotificationRecipient[] = recipients.map(recipient => {
+    const mappedUsers: NotificationRecipient[] = recipients.map((recipient) => {
       let result: NotificationRecipient;
       if ("id" in recipient) {
         result = {
diff --git a/frontend/src/metabase/notifications/channels/RecipientPicker.tsx b/frontend/src/metabase/notifications/channels/RecipientPicker.tsx
index 0270e60aaa4..d0b6be8eec5 100644
--- a/frontend/src/metabase/notifications/channels/RecipientPicker.tsx
+++ b/frontend/src/metabase/notifications/channels/RecipientPicker.tsx
@@ -35,7 +35,7 @@ export const RecipientPicker = ({
     onRecipientsChange(newRecipients);
   };
 
-  const isValid = recipients.every(r => recipientIsValid(r));
+  const isValid = recipients.every((r) => recipientIsValid(r));
   const domains = useSetting("subscription-allowed-domains");
 
   return (
@@ -43,7 +43,7 @@ export const RecipientPicker = ({
       <div>
         <TokenField
           value={recipients}
-          options={users ? users.map(user => ({ value: user })) : []}
+          options={users ? users.map((user) => ({ value: user })) : []}
           onChange={handleOnChange}
           className={S.tokenField}
           idKey={(item: RecipientPickerValue) =>
@@ -56,8 +56,8 @@ export const RecipientPicker = ({
           }
           autoFocus={autoFocus && recipients.length === 0}
           multi
-          valueRenderer={value => value.common_name ?? value.email}
-          optionRenderer={option => (
+          valueRenderer={(value) => value.common_name ?? value.email}
+          optionRenderer={(option) => (
             <div className={cx(CS.flex, CS.alignCenter)}>
               <Text color="text-white">
                 <UserAvatar user={option.value} />
@@ -66,8 +66,8 @@ export const RecipientPicker = ({
             </div>
           )}
           filterOption={filterOption}
-          validateValue={value => recipientIsValid(value)}
-          parseFreeformValue={inputValue => {
+          validateValue={(value) => recipientIsValid(value)}
+          parseFreeformValue={(inputValue) => {
             if (isEmail(inputValue)) {
               return { email: inputValue };
             }
diff --git a/frontend/src/metabase/notifications/channels/RecipientPicker.unit.spec.tsx b/frontend/src/metabase/notifications/channels/RecipientPicker.unit.spec.tsx
index 2fcf90a8f9c..ba3a12abb9e 100644
--- a/frontend/src/metabase/notifications/channels/RecipientPicker.unit.spec.tsx
+++ b/frontend/src/metabase/notifications/channels/RecipientPicker.unit.spec.tsx
@@ -13,7 +13,7 @@ const TEST_USERS = [
   { id: 6, common_name: "Nancy", email: "" },
   { id: 7, common_name: "Steve", email: "" },
   { id: 8, common_name: "Will", email: "zombieboy@upside.test" }, // w
-].map(user => createMockUser(user));
+].map((user) => createMockUser(user));
 
 describe("recipient picker", () => {
   describe("focus", () => {
diff --git a/frontend/src/metabase/notifications/channels/SlackChannelField.tsx b/frontend/src/metabase/notifications/channels/SlackChannelField.tsx
index 77a42c4420e..f2e83164caa 100644
--- a/frontend/src/metabase/notifications/channels/SlackChannelField.tsx
+++ b/frontend/src/metabase/notifications/channels/SlackChannelField.tsx
@@ -29,7 +29,7 @@ export const SlackChannelField = ({
     useState(false);
 
   const channelField = channelSpec.fields?.find(
-    field => field.name === CHANNEL_FIELD_NAME,
+    (field) => field.name === CHANNEL_FIELD_NAME,
   );
   const value = channel?.details?.[CHANNEL_FIELD_NAME] ?? "";
 
diff --git a/frontend/src/metabase/notifications/channels/SlackChannelFieldNew.tsx b/frontend/src/metabase/notifications/channels/SlackChannelFieldNew.tsx
index e1ba0c54657..b9f22443e6f 100644
--- a/frontend/src/metabase/notifications/channels/SlackChannelFieldNew.tsx
+++ b/frontend/src/metabase/notifications/channels/SlackChannelFieldNew.tsx
@@ -29,7 +29,7 @@ export const SlackChannelFieldNew = ({
     useState(false);
 
   const channelField = channelSpec.fields?.find(
-    field => field.name === CHANNEL_FIELD_NAME,
+    (field) => field.name === CHANNEL_FIELD_NAME,
   );
   const value = channel.recipients[0]?.details.value ?? "";
 
diff --git a/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/CreateOrEditQuestionAlertModal.tsx b/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/CreateOrEditQuestionAlertModal.tsx
index 0f6786636a3..c6098f4ed10 100644
--- a/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/CreateOrEditQuestionAlertModal.tsx
+++ b/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/CreateOrEditQuestionAlertModal.tsx
@@ -136,7 +136,7 @@ export const CreateOrEditQuestionAlertModal = ({
       getAlertTriggerOptions({
         question,
         visualizationSettings,
-      }).map(trigger => ALERT_TRIGGER_OPTIONS_MAP[trigger]),
+      }).map((trigger) => ALERT_TRIGGER_OPTIONS_MAP[trigger]),
     [question, visualizationSettings],
   );
 
@@ -300,7 +300,7 @@ export const CreateOrEditQuestionAlertModal = ({
                 data={triggerOptions}
                 value={notification.payload.send_condition}
                 w={276}
-                onChange={value =>
+                onChange={(value) =>
                   setNotification({
                     ...notification,
                     payload: {
@@ -338,7 +338,7 @@ export const CreateOrEditQuestionAlertModal = ({
               });
             }}
             emailRecipientText={t`Email alerts to:`}
-            getInvalidRecipientText={domains =>
+            getInvalidRecipientText={(domains) =>
               t`You're only allowed to email alerts to addresses ending in ${domains}`
             }
           />
@@ -354,7 +354,7 @@ export const CreateOrEditQuestionAlertModal = ({
             labelPosition="right"
             size="sm"
             checked={notification.payload.send_once}
-            onChange={e =>
+            onChange={(e) =>
               setNotification({
                 ...notification,
                 payload: {
diff --git a/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/CreateOrEditQuestionAlertModal.unit.spec.tsx b/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/CreateOrEditQuestionAlertModal.unit.spec.tsx
index 20ed5fe1c53..412b91064b3 100644
--- a/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/CreateOrEditQuestionAlertModal.unit.spec.tsx
+++ b/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/CreateOrEditQuestionAlertModal.unit.spec.tsx
@@ -63,7 +63,7 @@ describe("CreateOrEditQuestionAlertModal", () => {
 
   it.each([{ isAdmin: true }, { isAdmin: false, userCanAccessSettings: true }])(
     "should display first available channel by default - Slack %p",
-    async setupConfig => {
+    async (setupConfig) => {
       setup({
         isEmailSetup: false,
         isSlackSetup: true,
@@ -81,7 +81,7 @@ describe("CreateOrEditQuestionAlertModal", () => {
 
   it.each([{ isAdmin: true }, { isAdmin: false, userCanAccessSettings: true }])(
     "should display first available channel by default - Webhook %p",
-    async setupConfig => {
+    async (setupConfig) => {
       const mockWebhook = createMockChannel();
       setup({
         isEmailSetup: false,
diff --git a/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/components/NotificationSchedule/NotificationSchedule.tsx b/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/components/NotificationSchedule/NotificationSchedule.tsx
index 5b2abf1c497..86a2ca51230 100644
--- a/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/components/NotificationSchedule/NotificationSchedule.tsx
+++ b/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/components/NotificationSchedule/NotificationSchedule.tsx
@@ -38,7 +38,7 @@ export const NotificationSchedule = ({
   onScheduleChange,
   ...boxProps
 }: NotificationScheduleProps & BoxProps & HTMLAttributes<HTMLDivElement>) => {
-  const timezone = useSelector(state =>
+  const timezone = useSelector((state) =>
     getSetting(state, "report-timezone-short"),
   );
 
diff --git a/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/components/NotificationSchedule/NotificationSchedule.unit.spec.tsx b/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/components/NotificationSchedule/NotificationSchedule.unit.spec.tsx
index 05dc0232c28..2411d3c2c54 100644
--- a/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/components/NotificationSchedule/NotificationSchedule.unit.spec.tsx
+++ b/frontend/src/metabase/notifications/modals/CreateOrEditQuestionAlertModal/components/NotificationSchedule/NotificationSchedule.unit.spec.tsx
@@ -4,7 +4,7 @@ import type { ScheduleDisplayType } from "metabase-types/api";
 import { setup } from "./setup";
 
 describe("NotificationSchedule", () => {
-  ["builder", "raw"].forEach(uiDisplayType => {
+  ["builder", "raw"].forEach((uiDisplayType) => {
     it(`${uiDisplayType} - should show warning when notification schedule is set to less than 10 minutes`, () => {
       setup({
         subscription: {
diff --git a/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListItem.tsx b/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListItem.tsx
index 0a1b21ff4a0..5624cb8ba00 100644
--- a/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListItem.tsx
+++ b/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListItem.tsx
@@ -179,7 +179,7 @@ const formatEmailHandlerInfo = (
   const usersMap = _.indexBy(users, "id");
 
   const emailRecipients = emailHandler.recipients
-    .map(recipient => {
+    .map((recipient) => {
       if (recipient.type === "notification-recipient/raw-value") {
         return recipient.details.value;
       }
diff --git a/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListModal.stories.tsx b/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListModal.stories.tsx
index 0a52242322a..f19cb2d23e5 100644
--- a/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListModal.stories.tsx
+++ b/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListModal.stories.tsx
@@ -15,7 +15,7 @@ export default {
   component: AlertListModal,
 };
 
-const Template: StoryFn<ComponentProps<typeof AlertListModal>> = args => {
+const Template: StoryFn<ComponentProps<typeof AlertListModal>> = (args) => {
   const [isOpen, setIsOpen] = useState(true);
 
   return (
diff --git a/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListModal.tsx b/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListModal.tsx
index 548405fdfbd..b0b7df14dd0 100644
--- a/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListModal.tsx
+++ b/frontend/src/metabase/notifications/modals/QuestionAlertListModal/AlertListModal.tsx
@@ -64,7 +64,7 @@ export const AlertListModal = ({
       title={t`Edit alerts`}
     >
       <Stack gap="lg" mb="lg" mt="1rem">
-        {sortedQuestionAlerts.map(alert => {
+        {sortedQuestionAlerts.map((alert) => {
           const canEditAlert =
             isAdmin ||
             (canManageSubscriptions && isCreatedByCurrentUser(alert));
diff --git a/frontend/src/metabase/notifications/modals/components/NotificationChannelsAddMenu.tsx b/frontend/src/metabase/notifications/modals/components/NotificationChannelsAddMenu.tsx
index 8562e57860c..6c79d18b281 100644
--- a/frontend/src/metabase/notifications/modals/components/NotificationChannelsAddMenu.tsx
+++ b/frontend/src/metabase/notifications/modals/components/NotificationChannelsAddMenu.tsx
@@ -104,7 +104,7 @@ export const NotificationChannelsAddMenu = ({
               mt={!hasAddedEmail || !hasAddedSlack ? "1rem" : undefined}
               c="text-medium"
             >{t`Webhooks`}</Menu.Label>
-            {notAddedHookChannels.map(channel => (
+            {notAddedHookChannels.map((channel) => (
               <Menu.Item
                 key={channel.id}
                 onClick={() =>
diff --git a/frontend/src/metabase/notifications/modals/components/NotificationChannelsPicker.tsx b/frontend/src/metabase/notifications/modals/components/NotificationChannelsPicker.tsx
index 2d855c8bf2e..5127e305147 100644
--- a/frontend/src/metabase/notifications/modals/components/NotificationChannelsPicker.tsx
+++ b/frontend/src/metabase/notifications/modals/components/NotificationChannelsPicker.tsx
@@ -90,7 +90,7 @@ export const NotificationChannelsPicker = ({
     oldConfig: NotificationHandler,
     newConfig: NotificationHandler,
   ) => {
-    const updatedChannels = notificationHandlers.map(value =>
+    const updatedChannels = notificationHandlers.map((value) =>
       value === oldConfig ? newConfig : value,
     );
 
@@ -99,7 +99,7 @@ export const NotificationChannelsPicker = ({
 
   const onRemoveChannel = (channel: NotificationHandler) => {
     const updatedChannels = notificationHandlers.filter(
-      value => value !== channel,
+      (value) => value !== channel,
     );
 
     onChange(updatedChannels);
@@ -124,7 +124,7 @@ export const NotificationChannelsPicker = ({
             channel={emailHandler}
             users={usersListOptions}
             invalidRecipientText={getInvalidRecipientText}
-            onChange={newConfig => onChannelChange(emailHandler, newConfig)}
+            onChange={(newConfig) => onChannelChange(emailHandler, newConfig)}
           />
         </ChannelSettingsBlock>
       )}
@@ -138,14 +138,14 @@ export const NotificationChannelsPicker = ({
           <SlackChannelFieldNew
             channel={slackHandler}
             channelSpec={channels.slack}
-            onChange={newConfig => onChannelChange(slackHandler, newConfig)}
+            onChange={(newConfig) => onChannelChange(slackHandler, newConfig)}
           />
         </ChannelSettingsBlock>
       )}
 
       {userCanAccessSettings &&
         hookHandlers &&
-        hookHandlers.map(channel => (
+        hookHandlers.map((channel) => (
           <ChannelSettingsBlock
             key={`webhook-${channel.channel_id}`}
             title={
diff --git a/frontend/src/metabase/notifications/pulse/selectors.js b/frontend/src/metabase/notifications/pulse/selectors.js
index 8c51d9c7d68..0fa05eed7c8 100644
--- a/frontend/src/metabase/notifications/pulse/selectors.js
+++ b/frontend/src/metabase/notifications/pulse/selectors.js
@@ -1,3 +1,3 @@
-export const getEditingPulse = state => state.pulse.editingPulse;
+export const getEditingPulse = (state) => state.pulse.editingPulse;
 
-export const getPulseFormInput = state => state.pulse?.formInput;
+export const getPulseFormInput = (state) => state.pulse?.formInput;
diff --git a/frontend/src/metabase/palette/components/Palette.tsx b/frontend/src/metabase/palette/components/Palette.tsx
index 9209194d9c0..d7cfba6987c 100644
--- a/frontend/src/metabase/palette/components/Palette.tsx
+++ b/frontend/src/metabase/palette/components/Palette.tsx
@@ -16,8 +16,8 @@ import { PaletteFooter } from "./PaletteFooter";
 import { PaletteResults } from "./PaletteResults";
 
 /** Command palette */
-export const Palette = withRouter(props => {
-  const isLoggedIn = useSelector(state => !!getUser(state));
+export const Palette = withRouter((props) => {
+  const isLoggedIn = useSelector((state) => !!getUser(state));
 
   useCommandPaletteBasicActions({ ...props, isLoggedIn });
 
@@ -35,7 +35,7 @@ export const Palette = withRouter(props => {
 });
 
 const PaletteContainer = () => {
-  const { query } = useKBar(state => ({ actions: state.actions }));
+  const { query } = useKBar((state) => ({ actions: state.actions }));
   const ref = useRef(null);
 
   useOnClickOutside(ref, () => {
diff --git a/frontend/src/metabase/palette/components/PaletteResultItem.unit.spec.tsx b/frontend/src/metabase/palette/components/PaletteResultItem.unit.spec.tsx
index 05009657b83..792e328dbab 100644
--- a/frontend/src/metabase/palette/components/PaletteResultItem.unit.spec.tsx
+++ b/frontend/src/metabase/palette/components/PaletteResultItem.unit.spec.tsx
@@ -80,7 +80,7 @@ const setupInList = ({ item }: { item: Partial<PaletteActionImpl> }) => {
         path="/"
         component={() => (
           <PaletteResultList
-            items={items.map(item => mockPaletteActionImpl(item))}
+            items={items.map((item) => mockPaletteActionImpl(item))}
             onRender={({
               item,
               active,
diff --git a/frontend/src/metabase/palette/components/PaletteResults.tsx b/frontend/src/metabase/palette/components/PaletteResults.tsx
index 0ee82cb4e0d..9a92dbb3d50 100644
--- a/frontend/src/metabase/palette/components/PaletteResults.tsx
+++ b/frontend/src/metabase/palette/components/PaletteResults.tsx
@@ -47,13 +47,13 @@ export const PaletteResults = withRouter(
     });
 
     useKeyPressEvent("PageDown", () => {
-      query.setActiveIndex(i =>
+      query.setActiveIndex((i) =>
         navigateActionIndex(processedResults, i, PAGE_SIZE),
       );
     });
 
     useKeyPressEvent("PageUp", () => {
-      query.setActiveIndex(i =>
+      query.setActiveIndex((i) =>
         navigateActionIndex(processedResults, i, -PAGE_SIZE),
       );
     });
diff --git a/frontend/src/metabase/palette/components/PaletteResultsList.tsx b/frontend/src/metabase/palette/components/PaletteResultsList.tsx
index fea328f7678..3e350ae22fa 100644
--- a/frontend/src/metabase/palette/components/PaletteResultsList.tsx
+++ b/frontend/src/metabase/palette/components/PaletteResultsList.tsx
@@ -26,7 +26,7 @@ interface PaletteResultListProps {
   maxHeight?: number;
 }
 
-export const PaletteResultList: React.FC<PaletteResultListProps> = props => {
+export const PaletteResultList: React.FC<PaletteResultListProps> = (props) => {
   const activeRef = React.useRef<HTMLDivElement>(null);
   const parentRef = React.useRef<HTMLDivElement>(null);
 
@@ -36,7 +36,7 @@ export const PaletteResultList: React.FC<PaletteResultListProps> = props => {
   itemsRef.current = props.items;
 
   const { query, search, currentRootActionId, activeIndex, options } = useKBar(
-    state => ({
+    (state) => ({
       search: state.searchQuery,
       currentRootActionId: state.currentRootActionId,
       activeIndex: state.activeIndex,
@@ -52,7 +52,7 @@ export const PaletteResultList: React.FC<PaletteResultListProps> = props => {
       if (event.key === "ArrowUp" || (event.ctrlKey && event.key === "p")) {
         event.preventDefault();
         event.stopPropagation();
-        query.setActiveIndex(index => {
+        query.setActiveIndex((index) => {
           return navigateActionIndex(itemsRef.current, index, -1);
         });
       } else if (
@@ -61,7 +61,7 @@ export const PaletteResultList: React.FC<PaletteResultListProps> = props => {
       ) {
         event.preventDefault();
         event.stopPropagation();
-        query.setActiveIndex(index => {
+        query.setActiveIndex((index) => {
           return navigateActionIndex(itemsRef.current, index, 1);
         });
       } else if (event.key === "Enter") {
diff --git a/frontend/src/metabase/palette/hooks/useCommandPalette.tsx b/frontend/src/metabase/palette/hooks/useCommandPalette.tsx
index 25478042130..ec996bea8b6 100644
--- a/frontend/src/metabase/palette/hooks/useCommandPalette.tsx
+++ b/frontend/src/metabase/palette/hooks/useCommandPalette.tsx
@@ -41,7 +41,7 @@ export const useCommandPalette = ({
   locationQuery: Query;
 }) => {
   const dispatch = useDispatch();
-  const docsUrl = useSelector(state => getDocsUrl(state, {}));
+  const docsUrl = useSelector((state) => getDocsUrl(state, {}));
   const showMetabaseLinks = useSelector(getShowMetabaseLinks);
 
   const isAdmin = useSelector(getUserIsAdmin);
@@ -50,7 +50,7 @@ export const useCommandPalette = ({
   const isSearchTypeaheadEnabled = useSetting("search-typeahead-enabled");
 
   // Used for finding actions within the list
-  const { searchQuery } = useKBar(state => ({
+  const { searchQuery } = useKBar((state) => ({
     searchQuery: state.searchQuery,
   }));
   const trimmedQuery = searchQuery.trim();
@@ -234,7 +234,7 @@ export const useCommandPalette = ({
 
   const recentItemsActions = useMemo<PaletteAction[]>(() => {
     return (
-      filterRecentItems(recentItems ?? []).map(item => {
+      filterRecentItems(recentItems ?? []).map((item) => {
         const icon = getIcon(item);
         return {
           id: `recent-item-${getName(item)}-${item.model}-${item.id}`,
@@ -268,7 +268,7 @@ export const useCommandPalette = ({
       : [];
 
     const paths = [...adminPaths, ...adminSubpaths];
-    return paths.map(adminPath => ({
+    return paths.map((adminPath) => ({
       id: `admin-page-${adminPath.key}`,
       name: `${adminPath.name}`,
       icon: "gear",
diff --git a/frontend/src/metabase/palette/hooks/useCommandPaletteBasicActions.tsx b/frontend/src/metabase/palette/hooks/useCommandPaletteBasicActions.tsx
index 20481f24db0..8472b6b9916 100644
--- a/frontend/src/metabase/palette/hooks/useCommandPaletteBasicActions.tsx
+++ b/frontend/src/metabase/palette/hooks/useCommandPaletteBasicActions.tsx
@@ -24,7 +24,7 @@ export const useCommandPaletteBasicActions = ({
   ...props
 }: WithRouterProps & { isLoggedIn: boolean }) => {
   const dispatch = useDispatch();
-  const collectionId = useSelector(state =>
+  const collectionId = useSelector((state) =>
     Collections.selectors.getInitialCollectionId(state, props),
   );
 
diff --git a/frontend/src/metabase/palette/utils.ts b/frontend/src/metabase/palette/utils.ts
index dea3bfccdea..2015f5245b4 100644
--- a/frontend/src/metabase/palette/utils.ts
+++ b/frontend/src/metabase/palette/utils.ts
@@ -45,7 +45,9 @@ export const navigateActionIndex = (
   index: number,
   diff: number,
 ): number => {
-  if (actions.every(action => typeof action === "string" || action.disabled)) {
+  if (
+    actions.every((action) => typeof action === "string" || action.disabled)
+  ) {
     return index;
   } else {
     return findClosestActionIndex(actions, index, diff);
@@ -72,8 +74,9 @@ export const findClosestActionIndex = (
   return index + diff;
 };
 
-export const filterRecentItems: (items: RecentItem[]) => RecentItem[] = items =>
-  items.filter(item => item.model !== "collection").slice(0, 5);
+export const filterRecentItems: (items: RecentItem[]) => RecentItem[] = (
+  items,
+) => items.filter((item) => item.model !== "collection").slice(0, 5);
 
 export const getCommandPaletteIcon = (
   item: PaletteActionImpl,
diff --git a/frontend/src/metabase/palette/utils.unit.spec.ts b/frontend/src/metabase/palette/utils.unit.spec.ts
index 539a315375a..41757ee337b 100644
--- a/frontend/src/metabase/palette/utils.unit.spec.ts
+++ b/frontend/src/metabase/palette/utils.unit.spec.ts
@@ -97,14 +97,14 @@ describe("command palette utils", () => {
         ...testRecent,
       ]);
 
-      const actionsIndex = results.findIndex(action => action === "Actions");
+      const actionsIndex = results.findIndex((action) => action === "Actions");
       const searchIndex = results.findIndex(
-        action => action === "Search results",
+        (action) => action === "Search results",
       );
       const recentsIndex = results.findIndex(
-        action => action === "Recent items",
+        (action) => action === "Recent items",
       );
-      const adminIndex = results.findIndex(action => action === "Admin");
+      const adminIndex = results.findIndex((action) => action === "Admin");
 
       [recentsIndex, actionsIndex, adminIndex, searchIndex].forEach(
         (val, i, arr) => {
diff --git a/frontend/src/metabase/parameters/actions.ts b/frontend/src/metabase/parameters/actions.ts
index 6d68e33b68f..ddc15950cae 100644
--- a/frontend/src/metabase/parameters/actions.ts
+++ b/frontend/src/metabase/parameters/actions.ts
@@ -32,7 +32,9 @@ export const fetchParameterValues =
   (dispatch: Dispatch, getState: GetState) => {
     const request = {
       parameter: normalizeParameter(parameter),
-      field_ids: getNonVirtualFields(parameter).map(field => Number(field.id)),
+      field_ids: getNonVirtualFields(parameter).map((field) =>
+        Number(field.id),
+      ),
       query,
     };
 
diff --git a/frontend/src/metabase/parameters/components/FormattedParameterValue/FormattedParameterValue.tsx b/frontend/src/metabase/parameters/components/FormattedParameterValue/FormattedParameterValue.tsx
index d19b9ce4380..d3abfdbe55b 100644
--- a/frontend/src/metabase/parameters/components/FormattedParameterValue/FormattedParameterValue.tsx
+++ b/frontend/src/metabase/parameters/components/FormattedParameterValue/FormattedParameterValue.tsx
@@ -34,7 +34,7 @@ function FormattedParameterValue({
   const first = getValue(value);
   const values = parameter?.values_source_config?.values;
   const displayValue = values?.find(
-    value => getValue(value)?.toString() === first?.toString(),
+    (value) => getValue(value)?.toString() === first?.toString(),
   );
 
   const label = getLabel(displayValue);
diff --git a/frontend/src/metabase/parameters/components/ParameterDropdownWidget.tsx b/frontend/src/metabase/parameters/components/ParameterDropdownWidget.tsx
index 1602a85f35b..c9a00018046 100644
--- a/frontend/src/metabase/parameters/components/ParameterDropdownWidget.tsx
+++ b/frontend/src/metabase/parameters/components/ParameterDropdownWidget.tsx
@@ -52,7 +52,7 @@ export const ParameterDropdownWidget = ({
 }: ParameterDropdownWidgetProps) => {
   const normalizedValue = Array.isArray(value)
     ? value
-    : [value].filter(v => v != null);
+    : [value].filter((v) => v != null);
 
   // TODO this is due to some widgets not supporting focusChanged callback.
   const setValueOrDefault = (value: any) => {
@@ -80,7 +80,7 @@ export const ParameterDropdownWidget = ({
           value={value}
           availableOperators={["=", ">", "<", "between", "!="]}
           submitButtonLabel={value ? t`Update filter` : t`Add filter`}
-          onChange={value => {
+          onChange={(value) => {
             setValue?.(value);
             onPopoverClose?.();
           }}
diff --git a/frontend/src/metabase/parameters/components/ParameterLinkedFilters/ParameterLinkedFilters.tsx b/frontend/src/metabase/parameters/components/ParameterLinkedFilters/ParameterLinkedFilters.tsx
index 0f35a9608bc..19526f91951 100644
--- a/frontend/src/metabase/parameters/components/ParameterLinkedFilters/ParameterLinkedFilters.tsx
+++ b/frontend/src/metabase/parameters/components/ParameterLinkedFilters/ParameterLinkedFilters.tsx
@@ -144,7 +144,7 @@ function UsableParameters({
       const newParameters = isFiltered
         ? (parameter.filteringParameters ?? []).concat(otherParameter.id)
         : (parameter.filteringParameters ?? []).filter(
-            id => id !== otherParameter.id,
+            (id) => id !== otherParameter.id,
           );
 
       onChangeFilteringParameters(newParameters);
@@ -166,7 +166,7 @@ function UsableParameters({
           <em key="text">{t`this`}</em>
         )} filter.`}
       </SectionMessage>
-      {usableParameters.map(otherParameter => (
+      {usableParameters.map((otherParameter) => (
         <LinkedParameter
           key={otherParameter.id}
           parameter={parameter}
diff --git a/frontend/src/metabase/parameters/components/ParameterLinkedFilters/ParameterLinkedFilters.unit.spec.tsx b/frontend/src/metabase/parameters/components/ParameterLinkedFilters/ParameterLinkedFilters.unit.spec.tsx
index 94bc6a5aeca..c71e2009157 100644
--- a/frontend/src/metabase/parameters/components/ParameterLinkedFilters/ParameterLinkedFilters.unit.spec.tsx
+++ b/frontend/src/metabase/parameters/components/ParameterLinkedFilters/ParameterLinkedFilters.unit.spec.tsx
@@ -50,7 +50,7 @@ describe("ParameterLinkedFilters", () => {
 
   it.each(["static-list", "card"])(
     "should not show linked filter options if the parameter has a %s source",
-    valuesSourceType => {
+    (valuesSourceType) => {
       setup({
         parameter: createMockUiParameter({
           id: "p1",
diff --git a/frontend/src/metabase/parameters/components/ParameterLinkedFilters/use-filter-fields.ts b/frontend/src/metabase/parameters/components/ParameterLinkedFilters/use-filter-fields.ts
index 417911d162b..5048e59859a 100644
--- a/frontend/src/metabase/parameters/components/ParameterLinkedFilters/use-filter-fields.ts
+++ b/frontend/src/metabase/parameters/components/ParameterLinkedFilters/use-filter-fields.ts
@@ -19,8 +19,8 @@ const useFilterFields = (
   const [state, setState] = useState<UseFilterFieldsState>({ loading: false });
 
   const handleLoad = useCallback(async () => {
-    const filtered = getFields(parameter).map(field => field.id);
-    const filtering = getFields(otherParameter).map(field => field.id);
+    const filtered = getFields(parameter).map((field) => field.id);
+    const filtering = getFields(otherParameter).map((field) => field.id);
 
     if (!filtered.length || !filtered.length) {
       const errorParameter = !filtered.length ? parameter : otherParameter;
@@ -47,7 +47,7 @@ const getParameterError = ({ name }: Parameter) => {
 
 const getParameterMapping = (data: Record<FieldId, FieldId[]>) => {
   return Object.entries(data).flatMap(([filteredId, filteringIds]) =>
-    filteringIds.map(filteringId => [filteringId, parseInt(filteredId, 10)]),
+    filteringIds.map((filteringId) => [filteringId, parseInt(filteredId, 10)]),
   );
 };
 
diff --git a/frontend/src/metabase/parameters/components/ParameterSettings/ParameterSettings.tsx b/frontend/src/metabase/parameters/components/ParameterSettings/ParameterSettings.tsx
index d9cf69a29d1..aec3c1dee73 100644
--- a/frontend/src/metabase/parameters/components/ParameterSettings/ParameterSettings.tsx
+++ b/frontend/src/metabase/parameters/components/ParameterSettings/ParameterSettings.tsx
@@ -64,7 +64,7 @@ export interface ParameterSettingsProps {
 }
 
 const parameterSections = getDashboardParameterSections();
-const dataTypeSectionsData = parameterSections.map(section => ({
+const dataTypeSectionsData = parameterSections.map((section) => ({
   label: section.name,
   value: section.id,
 }));
@@ -144,7 +144,7 @@ export const ParameterSettings = ({
     }
 
     const currentSection = parameterSections.find(
-      section => section.id === sectionId,
+      (section) => section.id === sectionId,
     );
 
     if (!currentSection) {
@@ -153,7 +153,7 @@ export const ParameterSettings = ({
 
     const options = currentSection.options;
 
-    return options.map(option => ({
+    return options.map((option) => ({
       label: option.menuName ?? option.name,
       value: option.type,
     }));
@@ -218,7 +218,7 @@ export const ParameterSettings = ({
           <SettingLabel>{t`People can pick`}</SettingLabel>
           <Radio.Group
             value={isMultiValue}
-            onChange={val => onChangeIsMultiSelect(val === "multi")}
+            onChange={(val) => onChangeIsMultiSelect(val === "multi")}
           >
             <Stack gap="xs">
               <Radio
diff --git a/frontend/src/metabase/parameters/components/ParameterSettings/ParameterSettings.unit.spec.tsx b/frontend/src/metabase/parameters/components/ParameterSettings/ParameterSettings.unit.spec.tsx
index 3f940652384..4b7804e210e 100644
--- a/frontend/src/metabase/parameters/components/ParameterSettings/ParameterSettings.unit.spec.tsx
+++ b/frontend/src/metabase/parameters/components/ParameterSettings/ParameterSettings.unit.spec.tsx
@@ -175,7 +175,7 @@ describe("ParameterSidebar", () => {
       "string/ends-with",
     ])(
       "should be able to toggle multiple values settings for `%s` operator",
-      async type => {
+      async (type) => {
         const { onChangeIsMultiSelect } = setup({
           parameter: createMockUiParameter({
             type,
diff --git a/frontend/src/metabase/parameters/components/ParameterSettings/TemporalUnitSettings/TemporalUnitSettings.tsx b/frontend/src/metabase/parameters/components/ParameterSettings/TemporalUnitSettings/TemporalUnitSettings.tsx
index 75981100f3a..23c77d17d96 100644
--- a/frontend/src/metabase/parameters/components/ParameterSettings/TemporalUnitSettings/TemporalUnitSettings.tsx
+++ b/frontend/src/metabase/parameters/components/ParameterSettings/TemporalUnitSettings/TemporalUnitSettings.tsx
@@ -84,7 +84,7 @@ function TemporalUnitDropdown({
   };
 
   const handleUnitToggle = (selectedUnit: TemporalUnit) => {
-    const newSelectedUnits = availableUnits.filter(availableUnit => {
+    const newSelectedUnits = availableUnits.filter((availableUnit) => {
       if (availableUnit === selectedUnit) {
         return !selectedUnitsSet.has(selectedUnit);
       } else {
@@ -107,7 +107,7 @@ function TemporalUnitDropdown({
         <Text c="text-secondary" ml="sm">{t`Select all`}</Text>
       </label>
       <Divider />
-      {availableUnits.map(unit => {
+      {availableUnits.map((unit) => {
         const isSelected = selectedUnitsSet.has(unit);
         const isDisabled = isSelected && isDisabledDeselection;
 
@@ -145,7 +145,7 @@ function getSelectedText(
 
   return selectedUnits
     .slice(0, visibleUnitCount)
-    .map(unit => Lib.describeTemporalUnit(unit))
+    .map((unit) => Lib.describeTemporalUnit(unit))
     .concat(hiddenUnitCount > 0 ? [`+${hiddenUnitCount}`] : [])
     .join(", ");
 }
diff --git a/frontend/src/metabase/parameters/components/ParameterSidebar/ParameterSidebar.tsx b/frontend/src/metabase/parameters/components/ParameterSidebar/ParameterSidebar.tsx
index 82bc771d66a..5a0b4269ea9 100644
--- a/frontend/src/metabase/parameters/components/ParameterSidebar/ParameterSidebar.tsx
+++ b/frontend/src/metabase/parameters/components/ParameterSidebar/ParameterSidebar.tsx
@@ -87,7 +87,7 @@ export const ParameterSidebar = ({
   const [tab, setTab] = useState<"filters" | "settings">(tabs[0].value);
   const prevParameterId = usePrevious(parameterId);
 
-  const embeddedParameterVisibility = useSelector(state =>
+  const embeddedParameterVisibility = useSelector((state) =>
     getEmbeddedParameterVisibility(state, parameter.slug),
   );
 
@@ -163,7 +163,7 @@ export const ParameterSidebar = ({
 
   const isParameterSlugUsed = useCallback(
     (value: string) =>
-      otherParameters.some(parameter => parameter.slug === slugify(value)),
+      otherParameters.some((parameter) => parameter.slug === slugify(value)),
     [otherParameters],
   );
 
@@ -196,7 +196,7 @@ export const ParameterSidebar = ({
       <Tabs radius={0} value={tab} onChange={handleTabChange}>
         <Tabs.List grow>
           {tabs.length > 1 &&
-            tabs.map(tab => {
+            tabs.map((tab) => {
               return (
                 <Tabs.Tab
                   pl={0}
diff --git a/frontend/src/metabase/parameters/components/ParameterTargetList.jsx b/frontend/src/metabase/parameters/components/ParameterTargetList.jsx
index f88877d820c..0405a03fce2 100644
--- a/frontend/src/metabase/parameters/components/ParameterTargetList.jsx
+++ b/frontend/src/metabase/parameters/components/ParameterTargetList.jsx
@@ -14,9 +14,9 @@ export default class ParameterTargetList extends Component {
 
     const mappingOptionSections = _.groupBy(mappingOptions, "sectionName");
 
-    const hasForeignOption = _.any(mappingOptions, o => !!o.isForeign);
+    const hasForeignOption = _.any(mappingOptions, (o) => !!o.isForeign);
 
-    const sections = _.map(mappingOptionSections, options => ({
+    const sections = _.map(mappingOptionSections, (options) => ({
       name: options[0].sectionName,
       items: options,
     }));
@@ -26,9 +26,9 @@ export default class ParameterTargetList extends Component {
         className={CS.textBrand}
         maxHeight={this.props.maxHeight || 600}
         sections={sections}
-        onChange={item => this.props.onChange(item.target)}
-        itemIsSelected={item => item === selectedMappingOption}
-        renderItemIcon={item => (
+        onChange={(item) => this.props.onChange(item.target)}
+        itemIsSelected={(item) => item === selectedMappingOption}
+        renderItemIcon={(item) => (
           <Icon name={item.icon || "unknown"} size={18} />
         )}
         alwaysExpanded={true}
diff --git a/frontend/src/metabase/parameters/components/ParameterWidget/ParameterWidget.tsx b/frontend/src/metabase/parameters/components/ParameterWidget/ParameterWidget.tsx
index 4cffeb828a8..e8508941ae1 100644
--- a/frontend/src/metabase/parameters/components/ParameterWidget/ParameterWidget.tsx
+++ b/frontend/src/metabase/parameters/components/ParameterWidget/ParameterWidget.tsx
@@ -71,7 +71,7 @@ const EditParameterWidget = ({
           setEditingParameter?.(isEditingParameter ? null : parameter.id)
         }
       >
-        <div className={CS.mr1} onClick={e => e.stopPropagation()}>
+        <div className={CS.mr1} onClick={(e) => e.stopPropagation()}>
           {dragHandle}
         </div>
         {parameter.name}
@@ -131,7 +131,7 @@ export const ParameterWidget = ({
             question={question}
             dashboard={dashboard}
             value={parameter.value}
-            setValue={value => setValue?.(value)}
+            setValue={(value) => setValue?.(value)}
             isEditing={isEditingParameter}
             placeholder={parameter.name}
             focusChanged={setIsFocused}
diff --git a/frontend/src/metabase/parameters/components/RequiredParamToggle/RequiredParamToggle.tsx b/frontend/src/metabase/parameters/components/RequiredParamToggle/RequiredParamToggle.tsx
index e23a646a54f..cf4b3e171de 100644
--- a/frontend/src/metabase/parameters/components/RequiredParamToggle/RequiredParamToggle.tsx
+++ b/frontend/src/metabase/parameters/components/RequiredParamToggle/RequiredParamToggle.tsx
@@ -23,7 +23,7 @@ export function RequiredParamToggle(props: RequiredParamToggleProps) {
         disabled={disabled}
         id={id}
         checked={value}
-        onChange={event => onChange(event.currentTarget.checked)}
+        onChange={(event) => onChange(event.currentTarget.checked)}
       />
       <div>
         <label className={S.SettingRequiredLabel} htmlFor={id}>
diff --git a/frontend/src/metabase/parameters/components/ValuesSourceModal/ValuesSourceModal.unit.spec.tsx b/frontend/src/metabase/parameters/components/ValuesSourceModal/ValuesSourceModal.unit.spec.tsx
index e97d6e2b73e..842de286dda 100644
--- a/frontend/src/metabase/parameters/components/ValuesSourceModal/ValuesSourceModal.unit.spec.tsx
+++ b/frontend/src/metabase/parameters/components/ValuesSourceModal/ValuesSourceModal.unit.spec.tsx
@@ -767,7 +767,7 @@ const setup = async ({
   if (hasCollectionAccess) {
     setupCollectionsEndpoints({ collections: [rootCollection] });
     setupCardsEndpoints(cards);
-    cards.forEach(card =>
+    cards.forEach((card) =>
       setupTableQueryMetadataEndpoint(
         createMockTable({
           id: `card__${card.id}`,
diff --git a/frontend/src/metabase/parameters/components/ValuesSourceModal/ValuesSourceTypeModal.tsx b/frontend/src/metabase/parameters/components/ValuesSourceModal/ValuesSourceTypeModal.tsx
index f9b2648c770..e5c340cd389 100644
--- a/frontend/src/metabase/parameters/components/ValuesSourceModal/ValuesSourceTypeModal.tsx
+++ b/frontend/src/metabase/parameters/components/ValuesSourceModal/ValuesSourceTypeModal.tsx
@@ -468,7 +468,7 @@ const getSourceValues = (values: ParameterValue[] = []) => {
 };
 
 const getFieldByReference = (fields: Field[], fieldReference?: unknown[]) => {
-  return fields.find(field => _.isEqual(field.reference(), fieldReference));
+  return fields.find((field) => _.isEqual(field.reference(), fieldReference));
 };
 
 const getFieldFilter = (parameter: Parameter) => {
diff --git a/frontend/src/metabase/parameters/components/ValuesSourceModal/tests/setup.tsx b/frontend/src/metabase/parameters/components/ValuesSourceModal/tests/setup.tsx
index 0852417ebf9..6dd2529c231 100644
--- a/frontend/src/metabase/parameters/components/ValuesSourceModal/tests/setup.tsx
+++ b/frontend/src/metabase/parameters/components/ValuesSourceModal/tests/setup.tsx
@@ -75,7 +75,7 @@ export const setup = async ({
   if (hasCollectionAccess) {
     setupCollectionsEndpoints({ collections: [rootCollection] });
     setupCardsEndpoints(cards);
-    cards.forEach(card =>
+    cards.forEach((card) =>
       setupTableQueryMetadataEndpoint(
         createMockTable({
           id: `card__${card.id}`,
diff --git a/frontend/src/metabase/parameters/components/widgets/NumberInputWidget/NumberInputWidget.stories.tsx b/frontend/src/metabase/parameters/components/widgets/NumberInputWidget/NumberInputWidget.stories.tsx
index 2f68140afa2..d549199438e 100644
--- a/frontend/src/metabase/parameters/components/widgets/NumberInputWidget/NumberInputWidget.stories.tsx
+++ b/frontend/src/metabase/parameters/components/widgets/NumberInputWidget/NumberInputWidget.stories.tsx
@@ -10,7 +10,7 @@ export default {
   component: NumberInputWidget,
 };
 
-const Template: StoryFn<typeof NumberInputWidget> = args => {
+const Template: StoryFn<typeof NumberInputWidget> = (args) => {
   const [{ value }, updateArgs] = useArgs();
 
   const handleSetValue = (v: ParameterValueOrArray | undefined) => {
diff --git a/frontend/src/metabase/parameters/components/widgets/NumberInputWidget/NumberInputWidget.tsx b/frontend/src/metabase/parameters/components/widgets/NumberInputWidget/NumberInputWidget.tsx
index 9412d663510..277bb7eac92 100644
--- a/frontend/src/metabase/parameters/components/widgets/NumberInputWidget/NumberInputWidget.tsx
+++ b/frontend/src/metabase/parameters/components/widgets/NumberInputWidget/NumberInputWidget.tsx
@@ -76,7 +76,7 @@ export function NumberInputWidget({
   const valueOptions = unsavedArrayValue
     .map((item): SelectItem | null => {
       const option = parameter?.values_source_config?.values?.find(
-        option => getValue(option)?.toString() === item?.toString(),
+        (option) => getValue(option)?.toString() === item?.toString(),
       );
 
       if (!option) {
@@ -96,7 +96,7 @@ export function NumberInputWidget({
     .filter(isNotNull);
 
   const customLabelOptions = options.filter(
-    option => option.label !== option.value,
+    (option) => option.label !== option.value,
   );
 
   function shouldCreate(value: string) {
@@ -112,10 +112,10 @@ export function NumberInputWidget({
           <MultiAutocomplete
             onChange={(values: string[]) =>
               setUnsavedArrayValue(
-                values.map(value => parseNumber(value)).filter(isNotNull),
+                values.map((value) => parseNumber(value)).filter(isNotNull),
               )
             }
-            value={filteredUnsavedArrayValue.map(value => value?.toString())}
+            value={filteredUnsavedArrayValue.map((value) => value?.toString())}
             placeholder={placeholder}
             shouldCreate={shouldCreate}
             autoFocus={autoFocus}
@@ -127,7 +127,7 @@ export function NumberInputWidget({
               options: any[];
               search: string;
             }) => {
-              return options.filter(item =>
+              return options.filter((item) =>
                 Boolean(
                   search !== "" &&
                     item.label?.toLowerCase().startsWith(search.toLowerCase()),
@@ -137,7 +137,7 @@ export function NumberInputWidget({
           />
         </TokenFieldWrapper>
       ) : (
-        _.times(arity, i => (
+        _.times(arity, (i) => (
           <div key={i}>
             <NumericInput
               fullWidth
@@ -145,7 +145,7 @@ export function NumberInputWidget({
               autoFocus={autoFocus && i === 0}
               value={unsavedArrayValue[i]?.toString()}
               onChange={(_newValue, newValueText) => {
-                setUnsavedArrayValue(unsavedArrayValue => {
+                setUnsavedArrayValue((unsavedArrayValue) => {
                   const newUnsavedValue = [...unsavedArrayValue];
                   newUnsavedValue[i] = parseNumber(newValueText) ?? undefined;
                   return newUnsavedValue;
diff --git a/frontend/src/metabase/parameters/components/widgets/ParameterFieldWidget/ParameterFieldWidget.tsx b/frontend/src/metabase/parameters/components/widgets/ParameterFieldWidget/ParameterFieldWidget.tsx
index 41feb9c21a2..8ebe1a0dc76 100644
--- a/frontend/src/metabase/parameters/components/widgets/ParameterFieldWidget/ParameterFieldWidget.tsx
+++ b/frontend/src/metabase/parameters/components/widgets/ParameterFieldWidget/ParameterFieldWidget.tsx
@@ -52,7 +52,7 @@ export function ParameterFieldWidget({
     multi && !parameter.hasVariableTemplateTagTarget;
 
   const isValid =
-    unsavedValue.every(value => value != null) &&
+    unsavedValue.every((value) => value != null) &&
     (supportsMultipleValues || unsavedValue.length === numFields);
 
   return (
@@ -62,7 +62,7 @@ export function ParameterFieldWidget({
           <div className={cx(CS.textBold, CS.mb1)}>{verboseName}...</div>
         )}
 
-        {_.times(numFields, index => {
+        {_.times(numFields, (index) => {
           const value = supportsMultipleValues
             ? unsavedValue
             : [unsavedValue[index]];
diff --git a/frontend/src/metabase/parameters/components/widgets/StringInputWidget/StringInputWidget.stories.tsx b/frontend/src/metabase/parameters/components/widgets/StringInputWidget/StringInputWidget.stories.tsx
index 1daf65bd089..84068d0f23c 100644
--- a/frontend/src/metabase/parameters/components/widgets/StringInputWidget/StringInputWidget.stories.tsx
+++ b/frontend/src/metabase/parameters/components/widgets/StringInputWidget/StringInputWidget.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: StringInputWidget,
 };
 
-const Template: StoryFn<typeof StringInputWidget> = args => {
+const Template: StoryFn<typeof StringInputWidget> = (args) => {
   const [{ value }, updateArgs] = useArgs();
 
   const handleSetValue = (v: string[] | undefined) => {
diff --git a/frontend/src/metabase/parameters/components/widgets/StringInputWidget/StringInputWidget.tsx b/frontend/src/metabase/parameters/components/widgets/StringInputWidget/StringInputWidget.tsx
index 7c560e27c28..12626d91c5a 100644
--- a/frontend/src/metabase/parameters/components/widgets/StringInputWidget/StringInputWidget.tsx
+++ b/frontend/src/metabase/parameters/components/widgets/StringInputWidget/StringInputWidget.tsx
@@ -74,7 +74,7 @@ export function StringInputWidget({
 
 function normalize(value: string[] | undefined): string[] {
   if (Array.isArray(value)) {
-    return value.filter(x => x !== undefined);
+    return value.filter((x) => x !== undefined);
   } else {
     return [];
   }
diff --git a/frontend/src/metabase/parameters/components/widgets/TemporalUnitWidget/TemporalUnitWidget.tsx b/frontend/src/metabase/parameters/components/widgets/TemporalUnitWidget/TemporalUnitWidget.tsx
index 067c722a4c0..17774a9af46 100644
--- a/frontend/src/metabase/parameters/components/widgets/TemporalUnitWidget/TemporalUnitWidget.tsx
+++ b/frontend/src/metabase/parameters/components/widgets/TemporalUnitWidget/TemporalUnitWidget.tsx
@@ -17,7 +17,7 @@ export function TemporalUnitWidget({
 }: TemporalUnitWidgetProps) {
   const availableUnits =
     parameter.temporal_units ?? Lib.availableTemporalUnits();
-  const availableItems = availableUnits.map(unit => ({
+  const availableItems = availableUnits.map((unit) => ({
     value: unit,
     label: Lib.describeTemporalUnit(unit),
   }));
diff --git a/frontend/src/metabase/parameters/utils/dashboard-options.ts b/frontend/src/metabase/parameters/utils/dashboard-options.ts
index c98f7758c85..67926739729 100644
--- a/frontend/src/metabase/parameters/utils/dashboard-options.ts
+++ b/frontend/src/metabase/parameters/utils/dashboard-options.ts
@@ -88,7 +88,7 @@ export function getDefaultOptionForParameterSectionMap(): Record<
 
     const defaultOperator = defaultSectionToParameter[sectionId];
     const defaultOption = options.find(
-      option => option.type === defaultOperator,
+      (option) => option.type === defaultOperator,
     );
 
     if (!defaultOption) {
diff --git a/frontend/src/metabase/parameters/utils/dashboard-options.unit.spec.js b/frontend/src/metabase/parameters/utils/dashboard-options.unit.spec.js
index a0f2766bb11..a126898abb7 100644
--- a/frontend/src/metabase/parameters/utils/dashboard-options.unit.spec.js
+++ b/frontend/src/metabase/parameters/utils/dashboard-options.unit.spec.js
@@ -15,7 +15,7 @@ describe("parameters/utils/dashboard-options", () => {
         id: "location",
       });
       expect(
-        locationSection.options.every(option =>
+        locationSection.options.every((option) =>
           option.type.startsWith("string"),
         ),
       ).toBe(true);
diff --git a/frontend/src/metabase/parameters/utils/dashboards.ts b/frontend/src/metabase/parameters/utils/dashboards.ts
index b95b6412ded..8ebb2b16ed6 100644
--- a/frontend/src/metabase/parameters/utils/dashboards.ts
+++ b/frontend/src/metabase/parameters/utils/dashboards.ts
@@ -40,7 +40,7 @@ export function createParameter(
   let name = option.combinedName || option.name;
   let nameIndex = 0;
   // get a unique name
-  while (_.any(parameters, p => p.name === name)) {
+  while (_.any(parameters, (p) => p.name === name)) {
     name = (option.combinedName || option.name) + " " + ++nameIndex;
   }
 
@@ -89,19 +89,19 @@ export function setParameterType(
 }
 
 export function hasMapping(parameter: Parameter, dashboard: Dashboard) {
-  return dashboard.dashcards.some(dashcard => {
-    return dashcard?.parameter_mappings?.some(parameter_mapping => {
+  return dashboard.dashcards.some((dashcard) => {
+    return dashcard?.parameter_mappings?.some((parameter_mapping) => {
       return parameter_mapping.parameter_id === parameter.id;
     });
   });
 }
 
 function getMappings(dashcards: QuestionDashboardCard[]): ExtendedMapping[] {
-  return dashcards.flatMap(dashcard => {
+  return dashcards.flatMap((dashcard) => {
     const { parameter_mappings, card, series } = dashcard;
     const cards = [card, ...(series || [])];
     const extendedParameterMappings = (parameter_mappings || [])
-      .map(parameter_mapping => {
+      .map((parameter_mapping) => {
         const card = _.findWhere(cards, { id: parameter_mapping.card_id });
         return card
           ? {
@@ -125,7 +125,7 @@ export function getDashboardUiParameters(
 ): UiParameter[] {
   const mappableDashcards = dashcards.filter(isQuestionDashCard);
   const mappings = getMappings(mappableDashcards);
-  const uiParameters: UiParameter[] = (parameters || []).map(parameter => {
+  const uiParameters: UiParameter[] = (parameters || []).map((parameter) => {
     if (isFieldFilterParameter(parameter)) {
       return buildFieldFilterUiParameter(
         parameter,
@@ -172,12 +172,12 @@ function buildFieldFilterUiParameter(
   questions: Record<CardId, Question>,
 ): FieldFilterUiParameter {
   const mappingsForParameter = mappings.filter(
-    mapping => mapping.parameter_id === parameter.id,
+    (mapping) => mapping.parameter_id === parameter.id,
   );
   const uniqueTargets: ParameterTarget[] = [];
-  const uniqueMappingsForParameters = mappingsForParameter.filter(mapping => {
+  const uniqueMappingsForParameters = mappingsForParameter.filter((mapping) => {
     const isTargetUnique = uniqueTargets.every(
-      target => _.isEqual(target, mapping.target) === false,
+      (target) => _.isEqual(target, mapping.target) === false,
     );
 
     if (isTargetUnique) {
@@ -187,7 +187,7 @@ function buildFieldFilterUiParameter(
     return isTargetUnique;
   });
 
-  const mappedFields = uniqueMappingsForParameters.map(mapping => {
+  const mappedFields = uniqueMappingsForParameters.map((mapping) => {
     const { target, card } = mapping;
     if (!isQuestionCard(card)) {
       return {
@@ -211,7 +211,7 @@ function buildFieldFilterUiParameter(
     }
   });
 
-  const hasVariableTemplateTagTarget = mappingsForParameter.some(mapping => {
+  const hasVariableTemplateTagTarget = mappingsForParameter.some((mapping) => {
     return isParameterVariableTarget(mapping.target);
   });
 
@@ -229,7 +229,7 @@ function buildFieldFilterUiParameter(
 
   return {
     ...parameter,
-    fields: _.uniq(fields, field => field.id),
+    fields: _.uniq(fields, (field) => field.id),
     hasVariableTemplateTagTarget,
   };
 }
@@ -256,7 +256,7 @@ export function hasMatchingParameters({
   const mappableParameters = dashboard.dashcards.filter(isQuestionDashCard);
   const mappings = getMappings(mappableParameters);
   const mappingsForDashcard = mappings.filter(
-    mapping => mapping.dashcard_id === dashcardId,
+    (mapping) => mapping.dashcard_id === dashcardId,
   );
 
   const dashcardMappingsByParameterId = _.indexBy(
@@ -264,7 +264,7 @@ export function hasMatchingParameters({
     "parameter_id",
   );
 
-  return parameters.every(parameter => {
+  return parameters.every((parameter) => {
     return dashcardMappingsByParameterId[parameter.id] != null;
   });
 }
@@ -276,8 +276,8 @@ export function getFilteringParameterValuesMap(
   const { filteringParameters = [] } = parameter || {};
   const filteringParameterValues = Object.fromEntries(
     parameters
-      .filter(p => filteringParameters.includes(p.id) && p.value != null)
-      .map(p => [p.id, p.value]),
+      .filter((p) => filteringParameters.includes(p.id) && p.value != null)
+      .map((p) => [p.id, p.value]),
   );
 
   return filteringParameterValues;
diff --git a/frontend/src/metabase/parameters/utils/dashboards.unit.spec.js b/frontend/src/metabase/parameters/utils/dashboards.unit.spec.js
index 7600174ea0e..496a9415fc8 100644
--- a/frontend/src/metabase/parameters/utils/dashboards.unit.spec.js
+++ b/frontend/src/metabase/parameters/utils/dashboards.unit.spec.js
@@ -527,7 +527,7 @@ describe("metabase/parameters/utils/dashboards", () => {
 
     it("should return a list of UiParameter objects from the given dashboard", () => {
       const questions = Object.fromEntries(
-        dashboard.dashcards.map(dashcard => {
+        dashboard.dashcards.map((dashcard) => {
           return [dashcard.id, new Question(dashcard.card, metadata)];
         }),
       );
diff --git a/frontend/src/metabase/parameters/utils/mapping-options.ts b/frontend/src/metabase/parameters/utils/mapping-options.ts
index d036952df24..5eeb2726831 100644
--- a/frontend/src/metabase/parameters/utils/mapping-options.ts
+++ b/frontend/src/metabase/parameters/utils/mapping-options.ts
@@ -52,7 +52,7 @@ function buildStructuredQuerySectionOptions(
 ): StructuredQuerySectionOption[] {
   const groupInfo = Lib.displayInfo(query, stageIndex, group);
 
-  return columns.map(column => {
+  return columns.map((column) => {
     const columnInfo = Lib.displayInfo(query, stageIndex, column);
 
     return {
@@ -73,7 +73,7 @@ function buildNativeQuerySectionOptions(
     .flatMap(({ dimension }) =>
       dimension instanceof TemplateTagDimension ? [dimension] : [],
     )
-    .map(dimension => ({
+    .map((dimension) => ({
       name: dimension.displayName(),
       icon: dimension.icon() ?? "",
       isForeign: false,
@@ -149,7 +149,7 @@ export function getParameterMappingOptions(
   }
 
   if (dashcard && isActionDashCard(dashcard)) {
-    const actionParams = dashcard?.action?.parameters?.map(param => ({
+    const actionParams = dashcard?.action?.parameters?.map((param) => ({
       icon: "variable",
       isForeign: false,
       ...param,
@@ -179,7 +179,7 @@ export function getParameterMappingOptions(
         const groups = Lib.groupColumns(columns.map(({ column }) => column));
         const stageIndex = parseInt(stageIndexString, 10);
 
-        return groups.flatMap(group =>
+        return groups.flatMap((group) =>
           buildStructuredQuerySectionOptions(
             query,
             stageIndex,
@@ -212,7 +212,9 @@ export function getParameterMappingOptions(
         parameter ? dimensionFilterForParameter(parameter) : undefined,
       )
       .sections()
-      .flatMap(section => buildNativeQuerySectionOptions(section, stageIndex)),
+      .flatMap((section) =>
+        buildNativeQuerySectionOptions(section, stageIndex),
+      ),
   );
 
   return options;
@@ -228,7 +230,7 @@ export function getMappingOptionByTarget(
     return;
   }
 
-  const matchedMappingOptions = mappingOptions.filter(mappingOption =>
+  const matchedMappingOptions = mappingOptions.filter((mappingOption) =>
     _.isEqual(mappingOption.target, target),
   );
   // Native queries - targets CAN be tested for equality
@@ -250,7 +252,7 @@ export function getMappingOptionByTarget(
 
   for (const stageIndex of stageIndexes) {
     const stageColumns = columns
-      .filter(column => column.stageIndex === stageIndex)
+      .filter((column) => column.stageIndex === stageIndex)
       .map(({ column }) => column);
 
     const [columnByTargetIndex] = Lib.findColumnIndexesFromLegacyRefs(
diff --git a/frontend/src/metabase/parameters/utils/mapping-options.unit.spec.js b/frontend/src/metabase/parameters/utils/mapping-options.unit.spec.js
index b7e1b9cefa0..c3d1c7ab453 100644
--- a/frontend/src/metabase/parameters/utils/mapping-options.unit.spec.js
+++ b/frontend/src/metabase/parameters/utils/mapping-options.unit.spec.js
@@ -83,7 +83,7 @@ describe("parameters/utils/mapping-options", () => {
         // add instances to the `metadata` instance
         metadata.questions[dataset.id()] = dataset;
         metadata.tables[virtualCardTable.id] = virtualCardTable;
-        virtualCardTable.fields.forEach(f => {
+        virtualCardTable.fields.forEach((f) => {
           metadata.fields[f.uniqueId] = f;
         });
       });
@@ -127,7 +127,7 @@ describe("parameters/utils/mapping-options", () => {
           tables: [
             createMockTable({
               id: `card__${card.id}`,
-              fields: (table.fields ?? []).map(field => ({
+              fields: (table.fields ?? []).map((field) => ({
                 ...field,
                 table_id: `card__${card.id}`,
               })),
@@ -375,7 +375,7 @@ describe("parameters/utils/mapping-options", () => {
   });
 
   describe("iframe dashcard", () => {
-    const createIframeDashcard = iframeContent =>
+    const createIframeDashcard = (iframeContent) =>
       createMockDashboardCard({
         visualization_settings: {
           virtual_card: {
@@ -385,7 +385,7 @@ describe("parameters/utils/mapping-options", () => {
         },
       });
 
-    const getIframeOptions = iframeContent =>
+    const getIframeOptions = (iframeContent) =>
       getParameterMappingOptions(
         undefined,
         null,
@@ -393,8 +393,8 @@ describe("parameters/utils/mapping-options", () => {
         createIframeDashcard(iframeContent),
       );
 
-    const expectedTagOptions = tags =>
-      tags.map(tag => ({
+    const expectedTagOptions = (tags) =>
+      tags.map((tag) => ({
         name: tag,
         icon: "string",
         isForeign: false,
@@ -434,7 +434,7 @@ describe("parameters/utils/mapping-options", () => {
   });
 
   describe("link dashcard", () => {
-    const createLinkDashcard = linkUrl =>
+    const createLinkDashcard = (linkUrl) =>
       createMockDashboardCard({
         visualization_settings: {
           virtual_card: {
@@ -446,7 +446,7 @@ describe("parameters/utils/mapping-options", () => {
         },
       });
 
-    const getLinkOptions = linkUrl =>
+    const getLinkOptions = (linkUrl) =>
       getParameterMappingOptions(
         undefined,
         null,
@@ -454,8 +454,8 @@ describe("parameters/utils/mapping-options", () => {
         createLinkDashcard(linkUrl),
       );
 
-    const expectedTagOptions = tags =>
-      tags.map(tag => ({
+    const expectedTagOptions = (tags) =>
+      tags.map((tag) => ({
         name: tag,
         icon: "string",
         isForeign: false,
diff --git a/frontend/src/metabase/parameters/utils/ui.ts b/frontend/src/metabase/parameters/utils/ui.ts
index 30c7de05a7c..cef3c179336 100644
--- a/frontend/src/metabase/parameters/utils/ui.ts
+++ b/frontend/src/metabase/parameters/utils/ui.ts
@@ -44,7 +44,7 @@ export function getVisibleParameters(
     buildHiddenParametersSlugSet(hiddenParameterSlugs);
 
   return parameters.filter(
-    p => !hiddenParametersSlugSet.has(p.slug) && !p.hidden,
+    (p) => !hiddenParametersSlugSet.has(p.slug) && !p.hidden,
   );
 }
 
diff --git a/frontend/src/metabase/plugins/builtin/auth/apiKeys.js b/frontend/src/metabase/plugins/builtin/auth/apiKeys.js
index 75dfc6b1346..7378959c33f 100644
--- a/frontend/src/metabase/plugins/builtin/auth/apiKeys.js
+++ b/frontend/src/metabase/plugins/builtin/auth/apiKeys.js
@@ -5,8 +5,8 @@ import { ManageApiKeys } from "metabase/admin/settings/components/ApiKeys/Manage
 import { PLUGIN_ADMIN_SETTINGS_UPDATES } from "metabase/plugins";
 
 PLUGIN_ADMIN_SETTINGS_UPDATES.push(
-  sections =>
-    updateIn(sections, ["authentication", "settings"], settings => [
+  (sections) =>
+    updateIn(sections, ["authentication", "settings"], (settings) => [
       ...settings,
       {
         key: "api-keys",
@@ -15,7 +15,7 @@ PLUGIN_ADMIN_SETTINGS_UPDATES.push(
         widget: ApiKeysAuthCard,
       },
     ]),
-  sections => ({
+  (sections) => ({
     ...sections,
     "authentication/api-keys": {
       component: ManageApiKeys,
diff --git a/frontend/src/metabase/plugins/builtin/auth/google.js b/frontend/src/metabase/plugins/builtin/auth/google.js
index d9bbf21db3f..ac7118117ac 100644
--- a/frontend/src/metabase/plugins/builtin/auth/google.js
+++ b/frontend/src/metabase/plugins/builtin/auth/google.js
@@ -9,7 +9,7 @@ import {
   PLUGIN_IS_PASSWORD_USER,
 } from "metabase/plugins";
 
-PLUGIN_AUTH_PROVIDERS.push(providers => {
+PLUGIN_AUTH_PROVIDERS.push((providers) => {
   const googleProvider = {
     name: "google",
     // circular dependencies
@@ -21,8 +21,8 @@ PLUGIN_AUTH_PROVIDERS.push(providers => {
     : providers;
 });
 
-PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections =>
-  updateIn(sections, ["authentication", "settings"], settings => [
+PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) =>
+  updateIn(sections, ["authentication", "settings"], (settings) => [
     ...settings,
     {
       key: "google-auth-enabled",
@@ -33,7 +33,7 @@ PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections =>
   ]),
 );
 
-PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections => ({
+PLUGIN_ADMIN_SETTINGS_UPDATES.push((sections) => ({
   ...sections,
   "authentication/google": {
     component: GoogleSettingsForm,
@@ -44,4 +44,4 @@ PLUGIN_ADMIN_SETTINGS_UPDATES.push(sections => ({
   },
 }));
 
-PLUGIN_IS_PASSWORD_USER.push(user => !user.google_auth);
+PLUGIN_IS_PASSWORD_USER.push((user) => !user.google_auth);
diff --git a/frontend/src/metabase/plugins/builtin/auth/jwt.js b/frontend/src/metabase/plugins/builtin/auth/jwt.js
index 0082cf4e747..5f16c7e14e5 100644
--- a/frontend/src/metabase/plugins/builtin/auth/jwt.js
+++ b/frontend/src/metabase/plugins/builtin/auth/jwt.js
@@ -1,3 +1,3 @@
 import { PLUGIN_IS_PASSWORD_USER } from "metabase/plugins";
 
-PLUGIN_IS_PASSWORD_USER.push(user => user.sso_source !== "jwt");
+PLUGIN_IS_PASSWORD_USER.push((user) => user.sso_source !== "jwt");
diff --git a/frontend/src/metabase/plugins/builtin/auth/ldap.js b/frontend/src/metabase/plugins/builtin/auth/ldap.js
index a54ea7171e9..93869ea1f49 100644
--- a/frontend/src/metabase/plugins/builtin/auth/ldap.js
+++ b/frontend/src/metabase/plugins/builtin/auth/ldap.js
@@ -10,8 +10,8 @@ import {
 } from "metabase/plugins";
 
 PLUGIN_ADMIN_SETTINGS_UPDATES.push(
-  sections =>
-    updateIn(sections, ["authentication", "settings"], settings => [
+  (sections) =>
+    updateIn(sections, ["authentication", "settings"], (settings) => [
       ...settings,
       {
         key: "ldap-enabled",
@@ -21,7 +21,7 @@ PLUGIN_ADMIN_SETTINGS_UPDATES.push(
         forceRenderWidget: true,
       },
     ]),
-  sections => ({
+  (sections) => ({
     ...sections,
     "authentication/ldap": {
       component: SettingsLdapForm,
@@ -77,7 +77,7 @@ PLUGIN_ADMIN_SETTINGS_UPDATES.push(
           display_name: t`User filter`,
           type: "string",
           validations: [
-            value =>
+            (value) =>
               (value.match(/\(/g) || []).length !==
               (value.match(/\)/g) || []).length
                 ? t`Check your parentheses`
@@ -122,4 +122,4 @@ PLUGIN_ADMIN_SETTINGS_UPDATES.push(
   }),
 );
 
-PLUGIN_IS_PASSWORD_USER.push(user => !user.ldap_auth);
+PLUGIN_IS_PASSWORD_USER.push((user) => !user.ldap_auth);
diff --git a/frontend/src/metabase/plugins/builtin/auth/password.js b/frontend/src/metabase/plugins/builtin/auth/password.js
index 15f030d5d37..9802f326bcc 100644
--- a/frontend/src/metabase/plugins/builtin/auth/password.js
+++ b/frontend/src/metabase/plugins/builtin/auth/password.js
@@ -1,6 +1,6 @@
 import { PLUGIN_AUTH_PROVIDERS } from "metabase/plugins";
 
-PLUGIN_AUTH_PROVIDERS.push(providers => {
+PLUGIN_AUTH_PROVIDERS.push((providers) => {
   const passwordProvider = {
     name: "password",
     // circular dependencies
diff --git a/frontend/src/metabase/plugins/builtin/auth/saml.js b/frontend/src/metabase/plugins/builtin/auth/saml.js
index a4c08d2fbae..cb8f8d0c127 100644
--- a/frontend/src/metabase/plugins/builtin/auth/saml.js
+++ b/frontend/src/metabase/plugins/builtin/auth/saml.js
@@ -1,3 +1,3 @@
 import { PLUGIN_IS_PASSWORD_USER } from "metabase/plugins";
 
-PLUGIN_IS_PASSWORD_USER.push(user => user.sso_source !== "saml");
+PLUGIN_IS_PASSWORD_USER.push((user) => user.sso_source !== "saml");
diff --git a/frontend/src/metabase/public/LocaleProvider.tsx b/frontend/src/metabase/public/LocaleProvider.tsx
index 7b1b89f1e16..87eba1dc666 100644
--- a/frontend/src/metabase/public/LocaleProvider.tsx
+++ b/frontend/src/metabase/public/LocaleProvider.tsx
@@ -28,7 +28,7 @@ export const LocaleProvider = ({
 
       setLocaleHeader(localeToLoad);
       loadLocalization(localeToLoad)
-        .then(translatedObject => {
+        .then((translatedObject) => {
           setIsLocaleLoading(false);
           setUserLocale(translatedObject);
         })
diff --git a/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.styled.tsx b/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.styled.tsx
index c2b5e3d09bd..cc85a461cb9 100644
--- a/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.styled.tsx
+++ b/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.styled.tsx
@@ -22,7 +22,7 @@ export const Root = styled.div<{
   flex-direction: column;
   overflow: auto;
 
-  ${props =>
+  ${(props) =>
     props.hasScroll &&
     css`
       position: absolute;
@@ -32,7 +32,7 @@ export const Root = styled.div<{
       bottom: 0;
     `}
 
-  ${props =>
+  ${(props) =>
     props.isBordered &&
     css`
       border: 1px solid var(--mb-color-border);
@@ -40,7 +40,7 @@ export const Root = styled.div<{
       box-shadow: 0 2px 2px var(--mb-color-shadow);
     `}
 
-  ${props =>
+  ${(props) =>
     // Prevents https://github.com/metabase/metabase/issues/40660
     // when printing an embedded dashboard
     props.hasVisibleOverflowWhenPriting &&
@@ -167,7 +167,7 @@ export const Footer = styled.footer<{ variant: FooterVariant }>`
   display: flex;
   flex-shrink: 0;
   align-items: center;
-  ${props => footerVariantStyles[props.variant]}
+  ${(props) => footerVariantStyles[props.variant]}
   height: calc(50 / 16 * 1rem);
   padding: 0 1em;
 
diff --git a/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.tsx b/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.tsx
index 1d6c607ebb6..896c005827c 100644
--- a/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.tsx
+++ b/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.tsx
@@ -107,7 +107,7 @@ export const EmbedFrame = ({
   useGlobalTheme(theme);
   const isEmbeddingSdk = useSelector(getIsEmbeddingSdk);
   const hasEmbedBranding = useSelector(
-    state => !getSetting(state, "hide-embed-branding?"),
+    (state) => !getSetting(state, "hide-embed-branding?"),
   );
 
   const isPublicDashboard = Boolean(
diff --git a/frontend/src/metabase/public/components/EmbedModal/EmbedModal.tsx b/frontend/src/metabase/public/components/EmbedModal/EmbedModal.tsx
index 2a43e46f212..7d5bcf82277 100644
--- a/frontend/src/metabase/public/components/EmbedModal/EmbedModal.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/EmbedModal.tsx
@@ -24,7 +24,7 @@ interface EmbedModalProps {
 }
 
 export const EmbedModal = ({ children, isOpen, onClose }: EmbedModalProps) => {
-  const shouldShowEmbedTerms = useSelector(state =>
+  const shouldShowEmbedTerms = useSelector((state) =>
     getSetting(state, "show-static-embed-terms"),
   );
   const [embedType, setEmbedType] = useState<EmbedModalStep>(null);
diff --git a/frontend/src/metabase/public/components/EmbedModal/EmbedModalContent/tests/setup.tsx b/frontend/src/metabase/public/components/EmbedModal/EmbedModalContent/tests/setup.tsx
index 72ea3c577e7..f1b95977617 100644
--- a/frontend/src/metabase/public/components/EmbedModal/EmbedModalContent/tests/setup.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/EmbedModalContent/tests/setup.tsx
@@ -40,7 +40,7 @@ export function setup(
       resourceType = "dashboard",
       resourceParameters = [],
       goToNextStep = jest.fn(),
-      getPublicUrl = jest.fn(_resource => "some URL"),
+      getPublicUrl = jest.fn((_resource) => "some URL"),
       onUpdateEmbeddingParams = jest.fn(),
       onUpdateEnableEmbedding = jest.fn(),
       onCreatePublicLink = jest.fn(),
diff --git a/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/PublicEmbedCard.tsx b/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/PublicEmbedCard.tsx
index d72705e0d27..fb258889b45 100644
--- a/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/PublicEmbedCard.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/PublicEmbedCard.tsx
@@ -52,7 +52,7 @@ export const PublicEmbedCard = ({
           <Button
             variant="subtle"
             p={0}
-            onClick={() => setIsOpen(value => !value)}
+            onClick={() => setIsOpen((value) => !value)}
           >{t`Get embedding code`}</Button>
         </Popover.Target>
         <Popover.Dropdown>
@@ -64,7 +64,7 @@ export const PublicEmbedCard = ({
             ) : (
               <PublicLinkCopyPanel
                 url={publicEmbedCode}
-                onRemoveLink={e => {
+                onRemoveLink={(e) => {
                   setIsOpen(false);
                   deletePublicLink(e);
                 }}
diff --git a/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/SelectEmbedTypePane.tsx b/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/SelectEmbedTypePane.tsx
index 06916e8bac1..43a685b1dc4 100644
--- a/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/SelectEmbedTypePane.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/SelectEmbedTypePane.tsx
@@ -56,7 +56,7 @@ export function SelectEmbedTypePane({
     utm: utmTags,
   });
 
-  const isPublicSharingEnabled = useSelector(state =>
+  const isPublicSharingEnabled = useSelector((state) =>
     getSetting(state, "enable-public-sharing"),
   );
 
diff --git a/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/SelectEmbedTypePane.unit.spec.tsx b/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/SelectEmbedTypePane.unit.spec.tsx
index 512e0784f97..3b836b024bd 100644
--- a/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/SelectEmbedTypePane.unit.spec.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/SelectEmbedTypePane/SelectEmbedTypePane.unit.spec.tsx
@@ -29,7 +29,7 @@ const setup = ({
 
   const onCreatePublicLink = jest.fn();
   const onDeletePublicLink = jest.fn();
-  const getPublicUrl = jest.fn(uuid => uuid);
+  const getPublicUrl = jest.fn((uuid) => uuid);
   const goToNextStep = jest.fn();
 
   const { history } = renderWithProviders(
diff --git a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/CodeSample.tsx b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/CodeSample.tsx
index 9c0080c6139..ed0a5afc1b9 100644
--- a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/CodeSample.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/CodeSample.tsx
@@ -58,7 +58,7 @@ export const CodeSample = ({
                 dataTestId,
               }}
             >
-              {languageOptions.map(option => (
+              {languageOptions.map((option) => (
                 <Option key={option.id} value={option.id}>
                   {option.name}
                 </Option>
diff --git a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/LookAndFeelSettings.tsx b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/LookAndFeelSettings.tsx
index ee7c6d61413..9da8b53823e 100644
--- a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/LookAndFeelSettings.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/LookAndFeelSettings.tsx
@@ -52,14 +52,14 @@ export const LookAndFeelSettings = ({
       utm_content: "static-embed-settings-look-and-feel",
     },
   });
-  const upgradePageUrl = useSelector(state =>
+  const upgradePageUrl = useSelector((state) =>
     getUpgradeUrl(state, {
       utm_campaign: "embedding-static-font",
       utm_content: "static-embed-settings-look-and-feel",
     }),
   );
   const canWhitelabel = useSelector(getCanWhitelabel);
-  const availableFonts = useSelector(state =>
+  const availableFonts = useSelector((state) =>
     getSetting(state, "available-fonts"),
   );
 
@@ -89,12 +89,12 @@ export const LookAndFeelSettings = ({
                   label: t`Use instance font`,
                   value: "",
                 },
-                ...availableFonts?.map(font => ({
+                ...availableFonts?.map((font) => ({
                   label: font,
                   value: font,
                 })),
               ]}
-              onChange={value => {
+              onChange={(value) => {
                 onChangeDisplayOptions({
                   ...displayOptions,
                   font: value,
@@ -138,7 +138,7 @@ export const LookAndFeelSettings = ({
               size="sm"
               variant="stretch"
               checked={displayOptions.background}
-              onChange={e =>
+              onChange={(e) =>
                 onChangeDisplayOptions({
                   ...displayOptions,
                   background: e.target.checked,
@@ -153,7 +153,7 @@ export const LookAndFeelSettings = ({
             size="sm"
             variant="stretch"
             checked={displayOptions.bordered}
-            onChange={e =>
+            onChange={(e) =>
               onChangeDisplayOptions({
                 ...displayOptions,
                 bordered: e.target.checked,
@@ -167,7 +167,7 @@ export const LookAndFeelSettings = ({
             size="sm"
             variant="stretch"
             checked={displayOptions.titled}
-            onChange={e =>
+            onChange={(e) =>
               onChangeDisplayOptions({
                 ...displayOptions,
                 titled: e.target.checked,
@@ -182,7 +182,7 @@ export const LookAndFeelSettings = ({
               size="sm"
               variant="stretch"
               checked={displayOptions.downloads ?? true}
-              onChange={e =>
+              onChange={(e) =>
                 onChangeDisplayOptions({
                   ...displayOptions,
                   downloads: e.target.checked,
diff --git a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/ParametersSettings.tsx b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/ParametersSettings.tsx
index d060e5aaabd..bac40ac6479 100644
--- a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/ParametersSettings.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/ParametersSettings.tsx
@@ -52,7 +52,7 @@ export const ParametersSettings = ({
   );
 
   const hasRequiredParameters = resourceParameters.some(
-    param => param.required,
+    (param) => param.required,
   );
 
   return resourceParameters.length > 0 ? (
@@ -63,7 +63,7 @@ export const ParametersSettings = ({
         <Stack gap="1rem">
           <Text>{t`Parameters are disabled by default, which also makes them hidden from end-users. Make them editable so that end-users can see and modify them. Make them locked so that they are hidden from end-users but you can set their values from your app.`}</Text>
 
-          {resourceParameters.map(parameter => (
+          {resourceParameters.map((parameter) => (
             <div key={parameter.id} className={cx(CS.flex, CS.alignCenter)}>
               <Icon name={getIconForParameter(parameter)} className={CS.mr2} />
               <h3>
@@ -117,7 +117,7 @@ export const ParametersSettings = ({
             <Stack gap="1rem">
               <Text>{t`Try passing some sample values to your locked parameters here. Your server will have to provide the actual values in the signed token when doing this for real.`}</Text>
 
-              {valuePopulatedLockedParameters.map(parameter => (
+              {valuePopulatedLockedParameters.map((parameter) => (
                 <StaticParameterWidget
                   key={parameter.id}
                   className={CS.m0}
diff --git a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/StaticEmbedSetupPane.tsx b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/StaticEmbedSetupPane.tsx
index fa19b2f7dd8..21904e1732b 100644
--- a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/StaticEmbedSetupPane.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/StaticEmbedSetupPane.tsx
@@ -291,7 +291,7 @@ export const StaticEmbedSetupPane = ({
               serverEmbedCodeSlot={getServerEmbedCodePane(
                 EMBED_MODAL_TABS.Overview,
               )}
-              onClientCodeCopy={language =>
+              onClientCodeCopy={(language) =>
                 handleCodeCopy({ code: "view", variant: "overview", language })
               }
             />
@@ -306,7 +306,7 @@ export const StaticEmbedSetupPane = ({
                   parameterValues={parameterValues}
                   onChangeEmbeddingParameters={setEmbeddingParams}
                   onChangeParameterValue={(id: string, value: string) =>
-                    setParameterValues(state => ({
+                    setParameterValues((state) => ({
                       ...state,
                       [id]: value,
                     }))
@@ -373,12 +373,12 @@ function getDefaultEmbeddingParams(
   resource: EmbedResource,
   resourceParameters: EmbedResourceParameter[],
 ): EmbeddingParameters {
-  const validSlugs = resourceParameters.map(param => param.slug);
+  const validSlugs = resourceParameters.map((param) => param.slug);
   // We first pick only dashboard parameters with valid slugs
   const defaultParams = _.pick(resource.embedding_params || {}, validSlugs);
   // Then pick valid required dashboard parameters
   const validRequiredParams = resourceParameters.filter(
-    param => param.slug && param.required,
+    (param) => param.slug && param.required,
   );
 
   // And for each required parameter set its value to "enabled"
@@ -408,7 +408,7 @@ function getPreviewParamsBySlug({
   );
 
   return Object.fromEntries(
-    lockedParameters.map(parameter => {
+    lockedParameters.map((parameter) => {
       const value = getParameterValue({
         parameter,
         values: parameterValues,
@@ -426,7 +426,7 @@ function getLockedPreviewParameters(
   embeddingParams: EmbeddingParameters,
 ) {
   return resourceParameters.filter(
-    parameter => embeddingParams[parameter.slug] === "locked",
+    (parameter) => embeddingParams[parameter.slug] === "locked",
   );
 }
 
diff --git a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/premium.unit.spec.tsx b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/premium.unit.spec.tsx
index 1423646f8a8..f002533f7ca 100644
--- a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/premium.unit.spec.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/premium.unit.spec.tsx
@@ -56,7 +56,7 @@ describe("Static Embed Setup phase - EE, with token", () => {
 
         const popover = await screen.findByRole("listbox", { name: "Font" });
 
-        FONTS_MOCK_VALUES.forEach(fontName => {
+        FONTS_MOCK_VALUES.forEach((fontName) => {
           expect(within(popover).getByText(fontName)).toBeVisible();
         });
 
diff --git a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/setup.tsx b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/setup.tsx
index 9a184bf992f..555f3b6dd3a 100644
--- a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/setup.tsx
+++ b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/setup.tsx
@@ -28,7 +28,7 @@ const TextEditorMock = ({
   code: string;
   highlightRanges?: { start: number; end: number }[];
 }) => {
-  const highlightedTexts = highlightRanges?.map(range =>
+  const highlightedTexts = highlightRanges?.map((range) =>
     code.slice(range.start, range.end),
   );
   return (
diff --git a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/utils.ts b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/utils.ts
index 60184b890ad..6f2af40abed 100644
--- a/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/utils.ts
+++ b/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/utils.ts
@@ -2,7 +2,7 @@ export function getHighlightedRanges(
   source: string,
   highlightedTexts: string[] = [],
 ) {
-  return highlightedTexts.flatMap(highlightedText =>
+  return highlightedTexts.flatMap((highlightedText) =>
     getHighlightedRangesForText(source, highlightedText),
   );
 }
diff --git a/frontend/src/metabase/public/containers/PublicAction/PublicAction.unit.spec.tsx b/frontend/src/metabase/public/containers/PublicAction/PublicAction.unit.spec.tsx
index 13d78f60265..2cf4471393d 100644
--- a/frontend/src/metabase/public/containers/PublicAction/PublicAction.unit.spec.tsx
+++ b/frontend/src/metabase/public/containers/PublicAction/PublicAction.unit.spec.tsx
@@ -77,7 +77,7 @@ async function setup({
   renderWithProviders(
     <Route
       path="/public/action/:uuid"
-      component={props => (
+      component={(props) => (
         <PublicApp {...props}>
           <PublicAction {...props} />
         </PublicApp>
diff --git a/frontend/src/metabase/public/containers/PublicApp/PublicApp.unit.spec.tsx b/frontend/src/metabase/public/containers/PublicApp/PublicApp.unit.spec.tsx
index 6b443cc9817..a7a9968a3b3 100644
--- a/frontend/src/metabase/public/containers/PublicApp/PublicApp.unit.spec.tsx
+++ b/frontend/src/metabase/public/containers/PublicApp/PublicApp.unit.spec.tsx
@@ -31,7 +31,7 @@ function setup({
   renderWithProviders(
     <Route
       path="/public/dashboard/:id"
-      component={props => (
+      component={(props) => (
         <PublicApp {...props}>
           <SyncedEmbedFrame {...embedFrameProps}>
             <h1 data-testid="test-content">Test</h1>
@@ -122,12 +122,15 @@ describe("PublicApp", () => {
       expect(embedFrame).not.toHaveAttribute("data-embed-theme");
     });
 
-    test.each(["night", "transparent"])("correctly handles %s theme", theme => {
-      setup({ hash: `#theme=${theme}` });
-      expect(screen.getByTestId("embed-frame")).toHaveAttribute(
-        "data-embed-theme",
-        theme,
-      );
-    });
+    test.each(["night", "transparent"])(
+      "correctly handles %s theme",
+      (theme) => {
+        setup({ hash: `#theme=${theme}` });
+        expect(screen.getByTestId("embed-frame")).toHaveAttribute(
+          "data-embed-theme",
+          theme,
+        );
+      },
+    );
   });
 });
diff --git a/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardPage/tests/setup.tsx b/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardPage/tests/setup.tsx
index 8cbec6d7e81..3c5081f6d3e 100644
--- a/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardPage/tests/setup.tsx
+++ b/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardPage/tests/setup.tsx
@@ -58,7 +58,7 @@ export async function setup(
   const tabs: DashboardTab[] = [];
   const dashcards: DashboardCard[] = [];
 
-  _.times(numberOfTabs, i => {
+  _.times(numberOfTabs, (i) => {
     const tabId = i + 1;
 
     tabs.push(createMockDashboardTab({ id: tabId, name: `Tab ${tabId}` }));
diff --git a/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView-filters.stories.tsx b/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView-filters.stories.tsx
index 6c27b37cd38..19fb471f44d 100644
--- a/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView-filters.stories.tsx
+++ b/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView-filters.stories.tsx
@@ -239,7 +239,7 @@ function createDashboard({ hasScroll }: CreateDashboardOpts = {}) {
   });
 }
 
-const Template: StoryFn<PublicOrEmbeddedDashboardViewProps> = args => {
+const Template: StoryFn<PublicOrEmbeddedDashboardViewProps> = (args) => {
   // @ts-expect-error -- custom prop to support non JSON-serializable value as args
   const parameterType: ParameterType = args.parameterType;
   const dashboard = args.dashboard;
diff --git a/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView.stories.tsx b/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView.stories.tsx
index ef550f149e8..80829012b67 100644
--- a/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView.stories.tsx
+++ b/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView.stories.tsx
@@ -172,7 +172,7 @@ function createDashboard({ hasScroll, dashcards }: CreateDashboardOpts = {}) {
   });
 }
 
-const Template: StoryFn<PublicOrEmbeddedDashboardViewProps> = args => {
+const Template: StoryFn<PublicOrEmbeddedDashboardViewProps> = (args) => {
   return <PublicOrEmbeddedDashboardView {...args} />;
 };
 
diff --git a/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView.tsx b/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView.tsx
index db1a3848e47..73916cac766 100644
--- a/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView.tsx
+++ b/frontend/src/metabase/public/containers/PublicOrEmbeddedDashboard/PublicOrEmbeddedDashboardView.tsx
@@ -127,7 +127,7 @@ export function PublicOrEmbeddedDashboardView({
   ) : null;
 
   const visibleDashcards = (dashboard?.dashcards ?? []).filter(
-    dashcard => !isActionDashCard(dashcard),
+    (dashcard) => !isActionDashCard(dashcard),
   );
 
   const dashboardHasCards = dashboard && visibleDashcards.length > 0;
@@ -256,13 +256,14 @@ function getTabHiddenParameterSlugs({
 }) {
   const currentTabParameterIds =
     getCurrentTabDashcards({ dashboard, selectedTabId })?.flatMap(
-      dashcard =>
-        dashcard.parameter_mappings?.map(mapping => mapping.parameter_id) ?? [],
+      (dashcard) =>
+        dashcard.parameter_mappings?.map((mapping) => mapping.parameter_id) ??
+        [],
     ) ?? [];
   const hiddenParameters = parameters.filter(
-    parameter => !currentTabParameterIds.includes(parameter.id),
+    (parameter) => !currentTabParameterIds.includes(parameter.id),
   );
-  return hiddenParameters.map(parameter => parameter.slug).join(",");
+  return hiddenParameters.map((parameter) => parameter.slug).join(",");
 }
 
 function getCurrentTabDashcards({
@@ -279,7 +280,7 @@ function getCurrentTabDashcards({
     return dashboard?.dashcards;
   }
   return dashboard?.dashcards.filter(
-    dashcard => dashcard.dashboard_tab_id === selectedTabId,
+    (dashcard) => dashcard.dashboard_tab_id === selectedTabId,
   );
 }
 
diff --git a/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestion.tsx b/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestion.tsx
index 72dc35a7441..3fb6ef65c82 100644
--- a/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestion.tsx
+++ b/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestion.tsx
@@ -102,7 +102,7 @@ export const PublicOrEmbeddedQuestion = ({
   });
 
   const setParameterValue = async (parameterId: ParameterId, value: any) => {
-    setParameterValues(prevParameterValues => ({
+    setParameterValues((prevParameterValues) => ({
       ...prevParameterValues,
       [parameterId]: value,
     }));
diff --git a/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestionView.stories.tsx b/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestionView.stories.tsx
index 24874bdb71c..41de3890c5e 100644
--- a/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestionView.stories.tsx
+++ b/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestionView.stories.tsx
@@ -105,7 +105,7 @@ const initialState = createMockState({
 
 const store = getStore(publicReducers, initialState);
 
-const Template: StoryFn<PublicOrEmbeddedQuestionViewProps> = args => {
+const Template: StoryFn<PublicOrEmbeddedQuestionViewProps> = (args) => {
   return <PublicOrEmbeddedQuestionView {...args} />;
 };
 
diff --git a/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestionView.tsx b/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestionView.tsx
index ec566be19ad..6efde12c4b0 100644
--- a/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestionView.tsx
+++ b/frontend/src/metabase/public/containers/PublicOrEmbeddedQuestion/PublicOrEmbeddedQuestionView.tsx
@@ -104,11 +104,11 @@ export function PublicOrEmbeddedQuestionView({
             onUpdateVisualizationSettings={(
               settings: VisualizationSettings,
             ) => {
-              setCard(prevCard =>
+              setCard((prevCard) =>
                 updateIn(
                   prevCard,
                   ["visualization_settings"],
-                  previousSettings => ({ ...previousSettings, ...settings }),
+                  (previousSettings) => ({ ...previousSettings, ...settings }),
                 ),
               );
             }}
diff --git a/frontend/src/metabase/public/hooks/use-set-embed-font.unit.spec.tsx b/frontend/src/metabase/public/hooks/use-set-embed-font.unit.spec.tsx
index 10be8d9baeb..f8080c958b2 100644
--- a/frontend/src/metabase/public/hooks/use-set-embed-font.unit.spec.tsx
+++ b/frontend/src/metabase/public/hooks/use-set-embed-font.unit.spec.tsx
@@ -17,7 +17,7 @@ const setup = ({ location }: { location: Location }) => {
     <MetabaseReduxProvider store={store}>{children}</MetabaseReduxProvider>
   );
 
-  const { result, rerender } = renderHook(props => useSetEmbedFont(props), {
+  const { result, rerender } = renderHook((props) => useSetEmbedFont(props), {
     wrapper: Wrapper,
     initialProps: { location },
   });
diff --git a/frontend/src/metabase/query_builder/actions/core/core.ts b/frontend/src/metabase/query_builder/actions/core/core.ts
index 66e6c882e86..22a35d47401 100644
--- a/frontend/src/metabase/query_builder/actions/core/core.ts
+++ b/frontend/src/metabase/query_builder/actions/core/core.ts
@@ -205,7 +205,7 @@ export const apiCreateQuestion = (
     );
 
     const databases: Database[] = Databases.selectors.getList(getState());
-    if (databases && !databases.some(d => d.is_saved_questions)) {
+    if (databases && !databases.some((d) => d.is_saved_questions)) {
       dispatch({ type: Databases.actionTypes.INVALIDATE_LISTS_ACTION });
     }
 
@@ -303,7 +303,7 @@ export const SET_PARAMETER_VALUE_TO_DEFAULT =
   "metabase/qb/SET_PARAMETER_VALUE_TO_DEFAULT";
 export const setParameterValueToDefault = createThunkAction(
   SET_PARAMETER_VALUE_TO_DEFAULT,
-  parameterId => (dispatch, getState) => {
+  (parameterId) => (dispatch, getState) => {
     const parameter = getParameters(getState()).find(
       ({ id }) => id === parameterId,
     );
@@ -330,8 +330,8 @@ function normalizeValue(value: string | string[]) {
 export const REVERT_TO_REVISION = "metabase/qb/REVERT_TO_REVISION";
 export const revertToRevision = createThunkAction(
   REVERT_TO_REVISION,
-  revision => {
-    return async dispatch => {
+  (revision) => {
+    return async (dispatch) => {
       await dispatch(Revisions.objectActions.revert(revision));
       await dispatch(reloadCard());
       await dispatch(runQuestionQuery({ shouldUpdateUrl: false }));
diff --git a/frontend/src/metabase/query_builder/actions/core/initializeQB.ts b/frontend/src/metabase/query_builder/actions/core/initializeQB.ts
index f3357bb5f89..d8485333fae 100644
--- a/frontend/src/metabase/query_builder/actions/core/initializeQB.ts
+++ b/frontend/src/metabase/query_builder/actions/core/initializeQB.ts
@@ -217,7 +217,7 @@ export async function updateTemplateTagNames(
 ): Promise<NativeQuery> {
   const referencedCards = (
     await Promise.all(
-      query.referencedQuestionIds().map(async id => {
+      query.referencedQuestionIds().map(async (id) => {
         try {
           const actionResult = await dispatch(
             Questions.actions.fetch({ id }, { noEvent: true }),
diff --git a/frontend/src/metabase/query_builder/actions/core/initializeQB.unit.spec.ts b/frontend/src/metabase/query_builder/actions/core/initializeQB.unit.spec.ts
index 033e7a35321..b631c8ab185 100644
--- a/frontend/src/metabase/query_builder/actions/core/initializeQB.unit.spec.ts
+++ b/frontend/src/metabase/query_builder/actions/core/initializeQB.unit.spec.ts
@@ -79,7 +79,7 @@ async function baseSetup({
   jest.runAllTimers();
 
   const actions = dispatch.mock.calls.find(
-    call => call[0]?.type === "metabase/qb/INITIALIZE_QB",
+    (call) => call[0]?.type === "metabase/qb/INITIALIZE_QB",
   );
   const hasDispatchedInitAction = Array.isArray(actions);
   const result = hasDispatchedInitAction ? actions[0].payload : null;
@@ -226,7 +226,7 @@ describe("QB Actions > initializeQB", () => {
   ];
 
   describe("common", () => {
-    ALL_TEST_CASES.forEach(testCase => {
+    ALL_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -316,7 +316,7 @@ describe("QB Actions > initializeQB", () => {
   });
 
   describe("saved questions and models", () => {
-    [...SAVED_QUESTION_TEST_CASES, ...MODEL_TEST_CASES].forEach(testCase => {
+    [...SAVED_QUESTION_TEST_CASES, ...MODEL_TEST_CASES].forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -373,7 +373,7 @@ describe("QB Actions > initializeQB", () => {
   });
 
   describe("saved questions", () => {
-    SAVED_QUESTION_TEST_CASES.forEach(testCase => {
+    SAVED_QUESTION_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -405,7 +405,7 @@ describe("QB Actions > initializeQB", () => {
   });
 
   describe("unsaved questions", () => {
-    UNSAVED_QUESTION_TEST_CASES.forEach(testCase => {
+    UNSAVED_QUESTION_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       const ORIGINAL_CARD_ID = 321;
@@ -516,7 +516,7 @@ describe("QB Actions > initializeQB", () => {
   });
 
   describe("models", () => {
-    MODEL_TEST_CASES.forEach(testCase => {
+    MODEL_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -577,7 +577,7 @@ describe("QB Actions > initializeQB", () => {
   });
 
   describe("native questions with snippets", () => {
-    NATIVE_SNIPPETS_TEST_CASES.forEach(testCase => {
+    NATIVE_SNIPPETS_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       type SnippetsSetupOpts = Omit<SetupOpts, "card"> & {
diff --git a/frontend/src/metabase/query_builder/actions/core/updateQuestion.unit.spec.ts b/frontend/src/metabase/query_builder/actions/core/updateQuestion.unit.spec.ts
index ece16988233..3d42019f6bc 100644
--- a/frontend/src/metabase/query_builder/actions/core/updateQuestion.unit.spec.ts
+++ b/frontend/src/metabase/query_builder/actions/core/updateQuestion.unit.spec.ts
@@ -142,7 +142,7 @@ async function setup({
 
   const queryResult = createMockDataset({
     data: {
-      cols: ordersFields.map(field =>
+      cols: ordersFields.map((field) =>
         createMockColumn({
           ...field,
           id: Number(field.id),
@@ -175,7 +175,7 @@ async function setup({
   })(dispatch, getState);
 
   const actions = dispatch.mock.calls.find(
-    call => call[0]?.type === UPDATE_QUESTION,
+    (call) => call[0]?.type === UPDATE_QUESTION,
   );
   const hasDispatchedInitAction = Array.isArray(actions);
   const result = hasDispatchedInitAction ? actions[0].payload : null;
@@ -308,7 +308,7 @@ describe("QB Actions > updateQuestion", () => {
   ];
 
   describe("common", () => {
-    ALL_TEST_CASES.forEach(testCase => {
+    ALL_TEST_CASES.forEach((testCase) => {
       const { getCard, questionType } = testCase;
 
       describe(questionType, () => {
@@ -356,42 +356,48 @@ describe("QB Actions > updateQuestion", () => {
 
   describe("saved questions and models", () => {
     describe("common", () => {
-      [...SAVED_QUESTION_TEST_CASES, ...MODEL_TEST_CASES].forEach(testCase => {
-        const { getCard, questionType } = testCase;
+      [...SAVED_QUESTION_TEST_CASES, ...MODEL_TEST_CASES].forEach(
+        (testCase) => {
+          const { getCard, questionType } = testCase;
 
-        describe(questionType, () => {
-          it("turns question into ad-hoc", async () => {
-            const { question, result } = await setup({ card: getCard() });
-            expect(result.card.id).toBeUndefined();
-            expect(result.card.name).toBeUndefined();
-            expect(result.card.description).toBeUndefined();
-            expect(result.card.dataset_query).toEqual(question.datasetQuery());
-            expect(result.card.visualization_settings).toEqual(
-              question.settings(),
-            );
-          });
-
-          it("doesn't turn question into ad-hoc if `shouldStartAdHocQuestion` option is disabled", async () => {
-            const { question, result } = await setup({
-              card: getCard(),
-              shouldStartAdHocQuestion: false,
+          describe(questionType, () => {
+            it("turns question into ad-hoc", async () => {
+              const { question, result } = await setup({ card: getCard() });
+              expect(result.card.id).toBeUndefined();
+              expect(result.card.name).toBeUndefined();
+              expect(result.card.description).toBeUndefined();
+              expect(result.card.dataset_query).toEqual(
+                question.datasetQuery(),
+              );
+              expect(result.card.visualization_settings).toEqual(
+                question.settings(),
+              );
             });
 
-            expect(result.card.id).toBe(question.id());
-            expect(result.card.name).toBe(question.displayName());
-            expect(result.card.description).toBe(question.description());
-            expect(result.card.dataset_query).toEqual(question.datasetQuery());
-            expect(result.card.visualization_settings).toEqual(
-              question.settings(),
-            );
+            it("doesn't turn question into ad-hoc if `shouldStartAdHocQuestion` option is disabled", async () => {
+              const { question, result } = await setup({
+                card: getCard(),
+                shouldStartAdHocQuestion: false,
+              });
+
+              expect(result.card.id).toBe(question.id());
+              expect(result.card.name).toBe(question.displayName());
+              expect(result.card.description).toBe(question.description());
+              expect(result.card.dataset_query).toEqual(
+                question.datasetQuery(),
+              );
+              expect(result.card.visualization_settings).toEqual(
+                question.settings(),
+              );
+            });
           });
-        });
-      });
+        },
+      );
     });
 
     describe("structured questions and models", () => {
       [TEST_CASE.SAVED_STRUCTURED_QUESTION, TEST_CASE.STRUCTURED_MODEL].forEach(
-        testCase => {
+        (testCase) => {
           const { getCard, questionType } = testCase;
 
           describe(questionType, () => {
@@ -413,7 +419,7 @@ describe("QB Actions > updateQuestion", () => {
 
     describe("native questions and models", () => {
       [TEST_CASE.SAVED_NATIVE_QUESTION, TEST_CASE.NATIVE_MODEL].forEach(
-        testCase => {
+        (testCase) => {
           const { getCard, questionType } = testCase;
 
           describe(questionType, () => {
@@ -438,7 +444,7 @@ describe("QB Actions > updateQuestion", () => {
   });
 
   describe("saved questions", () => {
-    SAVED_QUESTION_TEST_CASES.forEach(testCase => {
+    SAVED_QUESTION_TEST_CASES.forEach((testCase) => {
       const { getCard, questionType } = testCase;
 
       describe(questionType, () => {
@@ -453,7 +459,7 @@ describe("QB Actions > updateQuestion", () => {
 
   describe("models", () => {
     describe("common", () => {
-      MODEL_TEST_CASES.forEach(testCase => {
+      MODEL_TEST_CASES.forEach((testCase) => {
         const { getCard, questionType } = testCase;
 
         describe(questionType, () => {
@@ -495,7 +501,7 @@ describe("QB Actions > updateQuestion", () => {
   });
 
   describe("native", () => {
-    NATIVE_TEST_CASES.forEach(testCase => {
+    NATIVE_TEST_CASES.forEach((testCase) => {
       const { getCard, questionType } = testCase;
 
       describe(questionType, () => {
@@ -511,7 +517,7 @@ describe("QB Actions > updateQuestion", () => {
   });
 
   describe("structured", () => {
-    STRUCTURED_MODEL_TEST_CASES.forEach(testCase => {
+    STRUCTURED_MODEL_TEST_CASES.forEach((testCase) => {
       const { getCard, questionType } = testCase;
 
       describe(questionType, () => {
@@ -550,7 +556,7 @@ describe("QB Actions > updateQuestion", () => {
       });
     });
 
-    STRUCTURED_QUESTIONS_TEST_CASES.forEach(testCase => {
+    STRUCTURED_QUESTIONS_TEST_CASES.forEach((testCase) => {
       const { getCard, questionType } = testCase;
 
       describe(questionType, () => {
@@ -695,7 +701,7 @@ describe("QB Actions > updateQuestion", () => {
       });
     });
 
-    [...NATIVE_TEST_CASES].forEach(testCase => {
+    [...NATIVE_TEST_CASES].forEach((testCase) => {
       const { getCard, questionType } = testCase;
 
       describe(questionType, () => {
diff --git a/frontend/src/metabase/query_builder/actions/navigation.ts b/frontend/src/metabase/query_builder/actions/navigation.ts
index f810835add7..41e7a1a1cb9 100644
--- a/frontend/src/metabase/query_builder/actions/navigation.ts
+++ b/frontend/src/metabase/query_builder/actions/navigation.ts
@@ -39,7 +39,7 @@ const setCurrentState = createAction(SET_CURRENT_STATE);
 export const POP_STATE = "metabase/qb/POP_STATE";
 export const popState = createThunkAction(
   POP_STATE,
-  location => async (dispatch, getState) => {
+  (location) => async (dispatch, getState) => {
     dispatch(cancelQuery());
 
     const zoomedObjectId = getZoomedObjectId(getState());
diff --git a/frontend/src/metabase/query_builder/actions/querying.ts b/frontend/src/metabase/query_builder/actions/querying.ts
index 8bf7f31bcfd..99c00fe1f6f 100644
--- a/frontend/src/metabase/query_builder/actions/querying.ts
+++ b/frontend/src/metabase/query_builder/actions/querying.ts
@@ -157,8 +157,8 @@ export const runQuestionQuery = ({
       ignoreCache: ignoreCache,
       isDirty: isQueryDirty,
     })
-      .then(queryResults => dispatch(queryCompleted(question, queryResults)))
-      .catch(error => dispatch(queryErrored(startTime, error)));
+      .then((queryResults) => dispatch(queryCompleted(question, queryResults)))
+      .catch((error) => dispatch(queryErrored(startTime, error)));
 
     dispatch({ type: RUN_QUERY, payload: { cancelQueryDeferred } });
   };
@@ -243,7 +243,7 @@ export const QUERY_ERRORED = "metabase/qb/QUERY_ERRORED";
 export const queryErrored = createThunkAction(
   QUERY_ERRORED,
   (startTime, error) => {
-    return async dispatch => {
+    return async (dispatch) => {
       if (error && error.isCancelled) {
         return null;
       } else {
diff --git a/frontend/src/metabase/query_builder/actions/timelines.ts b/frontend/src/metabase/query_builder/actions/timelines.ts
index 46cb883db34..519b51fafa5 100644
--- a/frontend/src/metabase/query_builder/actions/timelines.ts
+++ b/frontend/src/metabase/query_builder/actions/timelines.ts
@@ -22,8 +22,8 @@ export const showTimelinesForCollection =
   (dispatch: Dispatch, getState: GetState) => {
     const fetchedTimelines: Timeline[] = getFetchedTimelines(getState());
     const collectionTimelines = collectionId
-      ? fetchedTimelines.filter(t => t.collection_id === collectionId)
-      : fetchedTimelines.filter(t => t.collection_id == null);
+      ? fetchedTimelines.filter((t) => t.collection_id === collectionId)
+      : fetchedTimelines.filter((t) => t.collection_id == null);
 
-    dispatch(showTimelineEvents(collectionTimelines.flatMap(t => t.events)));
+    dispatch(showTimelineEvents(collectionTimelines.flatMap((t) => t.events)));
   };
diff --git a/frontend/src/metabase/query_builder/analytics.js b/frontend/src/metabase/query_builder/analytics.js
index 03dcf4dbb6f..17b9fbcc315 100644
--- a/frontend/src/metabase/query_builder/analytics.js
+++ b/frontend/src/metabase/query_builder/analytics.js
@@ -16,7 +16,7 @@ export const trackNewQuestionSaved = (
   });
 };
 
-export const trackTurnIntoModelClicked = question => {
+export const trackTurnIntoModelClicked = (question) => {
   trackSchemaEvent("question", {
     event: "turn_into_model_clicked",
     question_id: question.id(),
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/DataSelector.jsx b/frontend/src/metabase/query_builder/components/DataSelector/DataSelector.jsx
index f1f6b60f124..acbe1ad3107 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/DataSelector.jsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/DataSelector.jsx
@@ -242,11 +242,12 @@ export class UnconnectedDataSelector extends Component {
       selectedTable = null,
       selectedField = null;
 
-    const getDatabase = id =>
+    const getDatabase = (id) =>
       _.findWhere(databases, { id }) || metadata.database(id);
-    const getSchema = id => _.findWhere(schemas, { id }) || metadata.schema(id);
-    const getTable = id => _.findWhere(tables, { id }) || metadata.table(id);
-    const getField = id => _.findWhere(fields, { id }) || metadata.field(id);
+    const getSchema = (id) =>
+      _.findWhere(schemas, { id }) || metadata.schema(id);
+    const getTable = (id) => _.findWhere(tables, { id }) || metadata.table(id);
+    const getField = (id) => _.findWhere(fields, { id }) || metadata.field(id);
 
     function setSelectedDatabase(database) {
       selectedDatabase = database;
@@ -318,7 +319,7 @@ export class UnconnectedDataSelector extends Component {
   // Like setState, but automatically adds computed state so we don't have to recalculate
   // repeatedly. Also returns a promise resolves after state is updated
   setStateWithComputedState(newState, newProps = this.props) {
-    return new Promise(resolve => {
+    return new Promise((resolve) => {
       const computedState = this._getComputedState(newProps, {
         ...this.state,
         ...newState,
@@ -486,7 +487,7 @@ export class UnconnectedDataSelector extends Component {
   hasSavedQuestions = () => {
     const { canSelectSavedQuestion } = this.props;
     return (
-      this.state.databases.some(database => database.is_saved_questions) &&
+      this.state.databases.some((database) => database.is_saved_questions) &&
       canSelectSavedQuestion
     );
   };
@@ -503,7 +504,7 @@ export class UnconnectedDataSelector extends Component {
       !this.props.canSelectSavedQuestion;
 
     return shouldRemoveSavedQuestionDatabaseFromList
-      ? databases.filter(db => !db.is_saved_questions)
+      ? databases.filter((db) => !db.is_saved_questions)
       : databases;
   };
 
@@ -765,7 +766,7 @@ export class UnconnectedDataSelector extends Component {
       savedEntityType: entityType,
     });
 
-  onChangeDataBucket = async selectedDataBucketId => {
+  onChangeDataBucket = async (selectedDataBucketId) => {
     if (selectedDataBucketId === DATA_BUCKET.RAW_DATA) {
       await this.switchToStep(DATABASE_STEP, { selectedDataBucketId });
       return;
@@ -777,13 +778,13 @@ export class UnconnectedDataSelector extends Component {
       },
       false,
     );
-    const database = this.props.databases.find(db => db.is_saved_questions);
+    const database = this.props.databases.find((db) => db.is_saved_questions);
     if (database) {
       this.onChangeDatabase(database);
     }
   };
 
-  onChangeDatabase = async database => {
+  onChangeDatabase = async (database) => {
     if (database.is_saved_questions) {
       this.showSavedEntityPicker({ entityType: "question" });
       return;
@@ -801,26 +802,26 @@ export class UnconnectedDataSelector extends Component {
     await this.nextStep({ selectedDatabaseId: database && database.id });
   };
 
-  onChangeSchema = async schema => {
+  onChangeSchema = async (schema) => {
     // NOTE: not really any need to have a setSchemaFn since schemas are just a namespace
     await this.nextStep({ selectedSchemaId: schema && schema.id });
   };
 
-  onChangeTable = async table => {
+  onChangeTable = async (table) => {
     if (this.props.setSourceTableFn) {
       this.props.setSourceTableFn(table?.id, table?.db_id);
     }
     await this.nextStep({ selectedTableId: table?.id });
   };
 
-  onChangeField = async field => {
+  onChangeField = async (field) => {
     if (this.props.setFieldFn) {
       this.props.setFieldFn(field?.id);
     }
     await this.nextStep({ selectedFieldId: field?.id });
   };
 
-  getTriggerElement = triggerProps => {
+  getTriggerElement = (triggerProps) => {
     const {
       className,
       style,
@@ -944,7 +945,7 @@ export class UnconnectedDataSelector extends Component {
 
   isSavedEntitySelected = () => isVirtualCardId(this.props.selectedTableId);
 
-  handleSavedEntitySelect = async tableOrCardId => {
+  handleSavedEntitySelect = async (tableOrCardId) => {
     await this.props.fetchFields(tableOrCardId);
     if (this.props.setSourceTableFn) {
       const table = this.props.metadata.table(tableOrCardId);
@@ -967,12 +968,12 @@ export class UnconnectedDataSelector extends Component {
     return hasTableSearch && hasTableStep && isAllowedToShowOnActiveStep;
   };
 
-  handleSearchTextChange = searchText =>
+  handleSearchTextChange = (searchText) =>
     this.setState({
       searchText,
     });
 
-  handleSearchItemSelect = async item => {
+  handleSearchItemSelect = async (item) => {
     const tableOrCardId = getSearchItemTableOrCardId(item);
     await this.props.fetchFields(tableOrCardId);
     if (this.props.setSourceTableFn) {
@@ -1072,7 +1073,7 @@ export class UnconnectedDataSelector extends Component {
                 autoFocus
                 value={searchText}
                 placeholder={this.getSearchInputPlaceholder()}
-                onChange={e => this.handleSearchTextChange(e.target.value)}
+                onChange={(e) => this.handleSearchTextChange(e.target.value)}
                 onResetClick={() => this.handleSearchTextChange("")}
               />
             </Box>
@@ -1195,13 +1196,13 @@ const DataSelector = _.compose(
       }),
     }),
     {
-      fetchDatabases: databaseQuery =>
+      fetchDatabases: (databaseQuery) =>
         Databases.actions.fetchList(databaseQuery),
-      fetchSchemas: databaseId =>
+      fetchSchemas: (databaseId) =>
         Schemas.actions.fetchList({ dbId: databaseId }),
-      fetchSchemaTables: schemaId => Schemas.actions.fetch({ id: schemaId }),
-      fetchFields: tableId => Tables.actions.fetchMetadata({ id: tableId }),
-      fetchQuestion: id =>
+      fetchSchemaTables: (schemaId) => Schemas.actions.fetch({ id: schemaId }),
+      fetchFields: (tableId) => Tables.actions.fetchMetadata({ id: tableId }),
+      fetchQuestion: (id) =>
         Questions.actions.fetch({
           id: getQuestionIdFromVirtualTableId(id),
         }),
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/DataSelector.unit.spec.js b/frontend/src/metabase/query_builder/components/DataSelector/DataSelector.unit.spec.js
index 0b5181e4d15..9ea0e5867ef 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/DataSelector.unit.spec.js
+++ b/frontend/src/metabase/query_builder/components/DataSelector/DataSelector.unit.spec.js
@@ -177,7 +177,7 @@ describe("DataSelector", () => {
     const { rerender } = render(<DataSelector {...props} />);
 
     // we call rerenderWith to add more data after a fetch function was called
-    const rerenderWith = nextMetadata => {
+    const rerenderWith = (nextMetadata) => {
       rerender(
         <DataSelector
           {...props}
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabaseSchemaPicker/DataSelectorDatabaseSchemaPicker.tsx b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabaseSchemaPicker/DataSelectorDatabaseSchemaPicker.tsx
index 63ea800a173..d34dda92859 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabaseSchemaPicker/DataSelectorDatabaseSchemaPicker.tsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabaseSchemaPicker/DataSelectorDatabaseSchemaPicker.tsx
@@ -58,11 +58,11 @@ const DataSelectorDatabaseSchemaPicker = ({
     return <DataSelectorLoading />;
   }
 
-  const sections: Sections = databases.map(database => ({
+  const sections: Sections = databases.map((database) => ({
     name: database.is_saved_questions ? t`Saved Questions` : database.name,
     items:
       !database.is_saved_questions && database.getSchemas().length > 1
-        ? database.getSchemas().map(schema => ({
+        ? database.getSchemas().map((schema) => ({
             schema,
             name: schema.displayName() ?? "",
           }))
@@ -111,9 +111,9 @@ const DataSelectorDatabaseSchemaPicker = ({
   }
 
   let openSection = selectedSchema
-    ? databases.findIndex(db => db.id === selectedSchema.database?.id)
+    ? databases.findIndex((db) => db.id === selectedSchema.database?.id)
     : selectedDatabase
-      ? databases.findIndex(db => db.id === selectedDatabase.id)
+      ? databases.findIndex((db) => db.id === selectedDatabase.id)
       : -1;
 
   if (openSection >= 0 && databases[openSection]?.getSchemas().length === 1) {
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabaseSchemaPicker/DataSelectorDatabaseSchemaPicker.unit.spec.js b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabaseSchemaPicker/DataSelectorDatabaseSchemaPicker.unit.spec.js
index e9262ef650f..e075e9f7cf0 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabaseSchemaPicker/DataSelectorDatabaseSchemaPicker.unit.spec.js
+++ b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabaseSchemaPicker/DataSelectorDatabaseSchemaPicker.unit.spec.js
@@ -7,7 +7,7 @@ import { createMockState } from "metabase-types/store/mocks";
 
 import DataSelectorDatabaseSchemaPicker from "./DataSelectorDatabaseSchemaPicker";
 
-const setup = opts => {
+const setup = (opts) => {
   const state = createMockState({
     entities: createMockEntitiesState({ databases: [opts.database] }),
   });
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorFieldPicker/DataSelectorFieldPicker.tsx b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorFieldPicker/DataSelectorFieldPicker.tsx
index 3574172e16f..f0cda8b8718 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorFieldPicker/DataSelectorFieldPicker.tsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorFieldPicker/DataSelectorFieldPicker.tsx
@@ -57,7 +57,7 @@ const DataSelectorFieldPicker = ({
   const sections = [
     {
       name: header,
-      items: fields.map(field => ({
+      items: fields.map((field) => ({
         name: field.displayName(),
         field: field,
       })),
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorSchemaPicker/DataSelectorSchemaPicker.tsx b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorSchemaPicker/DataSelectorSchemaPicker.tsx
index b24c1b1133a..deb7e8ac29d 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorSchemaPicker/DataSelectorSchemaPicker.tsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorSchemaPicker/DataSelectorSchemaPicker.tsx
@@ -28,7 +28,7 @@ const DataSelectorSchemaPicker = ({
 }: DataSelectorSchemaPickerProps) => {
   const sections = [
     {
-      items: schemas.map(schema => ({
+      items: schemas.map((schema) => ({
         name: schema.displayName(),
         schema: schema,
       })),
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorTablePicker/DataSelectorTablePicker.tsx b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorTablePicker/DataSelectorTablePicker.tsx
index 7e51425ef44..824da054b3a 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorTablePicker/DataSelectorTablePicker.tsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorTablePicker/DataSelectorTablePicker.tsx
@@ -78,7 +78,7 @@ const DataSelectorTablePicker = ({
     const sections = [
       {
         name: header,
-        items: tables.filter(isNotNull).map(table => ({
+        items: tables.filter(isNotNull).map((table) => ({
           name: table.displayName(),
           table: table,
           database: selectedDatabase,
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorTablePicker/DataSelectorTablePicker.unit.spec.tsx b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorTablePicker/DataSelectorTablePicker.unit.spec.tsx
index 6d25888aacd..21627f0eb1b 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorTablePicker/DataSelectorTablePicker.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/DataSelectorTablePicker/DataSelectorTablePicker.unit.spec.tsx
@@ -37,7 +37,7 @@ const setup = (opts: SetupOpts) => {
 describe("DataSelectorTablePicker", () => {
   it.each(NOT_SYNCED_DB_STATUSES)(
     "render a loading spinner when a table has initial_sync_status='%s'",
-    initial_sync_status => {
+    (initial_sync_status) => {
       const database = createMockDatabase({
         tables: [createMockTable({ initial_sync_status })],
       });
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/TriggerComponents.tsx b/frontend/src/metabase/query_builder/components/DataSelector/TriggerComponents.tsx
index cb8a783a3b5..64c4d1f70ca 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/TriggerComponents.tsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/TriggerComponents.tsx
@@ -66,7 +66,7 @@ export function FieldTrigger({
     return <Text>{t`Select...`}</Text>;
   }
   const hasMultipleSchemas =
-    _.uniq(database?.tables ?? [], t => t.schema_name).length > 1;
+    _.uniq(database?.tables ?? [], (t) => t.schema_name).length > 1;
 
   return (
     <div>
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/data-search/SearchResults.jsx b/frontend/src/metabase/query_builder/components/DataSelector/data-search/SearchResults.jsx
index e302e8d6dab..c2905e757e4 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/data-search/SearchResults.jsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/data-search/SearchResults.jsx
@@ -59,7 +59,7 @@ export function SearchResults({
   });
   const dispatch = useDispatch();
   const list = useMemo(() => {
-    return data?.data?.map(item => Search.wrapEntity(item, dispatch));
+    return data?.data?.map((item) => Search.wrapEntity(item, dispatch));
   }, [data, dispatch]);
 
   return (
@@ -89,7 +89,7 @@ export function SearchResults({
 
       {!error && !isFetching && list.length > 0 && (
         <ul>
-          {list.map(item => (
+          {list.map((item) => (
             <li key={`${item.id}_${item.model}`}>
               <SearchResult
                 result={item}
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityList.tsx b/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityList.tsx
index f9e7767e322..f8edb8f41ca 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityList.tsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityList.tsx
@@ -51,7 +51,7 @@ const SavedEntityList = ({
   const list = data?.data ?? [];
   const filteredList = databaseId
     ? // When `databaseId` is provided, we're joining data, so we need to filter out items that don't belong to the current database
-      list.filter(collectionItem => collectionItem.database_id === databaseId)
+      list.filter((collectionItem) => collectionItem.database_id === databaseId)
     : list;
 
   return (
@@ -63,7 +63,7 @@ const SavedEntityList = ({
           error={error}
         >
           <Fragment>
-            {filteredList.map(collectionItem => {
+            {filteredList.map((collectionItem) => {
               const { id, name, moderated_status } = collectionItem;
               const virtualTableId = getQuestionVirtualTableId(id);
 
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityPicker.jsx b/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityPicker.jsx
index e2abe7ae7bd..e94614c38be 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityPicker.jsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityPicker.jsx
@@ -33,7 +33,7 @@ const propTypes = {
   rootCollection: PropTypes.object,
 };
 
-const getOurAnalyticsCollection = collectionEntity => {
+const getOurAnalyticsCollection = (collectionEntity) => {
   return {
     ...collectionEntity,
     schemaName: "Everything else",
@@ -57,7 +57,7 @@ function SavedEntityPicker({
   rootCollection,
 }) {
   const collectionTree = useMemo(() => {
-    const modelFilter = model => CARD_INFO[type].model === model;
+    const modelFilter = (model) => CARD_INFO[type].model === model;
 
     const preparedCollections = [];
     const userPersonalCollections = currentUserPersonalCollections(
@@ -73,7 +73,7 @@ function SavedEntityPicker({
 
     if (currentUser.is_superuser) {
       const otherPersonalCollections = collections.filter(
-        collection =>
+        (collection) =>
           isRootPersonalCollection(collection) &&
           collection.personal_owner_id !== currentUser.id,
       );
@@ -101,7 +101,7 @@ function SavedEntityPicker({
   const [selectedCollection, setSelectedCollection] =
     useState(initialCollection);
 
-  const handleSelect = useCallback(collection => {
+  const handleSelect = useCallback((collection) => {
     if (collection.id === PERSONAL_COLLECTIONS.id) {
       return;
     }
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityPicker.unit.spec.jsx b/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityPicker.unit.spec.jsx
index 789e42c0b37..4780f9f9334 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityPicker.unit.spec.jsx
+++ b/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/SavedEntityPicker.unit.spec.jsx
@@ -87,7 +87,7 @@ describe("SavedEntityPicker", () => {
     await setup();
 
     expect(
-      screen.getAllByTestId("tree-item-name").map(node => node.textContent),
+      screen.getAllByTestId("tree-item-name").map((node) => node.textContent),
     ).toEqual([
       "Our analytics",
       "Your personal collection",
@@ -99,7 +99,7 @@ describe("SavedEntityPicker", () => {
     await setup();
 
     expect(
-      screen.getAllByTestId("option-text").map(node => node.textContent),
+      screen.getAllByTestId("option-text").map((node) => node.textContent),
     ).toEqual(["a", "A", "B"]);
   });
 });
diff --git a/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/utils.js b/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/utils.js
index e598487ecf8..63b2bc3cc18 100644
--- a/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/utils.js
+++ b/frontend/src/metabase/query_builder/components/DataSelector/saved-entity-picker/utils.js
@@ -3,7 +3,7 @@ export const findCollectionById = (collections, collectionId) => {
     return null;
   }
 
-  const collection = collections.find(c => c.id === collectionId);
+  const collection = collections.find((c) => c.id === collectionId);
 
   if (collection) {
     return collection;
@@ -11,7 +11,7 @@ export const findCollectionById = (collections, collectionId) => {
 
   return findCollectionById(
     collections
-      .map(c => c.children)
+      .map((c) => c.children)
       .filter(Boolean)
       .flat(),
     collectionId,
diff --git a/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetEditorInner.jsx b/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetEditorInner.jsx
index 872dbae66c6..57747862825 100644
--- a/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetEditorInner.jsx
+++ b/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetEditorInner.jsx
@@ -181,7 +181,7 @@ function getColumnTabIndex(columnIndex, focusedFieldIndex) {
       : EDITOR_TAB_INDEXES.PREVIOUS_FIELDS;
 }
 
-const _DatasetEditorInner = props => {
+const _DatasetEditorInner = (props) => {
   const {
     question,
     visualizationSettings,
@@ -253,7 +253,7 @@ const _DatasetEditorInner = props => {
     if (!focusedFieldName) {
       return -1;
     }
-    return fields.findIndex(field => field.name === focusedFieldName);
+    return fields.findIndex((field) => field.name === focusedFieldName);
   }, [focusedFieldName, fields]);
 
   const previousFocusedFieldIndex = usePrevious(focusedFieldIndex);
@@ -275,7 +275,7 @@ const _DatasetEditorInner = props => {
   }, [result, focusedFieldName, fields, focusFirstField, focusedField]);
 
   const inheritMappedFieldProperties = useCallback(
-    changes => {
+    (changes) => {
       const mappedField = metadata.field?.(changes.id)?.getPlainObject();
       const inheritedProperties =
         mappedField && getWritableColumnProperties(mappedField);
@@ -285,14 +285,14 @@ const _DatasetEditorInner = props => {
   );
 
   const onFieldMetadataChange = useCallback(
-    values => {
+    (values) => {
       setMetadataDiff({ name: focusedFieldName, changes: values });
     },
     [focusedFieldName, setMetadataDiff],
   );
 
   const onMappedDatabaseColumnChange = useCallback(
-    value => {
+    (value) => {
       const changes = inheritMappedFieldProperties({ id: value });
       setMetadataDiff({ name: focusedFieldName, changes });
     },
@@ -312,7 +312,7 @@ const _DatasetEditorInner = props => {
   }, [result]);
 
   const onChangeEditorTab = useCallback(
-    tab => {
+    (tab) => {
       setDatasetEditorTab(tab);
       setEditorHeight(tab === "query" ? initialEditorHeight : 0);
     },
@@ -369,7 +369,7 @@ const _DatasetEditorInner = props => {
   ]);
 
   const handleColumnSelect = useCallback(
-    column => {
+    (column) => {
       setFocusedFieldName(column.name);
     },
     [setFocusedFieldName],
@@ -388,7 +388,7 @@ const _DatasetEditorInner = props => {
   );
 
   const handleHeaderColumnReorder = useCallback(
-    dragColIndex => {
+    (dragColIndex) => {
       const field = fields[dragColIndex];
 
       if (!field) {
@@ -454,7 +454,7 @@ const _DatasetEditorInner = props => {
   const canSaveChanges =
     isDirty &&
     (!isNative || !isResultDirty) &&
-    fields.every(field => field.display_name) &&
+    fields.every((field) => field.display_name) &&
     Lib.canSave(question.query(), question.type());
 
   const saveButtonTooltipLabel = useMemo(() => {
diff --git a/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetFieldMetadataSidebar/DatasetFieldMetadataFkTargetPicker.tsx b/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetFieldMetadataSidebar/DatasetFieldMetadataFkTargetPicker.tsx
index f573a8070f1..3c4628acba8 100644
--- a/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetFieldMetadataSidebar/DatasetFieldMetadataFkTargetPicker.tsx
+++ b/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetFieldMetadataSidebar/DatasetFieldMetadataFkTargetPicker.tsx
@@ -19,7 +19,7 @@ export const DatasetFieldMetadataFkTargetPicker = ({
 }: Props) => {
   const dispatch = useDispatch();
   const [formField, _meta, { setValue }] = useField("fk_target_field_id");
-  const idFields = useSelector(state => {
+  const idFields = useSelector((state) => {
     return Databases.selectors.getIdFields(state, { databaseId });
   });
 
diff --git a/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetFieldMetadataSidebar/DatasetFieldMetadataSidebar.jsx b/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetFieldMetadataSidebar/DatasetFieldMetadataSidebar.jsx
index fa9e0d3ddee..8d602ba9adc 100644
--- a/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetFieldMetadataSidebar/DatasetFieldMetadataSidebar.jsx
+++ b/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetFieldMetadataSidebar/DatasetFieldMetadataSidebar.jsx
@@ -54,8 +54,8 @@ function getVisibilityTypeName(visibilityType) {
 }
 
 const visibilityTypeOptions = FIELD_VISIBILITY_TYPES.filter(
-  type => type.id !== "sensitive",
-).map(type => ({
+  (type) => type.id !== "sensitive",
+).map((type) => ({
   name: getVisibilityTypeName(type),
   value: type.id,
 }));
@@ -112,7 +112,7 @@ function DatasetFieldMetadataSidebar({
   const [tab, setTab] = useState(TAB.SETTINGS);
 
   const handleFormattingSettingsChange = useCallback(
-    settings => {
+    (settings) => {
       onFieldMetadataChange({ settings });
     },
     [onFieldMetadataChange],
@@ -145,7 +145,7 @@ function DatasetFieldMetadataSidebar({
   }, [tab, hasColumnFormattingOptions]);
 
   const onLastEssentialFieldKeyDown = useCallback(
-    e => {
+    (e) => {
       const isNextFieldAction = !e.shiftKey && e.key === "Tab";
       if (isNextFieldAction && isLastField) {
         e.preventDefault();
@@ -161,7 +161,7 @@ function DatasetFieldMetadataSidebar({
   );
 
   const handleDisplayNameChange = useCallback(
-    e =>
+    (e) =>
       onFieldMetadataChangeDebounced({
         display_name: e.target.value,
       }),
@@ -169,7 +169,7 @@ function DatasetFieldMetadataSidebar({
   );
 
   const handleDescriptionChange = useCallback(
-    e =>
+    (e) =>
       onFieldMetadataChangeDebounced({
         description: e.target.value,
       }),
@@ -177,7 +177,7 @@ function DatasetFieldMetadataSidebar({
   );
 
   const handleSemanticTypeChange = useCallback(
-    value =>
+    (value) =>
       onFieldMetadataChange({
         semantic_type: value,
       }),
@@ -185,7 +185,7 @@ function DatasetFieldMetadataSidebar({
   );
 
   const handleFkTargetChange = useCallback(
-    value =>
+    (value) =>
       onFieldMetadataChange({
         fk_target_field_id: value,
       }),
@@ -193,7 +193,7 @@ function DatasetFieldMetadataSidebar({
   );
 
   const handleVisibilityTypeChange = useCallback(
-    value =>
+    (value) =>
       onFieldMetadataChange({
         visibility_type: value,
       }),
@@ -201,7 +201,7 @@ function DatasetFieldMetadataSidebar({
   );
 
   const handleShouldIndexChange = useCallback(
-    e =>
+    (e) =>
       onFieldMetadataChange({
         should_index: e.target.checked,
       }),
@@ -287,7 +287,7 @@ function DatasetFieldMetadataSidebar({
               <Tabs value={tab} onChange={setTab}>
                 {hasColumnFormattingOptions ? (
                   <Tabs.List px="1rem">
-                    {TAB_OPTIONS.map(option => (
+                    {TAB_OPTIONS.map((option) => (
                       <Tabs.Tab
                         value={option.value}
                         key={`tab-${option.value}`}
@@ -309,7 +309,7 @@ function DatasetFieldMetadataSidebar({
                       }}
                       onChange={handleVisibilityTypeChange}
                     >
-                      {visibilityTypeOptions.map(option => (
+                      {visibilityTypeOptions.map((option) => (
                         <Radio
                           key={`visibility-type-${option.value}`}
                           value={option.value}
diff --git a/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetNotebook/DatasetNotebook.jsx b/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetNotebook/DatasetNotebook.jsx
index 6f9236ecdac..4e94beb6f57 100644
--- a/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetNotebook/DatasetNotebook.jsx
+++ b/frontend/src/metabase/query_builder/components/DatasetEditor/DatasetNotebook/DatasetNotebook.jsx
@@ -22,7 +22,7 @@ const propTypes = {
  * Setting the overflow to "hidden" while resizing fixes that behavior.
  * @link Demo: https://github.com/metabase/metabase/pull/19103#issuecomment-981935878
  */
-const getOverflow = isResizing => (isResizing ? "hidden" : "auto");
+const getOverflow = (isResizing) => (isResizing ? "hidden" : "auto");
 
 const Handle = forwardRef(function Handle(props, ref) {
   return (
diff --git a/frontend/src/metabase/query_builder/components/ImpossibleToCreateModelModal/ImpossibleToCreateModelModal.tsx b/frontend/src/metabase/query_builder/components/ImpossibleToCreateModelModal/ImpossibleToCreateModelModal.tsx
index 3ec2ddda558..b623bfac88f 100644
--- a/frontend/src/metabase/query_builder/components/ImpossibleToCreateModelModal/ImpossibleToCreateModelModal.tsx
+++ b/frontend/src/metabase/query_builder/components/ImpossibleToCreateModelModal/ImpossibleToCreateModelModal.tsx
@@ -14,14 +14,14 @@ type Props = {
 };
 
 function SQLSnippetsDocLink() {
-  const href = useSelector(state =>
+  const href = useSelector((state) =>
     getDocsUrl(state, { page: "questions/native-editor/sql-snippets" }),
   );
   return <ExternalLink href={href}>{t`SQL snippets`}</ExternalLink>;
 }
 
 function ReferencingQuestionsDocLink() {
-  const href = useSelector(state =>
+  const href = useSelector((state) =>
     getDocsUrl(state, {
       page: "questions/native-editor/referencing-saved-questions-in-queries",
       anchor: "referencing-models-and-saved-questions",
diff --git a/frontend/src/metabase/query_builder/components/LimitPopover.jsx b/frontend/src/metabase/query_builder/components/LimitPopover.jsx
index f09f540acbd..a1364f614eb 100644
--- a/frontend/src/metabase/query_builder/components/LimitPopover.jsx
+++ b/frontend/src/metabase/query_builder/components/LimitPopover.jsx
@@ -15,7 +15,7 @@ const CustomRowLimit = ({ limit, onChangeLimit, onClose }) => {
       defaultValue={limit}
       className={cx({ [cx(CS.textBrand, CS.borderBrand)]: limit != null })}
       placeholder={t`Pick a limit`}
-      onKeyPress={e => {
+      onKeyPress={(e) => {
         if (e.key === "Enter") {
           const value = parseInt(e.target.value, 10);
           if (value > 0) {
@@ -54,7 +54,7 @@ const LimitPopover = ({ limit, onChangeLimit, onClose, className }) => (
           value: "custom",
         },
       ]}
-      onChange={value =>
+      onChange={(value) =>
         value === "maximum" ? onChangeLimit(null) : onChangeLimit(2000)
       }
     />
diff --git a/frontend/src/metabase/query_builder/components/MoveQuestionModal/MoveQuestionModal.tsx b/frontend/src/metabase/query_builder/components/MoveQuestionModal/MoveQuestionModal.tsx
index 03e56d5b5cc..85c2a3d8219 100644
--- a/frontend/src/metabase/query_builder/components/MoveQuestionModal/MoveQuestionModal.tsx
+++ b/frontend/src/metabase/query_builder/components/MoveQuestionModal/MoveQuestionModal.tsx
@@ -68,7 +68,7 @@ export const MoveQuestionModal = ({
       ...update,
     })
       .unwrap()
-      .then(async updatedCard => {
+      .then(async (updatedCard) => {
         // HACK: entity framework would previously keep the qb in sync
         // with changing where the question lived
         dispatch({ type: API_UPDATE_QUESTION, payload: updatedCard });
@@ -96,7 +96,7 @@ export const MoveQuestionModal = ({
             .unwrap()
             .catch(() => undefined); // we can fallback to navigation w/o this info
           const dashcard = dashboard?.dashcards.find(
-            c => c.card_id === question.id(),
+            (c) => c.card_id === question.id(),
           );
 
           if (!dashboard || !dashcard) {
@@ -114,7 +114,7 @@ export const MoveQuestionModal = ({
 
         onClose();
       })
-      .catch(e => {
+      .catch((e) => {
         setErrorMessage(getResponseErrorMessage(e));
       });
   };
@@ -174,7 +174,7 @@ export const MoveQuestionModal = ({
             </Box>
             <Radio.Group
               value={`${!deleteOldDashcardsState}`}
-              onChange={val => setDeleteOldDashcardsState(val !== "true")}
+              onChange={(val) => setDeleteOldDashcardsState(val !== "true")}
               mt="2rem"
             >
               <Radio
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/CodeMirrorEditor.tsx b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/CodeMirrorEditor.tsx
index 0408b53a705..19ea15f44d0 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/CodeMirrorEditor.tsx
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/CodeMirrorEditor.tsx
@@ -117,7 +117,7 @@ export const CodeMirrorEditor = forwardRef<
         document.querySelectorAll(".cm-selectionBackground"),
       );
 
-      if (selections.some(selection => isEventOverElement(evt, selection))) {
+      if (selections.some((selection) => isEventOverElement(evt, selection))) {
         evt.preventDefault();
         onRightClickSelection?.();
       }
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/completers.tsx b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/completers.tsx
index fb62f7e6adb..62eb57b86a2 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/completers.tsx
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/completers.tsx
@@ -129,14 +129,14 @@ export function useSnippetCompletion() {
 
       const query = tag.content.text;
       const results =
-        snippets?.filter(snippet =>
+        snippets?.filter((snippet) =>
           snippet.name.toLowerCase().includes(query.toLowerCase()),
         ) ?? [];
 
       return {
         from: tag.content.from,
         to: tag.content.to,
-        options: results.map(snippet => ({
+        options: results.map((snippet) => ({
           label: snippet.name,
           apply: tag.hasClosingTag ? snippet.name : `${snippet.name} }}`,
           detail: t`Snippet`,
@@ -228,14 +228,14 @@ export function useReferencedCardCompletion({
   > => {
     const shouldCache = true;
     const data = await Promise.all(
-      referencedCardIds.map(id => getCard({ id }, shouldCache)),
+      referencedCardIds.map((id) => getCard({ id }, shouldCache)),
     );
 
     return data
-      .map(item => item.data)
+      .map((item) => item.data)
       .filter(isNotNull)
-      .flatMap(card =>
-        card.result_metadata.map(field => ({
+      .flatMap((card) =>
+        card.result_metadata.map((field) => ({
           card,
           field,
         })),
@@ -275,7 +275,7 @@ export function useReferencedCardCompletion({
         validFor(text: string) {
           return text.startsWith(word.text);
         },
-        options: results.map(column => ({
+        options: results.map((column) => ({
           label: column.field.name,
           detail: `${column.card.name} :${column.field.base_type}`,
         })),
@@ -346,9 +346,9 @@ export function useLocalsCompletion({ engine }: LocalsCompletionOptions) {
       const full = word.text.concat(suffix?.text ?? "");
 
       const options = Array.from(set)
-        .filter(value => value.toLowerCase().startsWith(full.toLowerCase()))
-        .filter(value => value !== full)
-        .map(value => ({
+        .filter((value) => value.toLowerCase().startsWith(full.toLowerCase()))
+        .filter((value) => value !== full)
+        .map((value) => ({
           label: value,
           detail: "local",
         }));
@@ -375,7 +375,7 @@ export function useKeywordsCompletion({ engine }: LocalsCompletionOptions) {
       return () => null;
     }
 
-    const completions = keywords.words.map(keyword => ({
+    const completions = keywords.words.map((keyword) => ({
       label: keyword,
       detail: t`keyword`,
     }));
@@ -401,7 +401,7 @@ export function useKeywordsCompletion({ engine }: LocalsCompletionOptions) {
 
       const suffix = matchAfter(context, /\w+/);
 
-      const options = completions.filter(option => {
+      const options = completions.filter((option) => {
         if (keywords.caseSensitive) {
           return option.label.startsWith(word.text);
         }
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/completers.unit.spec.tsx b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/completers.unit.spec.tsx
index d652fa225d8..04c0fa60ec3 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/completers.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/completers.unit.spec.tsx
@@ -549,14 +549,14 @@ describe("useReferencedCardCompletion", () => {
 
   function setup({
     results = MOCK_RESULTS,
-    cardIds = results.map(card => card.id).filter(isNotNull),
+    cardIds = results.map((card) => card.id).filter(isNotNull),
   }: {
     results?: Partial<Card>[];
     cardIds?: number[];
   } = {}) {
     for (const id of cardIds) {
       const url = `path:/api/card/${id}`;
-      const card = results.find(card => card.id === id);
+      const card = results.find((card) => card.id === id);
       fetchMock.get(url, {
         status: 200,
         body: card,
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/extensions.tsx b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/extensions.tsx
index 5796083d797..9d7a6f29f49 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/extensions.tsx
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/extensions.tsx
@@ -261,14 +261,14 @@ function tagDecorator() {
   });
 
   return ViewPlugin.define(
-    view => ({
+    (view) => ({
       tags: decorator.createDeco(view),
       update(state) {
         this.tags = decorator.updateDeco(state, this.tags);
       },
     }),
     {
-      decorations: instance => instance.tags,
+      decorations: (instance) => instance.tags,
     },
   );
 }
@@ -280,7 +280,7 @@ export function insertIndent({
   state: EditorState;
   dispatch: (tr: Transaction) => void;
 }) {
-  if (state.selection.ranges.some(r => !r.empty)) {
+  if (state.selection.ranges.some((r) => !r.empty)) {
     return indentMore({ state, dispatch });
   }
 
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/language.ts b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/language.ts
index 12de5d55afc..11b8c750849 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/language.ts
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/language.ts
@@ -352,7 +352,7 @@ export function source(engine?: string | null): Source {
         dialect,
         keywords: {
           caseSensitive: false,
-          words: words.map(word => word.toUpperCase()),
+          words: words.map((word) => word.toUpperCase()),
         },
         indentation: sqlIndentation(),
       };
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/util.tsx b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/util.tsx
index 4b8372bb379..77d5c38ae35 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/util.tsx
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/CodeMirrorEditor/util.tsx
@@ -240,10 +240,10 @@ export function matchCardIdAtCursor(
 
 export const getReferencedCardIds = createSelector(
   (query: Lib.Query) => Lib.templateTags(query),
-  tags =>
+  (tags) =>
     Object.values(tags)
-      .filter(tag => tag.type === "card")
-      .map(tag => tag["card-id"])
+      .filter((tag) => tag.type === "card")
+      .map((tag) => tag["card-id"])
       .filter(isNotNull),
   {
     argsMemoizeOptions: { resultEqualityCheck: shallowEqual },
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/DataSourceSelectors/DataSourceSelectors.jsx b/frontend/src/metabase/query_builder/components/NativeQueryEditor/DataSourceSelectors/DataSourceSelectors.jsx
index 92430336c94..bb210e50e6a 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/DataSourceSelectors/DataSourceSelectors.jsx
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/DataSourceSelectors/DataSourceSelectors.jsx
@@ -69,10 +69,10 @@ const DataSourceSelectors = ({
     const allDatabases = query
       .metadata()
       .databasesList({ savedQuestions: false })
-      .filter(db => db.canWrite());
+      .filter((db) => db.canWrite());
 
     if (editorContext === "action") {
-      return allDatabases.filter(database => database.hasActionsEnabled());
+      return allDatabases.filter((database) => database.hasActionsEnabled());
     }
 
     return allDatabases;
@@ -151,7 +151,7 @@ PopulatedDataSourceSelectors.propTypes = PopulatedDataSourceSelectorsPropTypes;
 
 const checkIfThereAreMultipleDatabases = (database, databases) =>
   database == null ||
-  (databases.length > 1 && databases.some(db => db.id === database.id));
+  (databases.length > 1 && databases.some((db) => db.id === database.id));
 
 const DatabaseSelector = ({ database, databases, readOnly, setDatabaseId }) => (
   <div
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/NativeQueryEditor.tsx b/frontend/src/metabase/query_builder/components/NativeQueryEditor/NativeQueryEditor.tsx
index 0328af35b64..e11c5c6a951 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/NativeQueryEditor.tsx
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/NativeQueryEditor.tsx
@@ -236,7 +236,7 @@ class NativeQueryEditor extends Component<Props, NativeQueryEditorState> {
   };
 
   togglePromptVisibility = () => {
-    this.setState(prev => ({
+    this.setState((prev) => ({
       isPromptInputVisible: !prev.isPromptInputVisible,
     }));
   };
@@ -322,7 +322,7 @@ class NativeQueryEditor extends Component<Props, NativeQueryEditorState> {
     ) : null;
 
     const canSaveSnippets = snippetCollections.some(
-      collection => collection.can_write,
+      (collection) => collection.can_write,
     );
 
     return (
diff --git a/frontend/src/metabase/query_builder/components/NativeQueryEditor/__mocks__/NativeQueryEditor.jsx b/frontend/src/metabase/query_builder/components/NativeQueryEditor/__mocks__/NativeQueryEditor.jsx
index 30384f0c843..7cdd380769b 100644
--- a/frontend/src/metabase/query_builder/components/NativeQueryEditor/__mocks__/NativeQueryEditor.jsx
+++ b/frontend/src/metabase/query_builder/components/NativeQueryEditor/__mocks__/NativeQueryEditor.jsx
@@ -13,17 +13,17 @@ const MockNativeQueryEditor = ({
   setDatasetQuery,
   setParameterValue,
 }) => {
-  const onChange = evt => {
+  const onChange = (evt) => {
     setDatasetQuery(query.setQueryText(evt.target.value));
   };
 
-  const onDatabaseIdChange = databaseId => {
+  const onDatabaseIdChange = (databaseId) => {
     if (question.databaseId() !== databaseId) {
       setDatasetQuery(query.setDatabaseId(databaseId).setDefaultCollection());
     }
   };
 
-  const onTableIdChange = tableId => {
+  const onTableIdChange = (tableId) => {
     const table = query.metadata().table(tableId);
     if (table && table.name !== query.collection()) {
       setDatasetQuery(query.setCollectionName(table.name));
diff --git a/frontend/src/metabase/query_builder/components/QueryDownloadPopover/QueryDownloadPopover.tsx b/frontend/src/metabase/query_builder/components/QueryDownloadPopover/QueryDownloadPopover.tsx
index 6f0e6639e3e..033cad3f4b7 100644
--- a/frontend/src/metabase/query_builder/components/QueryDownloadPopover/QueryDownloadPopover.tsx
+++ b/frontend/src/metabase/query_builder/components/QueryDownloadPopover/QueryDownloadPopover.tsx
@@ -80,8 +80,8 @@ export const QueryDownloadPopover = ({
         canConfigureFormatting={canConfigureFormatting(format)}
         canConfigurePivoting={canConfigurePivoting}
         onChangeFormat={setFormat}
-        onToggleFormatting={() => setIsFormatted(prev => !prev)}
-        onTogglePivoting={() => setIsPivoted(prev => !prev)}
+        onToggleFormatting={() => setIsFormatted((prev) => !prev)}
+        onTogglePivoting={() => setIsPivoted((prev) => !prev)}
       />
       {hasTruncatedResults && (
         <Box>
diff --git a/frontend/src/metabase/query_builder/components/QueryDownloadPopover/QueryDownloadPopover.unit.spec.tsx b/frontend/src/metabase/query_builder/components/QueryDownloadPopover/QueryDownloadPopover.unit.spec.tsx
index 50c0ae29c7c..9715adb4783 100644
--- a/frontend/src/metabase/query_builder/components/QueryDownloadPopover/QueryDownloadPopover.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/QueryDownloadPopover/QueryDownloadPopover.unit.spec.tsx
@@ -102,7 +102,7 @@ describe("QueryDownloadPopover", () => {
 
   it.each(["csv", "json", "xlsx"])(
     "should trigger unformatted download for %s format",
-    async format => {
+    async (format) => {
       const { onDownload } = setup();
 
       await userEvent.click(screen.getByLabelText(`.${format}`));
@@ -127,7 +127,7 @@ describe("QueryDownloadPopover", () => {
 
   it.each(["csv", "json", "xlsx"])(
     "should trigger formatted download for %s format",
-    async format => {
+    async (format) => {
       const { onDownload } = setup();
 
       await userEvent.click(screen.getByLabelText(`.${format}`));
@@ -170,7 +170,7 @@ describe("QueryDownloadPopover", () => {
 
   it.each(["csv", "xlsx"])(
     "allows configure pivoting for %s format",
-    async format => {
+    async (format) => {
       const { onDownload } = setup({
         card: {
           ...TEST_CARD,
diff --git a/frontend/src/metabase/query_builder/components/QueryDownloadWidget/QueryDownloadWidget.tsx b/frontend/src/metabase/query_builder/components/QueryDownloadWidget/QueryDownloadWidget.tsx
index 0dec52faf61..bdc95ff7546 100644
--- a/frontend/src/metabase/query_builder/components/QueryDownloadWidget/QueryDownloadWidget.tsx
+++ b/frontend/src/metabase/query_builder/components/QueryDownloadWidget/QueryDownloadWidget.tsx
@@ -56,7 +56,7 @@ const QueryDownloadWidget = ({
         <QueryDownloadPopover
           question={question}
           result={result}
-          onDownload={opts => {
+          onDownload={(opts) => {
             setIsPopoverOpen(false);
             handleDownload(opts);
           }}
diff --git a/frontend/src/metabase/query_builder/components/QueryModals/QueryModals.tsx b/frontend/src/metabase/query_builder/components/QueryModals/QueryModals.tsx
index 46c2e9be012..5a040378376 100644
--- a/frontend/src/metabase/query_builder/components/QueryModals/QueryModals.tsx
+++ b/frontend/src/metabase/query_builder/components/QueryModals/QueryModals.tsx
@@ -100,7 +100,7 @@ export function QueryModals({
       )
         .unwrap()
         .catch(() => undefined); // we can fallback to navigation w/o this info
-      const dashcard = dashboard?.dashcards.find(c => c.card_id === cardId);
+      const dashcard = dashboard?.dashcards.find((c) => c.card_id === cardId);
 
       if (!dashboard || !dashcard) {
         console.warn(
@@ -197,7 +197,7 @@ export function QueryModals({
           question={question}
           originalQuestion={originalQuestion}
           initialCollectionId={initialCollectionId}
-          onSave={async question => {
+          onSave={async (question) => {
             await onSave(question);
             onOpenModal(MODAL_TYPES.ADD_TO_DASHBOARD);
           }}
@@ -258,7 +258,7 @@ export function QueryModals({
                 ? question.collectionId()
                 : initialCollectionId,
             }}
-            copy={async formValues => {
+            copy={async (formValues) => {
               if (!questionWithParameters) {
                 return;
               }
diff --git a/frontend/src/metabase/query_builder/components/QuestionActivityTimeline.tsx b/frontend/src/metabase/query_builder/components/QuestionActivityTimeline.tsx
index 25796bdc6d2..c510ab509d7 100644
--- a/frontend/src/metabase/query_builder/components/QuestionActivityTimeline.tsx
+++ b/frontend/src/metabase/query_builder/components/QuestionActivityTimeline.tsx
@@ -53,7 +53,7 @@ export function QuestionActivityTimeline({
     <Timeline
       events={events}
       data-testid="saved-question-history-list"
-      revert={revision => dispatch(revertToRevision(revision))}
+      revert={(revision) => dispatch(revertToRevision(revision))}
       canWrite={question.canWrite()}
     />
   );
diff --git a/frontend/src/metabase/query_builder/components/QuestionEmbedWidget/QuestionEmbedWidget.tsx b/frontend/src/metabase/query_builder/components/QuestionEmbedWidget/QuestionEmbedWidget.tsx
index b0e926d49bc..7b80706cabd 100644
--- a/frontend/src/metabase/query_builder/components/QuestionEmbedWidget/QuestionEmbedWidget.tsx
+++ b/frontend/src/metabase/query_builder/components/QuestionEmbedWidget/QuestionEmbedWidget.tsx
@@ -47,10 +47,10 @@ export const QuestionEmbedWidget = (props: QuestionEmbedWidgetProps) => {
           resourceParameters={getCardUiParameters(card, metadata)}
           onCreatePublicLink={() => createPublicQuestionLink({ id: card.id })}
           onDeletePublicLink={() => deletePublicQuestionLink({ id: card.id })}
-          onUpdateEnableEmbedding={enable_embedding =>
+          onUpdateEnableEmbedding={(enable_embedding) =>
             updateEnableEmbedding({ id: card.id, enable_embedding })
           }
-          onUpdateEmbeddingParams={embedding_params =>
+          onUpdateEmbeddingParams={(embedding_params) =>
             updateEmbeddingParams({ id: card.id, embedding_params })
           }
           getPublicUrl={getPublicQuestionUrl}
diff --git a/frontend/src/metabase/query_builder/components/ResponsiveParametersList.tsx b/frontend/src/metabase/query_builder/components/ResponsiveParametersList.tsx
index 81c155d6c89..e80a8c1508f 100644
--- a/frontend/src/metabase/query_builder/components/ResponsiveParametersList.tsx
+++ b/frontend/src/metabase/query_builder/components/ResponsiveParametersList.tsx
@@ -32,11 +32,11 @@ export const ResponsiveParametersList = ({
   const isSmallScreen = useIsSmallScreen();
 
   const handleFilterButtonClick = useCallback(() => {
-    setShowMobileParameterList(mobileShow => !mobileShow);
+    setShowMobileParameterList((mobileShow) => !mobileShow);
   }, []);
 
   const activeFilters = useMemo(() => {
-    return parameters.filter(p => !!p.value).length;
+    return parameters.filter((p) => !!p.value).length;
   }, [parameters]);
 
   return (
diff --git a/frontend/src/metabase/query_builder/components/SyncedParametersList.tsx b/frontend/src/metabase/query_builder/components/SyncedParametersList.tsx
index e590a7ca4a0..946b45279f1 100644
--- a/frontend/src/metabase/query_builder/components/SyncedParametersList.tsx
+++ b/frontend/src/metabase/query_builder/components/SyncedParametersList.tsx
@@ -81,7 +81,7 @@ function buildSearchString(object: Record<string, any>) {
     window.location.search.replace("?", ""),
   );
   const filteredSearchParams = Object.fromEntries(
-    Object.entries(currentSearchParams).filter(entry =>
+    Object.entries(currentSearchParams).filter((entry) =>
       QUERY_PARAMS_ALLOW_LIST.includes(entry[0]),
     ),
   );
diff --git a/frontend/src/metabase/query_builder/components/VisualizationResult.jsx b/frontend/src/metabase/query_builder/components/VisualizationResult.jsx
index 22a71ecdba1..bca12e856b0 100644
--- a/frontend/src/metabase/query_builder/components/VisualizationResult.jsx
+++ b/frontend/src/metabase/query_builder/components/VisualizationResult.jsx
@@ -38,7 +38,7 @@ export default class VisualizationResult extends Component {
     this.setState({ showCreateAlertModal: false });
   };
 
-  getObjectDetailData = series => {
+  getObjectDetailData = (series) => {
     return [
       {
         ...series[0],
diff --git a/frontend/src/metabase/query_builder/components/Warnings.jsx b/frontend/src/metabase/query_builder/components/Warnings.jsx
index 38282f529c6..890ee1ae179 100644
--- a/frontend/src/metabase/query_builder/components/Warnings.jsx
+++ b/frontend/src/metabase/query_builder/components/Warnings.jsx
@@ -10,7 +10,7 @@ const Warnings = ({ warnings, className = "", size = 16 }) => {
   }
   const tooltip = (
     <ul className={cx(CS.px2, CS.pt2, CS.pb1)} style={{ maxWidth: 350 }}>
-      {warnings.map(warning => (
+      {warnings.map((warning) => (
         <li className={CS.pb1} key={warning}>
           {warning}
         </li>
diff --git a/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeList/ChartTypeList.tsx b/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeList/ChartTypeList.tsx
index 55d2e9f9245..dc6f8556ea9 100644
--- a/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeList/ChartTypeList.tsx
+++ b/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeList/ChartTypeList.tsx
@@ -24,7 +24,7 @@ export const ChartTypeList = ({
     justify="flex-start"
     grow={false}
   >
-    {visualizationList.map(type => (
+    {visualizationList.map((type) => (
       <Grid.Col span={3} key={type} data-testid="chart-type-list-col">
         <ChartTypeOption
           key={type}
diff --git a/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeList/ChartTypeList.unit.spec.tsx b/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeList/ChartTypeList.unit.spec.tsx
index 30548d47ba9..5e5da1b2509 100644
--- a/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeList/ChartTypeList.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeList/ChartTypeList.unit.spec.tsx
@@ -10,7 +10,7 @@ import { ChartTypeList, type ChartTypeListProps } from "./ChartTypeList";
 registerVisualizations();
 
 const VISUALIZATION_TEST_LABELS = DEFAULT_VIZ_ORDER.map(
-  display => visualizations.get(display)?.uiName,
+  (display) => visualizations.get(display)?.uiName,
 );
 
 const setup = ({
diff --git a/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeOption/ChartTypeOption.unit.spec.tsx b/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeOption/ChartTypeOption.unit.spec.tsx
index d6b16b6e91c..c318c428d17 100644
--- a/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeOption/ChartTypeOption.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/chart-type-selector/ChartTypeOption/ChartTypeOption.unit.spec.tsx
@@ -94,7 +94,7 @@ describe("ChartTypeOption", () => {
         const { onSelectVisualization } = setup({
           visualizationType,
           selectedVisualization: EXPECTED_VISUALIZATION_VALUES.find(
-            elem => elem.visualizationType !== visualizationType,
+            (elem) => elem.visualizationType !== visualizationType,
           )?.visualizationType,
         });
 
diff --git a/frontend/src/metabase/query_builder/components/chart-type-selector/use-question-visualization-state.ts b/frontend/src/metabase/query_builder/components/chart-type-selector/use-question-visualization-state.ts
index 388495f070a..17df994995d 100644
--- a/frontend/src/metabase/query_builder/components/chart-type-selector/use-question-visualization-state.ts
+++ b/frontend/src/metabase/query_builder/components/chart-type-selector/use-question-visualization-state.ts
@@ -80,7 +80,7 @@ export const getSensibleVisualizations = ({
 
   const [sensibleVisualizations, nonSensibleVisualizations] = _.partition(
     orderedVizTypes,
-    vizType => isSensibleVisualization({ result, vizType }),
+    (vizType) => isSensibleVisualization({ result, vizType }),
   );
 
   return { sensibleVisualizations, nonSensibleVisualizations };
diff --git a/frontend/src/metabase/query_builder/components/dataref/ConnectedTableList.tsx b/frontend/src/metabase/query_builder/components/dataref/ConnectedTableList.tsx
index 39f53136e29..31001c6c222 100644
--- a/frontend/src/metabase/query_builder/components/dataref/ConnectedTableList.tsx
+++ b/frontend/src/metabase/query_builder/components/dataref/ConnectedTableList.tsx
@@ -26,7 +26,7 @@ const ConnectedTableList = ({
       <NodeListIcon name="connections" size="14" />
       <NodeListTitleText>{t`${tables.length} connections`}</NodeListTitleText>
     </NodeListTitle>
-    {tables.map(table => (
+    {tables.map((table) => (
       <li key={table.id}>
         <NodeListItemLink onClick={() => onTableClick(table)}>
           <NodeListItemIcon name="table" />
diff --git a/frontend/src/metabase/query_builder/components/dataref/DatabaseSchemasPane.tsx b/frontend/src/metabase/query_builder/components/dataref/DatabaseSchemasPane.tsx
index da5c76dc56a..b181379586d 100644
--- a/frontend/src/metabase/query_builder/components/dataref/DatabaseSchemasPane.tsx
+++ b/frontend/src/metabase/query_builder/components/dataref/DatabaseSchemasPane.tsx
@@ -60,7 +60,7 @@ const DatabaseSchemasPane = ({
                 </NodeListTitleText>
               </NodeListTitle>
               <ul>
-                {sortedModels.map(model => (
+                {sortedModels.map((model) => (
                   <li key={model.id}>
                     <NodeListItemLink
                       onClick={() => onItemClick("question", model)}
@@ -86,7 +86,7 @@ const DatabaseSchemasPane = ({
             </NodeListTitleText>
           </NodeListTitle>
           <ul>
-            {schemas.map(schema => (
+            {schemas.map((schema) => (
               <li key={schema.id}>
                 <NodeListItemLink onClick={() => onItemClick("schema", schema)}>
                   <NodeListItemIcon name="folder" />
diff --git a/frontend/src/metabase/query_builder/components/dataref/DatabaseTablesPane.tsx b/frontend/src/metabase/query_builder/components/dataref/DatabaseTablesPane.tsx
index f30f839395c..33cba97b412 100644
--- a/frontend/src/metabase/query_builder/components/dataref/DatabaseTablesPane.tsx
+++ b/frontend/src/metabase/query_builder/components/dataref/DatabaseTablesPane.tsx
@@ -37,14 +37,14 @@ export const DatabaseTablesPane = ({
   const tables = useMemo(
     () =>
       searchResults
-        .filter(x => x.model === "table")
+        .filter((x) => x.model === "table")
         .sort((a, b) => a.name.localeCompare(b.name)),
     [searchResults],
   );
   const models = useMemo(
     () =>
       searchResults
-        .filter(x => x.model === "dataset")
+        .filter((x) => x.model === "dataset")
         .sort((a, b) => a.name.localeCompare(b.name)),
     [searchResults],
   );
@@ -70,7 +70,7 @@ export const DatabaseTablesPane = ({
                 </NodeListTitleText>
               </NodeListTitle>
               <ul>
-                {models.map(model => (
+                {models.map((model) => (
                   <li key={model.id}>
                     <NodeListItemLink
                       onClick={() => onItemClick("question", model)}
@@ -96,7 +96,7 @@ export const DatabaseTablesPane = ({
             </NodeListTitleText>
           </NodeListTitle>
           <ul>
-            {tables.map(table => (
+            {tables.map((table) => (
               <li key={table.id}>
                 <NodeListItemLink
                   disabled={table.initial_sync_status !== "complete"}
diff --git a/frontend/src/metabase/query_builder/components/dataref/FieldList.tsx b/frontend/src/metabase/query_builder/components/dataref/FieldList.tsx
index 2d9f12174a2..8d90404428d 100644
--- a/frontend/src/metabase/query_builder/components/dataref/FieldList.tsx
+++ b/frontend/src/metabase/query_builder/components/dataref/FieldList.tsx
@@ -36,7 +36,7 @@ const FieldList = ({ fields, onFieldClick }: FieldListProps) => (
           )}
         </NodeListTitleText>
       </NodeListTitle>
-      {fields.map(field => {
+      {fields.map((field) => {
         // field.icon() cannot be annotated to return IconName
         // because metabase-lib cannot import from metabase.
         const iconName = field.icon() as IconName;
diff --git a/frontend/src/metabase/query_builder/components/dataref/MainPane.jsx b/frontend/src/metabase/query_builder/components/dataref/MainPane.jsx
index 11fd1fcfdf9..db94e3b0249 100644
--- a/frontend/src/metabase/query_builder/components/dataref/MainPane.jsx
+++ b/frontend/src/metabase/query_builder/components/dataref/MainPane.jsx
@@ -21,7 +21,7 @@ const MainPane = ({ databases, onClose, onItemClick, onBack }) => (
       </p>
       <ul>
         {databases &&
-          databases.map(database => (
+          databases.map((database) => (
             <li key={database.id}>
               <NodeListItemLink
                 onClick={() => onItemClick("database", database)}
diff --git a/frontend/src/metabase/query_builder/components/dataref/QuestionPane/QuestionPane.tsx b/frontend/src/metabase/query_builder/components/dataref/QuestionPane/QuestionPane.tsx
index bf5115f10a5..e8a275ebdac 100644
--- a/frontend/src/metabase/query_builder/components/dataref/QuestionPane/QuestionPane.tsx
+++ b/frontend/src/metabase/query_builder/components/dataref/QuestionPane/QuestionPane.tsx
@@ -127,7 +127,7 @@ const QuestionPane = ({
         {table.fields && (
           <FieldList
             fields={table.fields}
-            onFieldClick={f => onItemClick("field", f)}
+            onFieldClick={(f) => onItemClick("field", f)}
           />
         )}
       </Box>
diff --git a/frontend/src/metabase/query_builder/components/dataref/SchemaPane.tsx b/frontend/src/metabase/query_builder/components/dataref/SchemaPane.tsx
index 057886bcf49..9681ab433f4 100644
--- a/frontend/src/metabase/query_builder/components/dataref/SchemaPane.tsx
+++ b/frontend/src/metabase/query_builder/components/dataref/SchemaPane.tsx
@@ -53,7 +53,7 @@ const SchemaPane = ({
             </NodeListTitleText>
           </NodeListTitle>
           <ul>
-            {tables.map(table => (
+            {tables.map((table) => (
               <li key={table.id}>
                 <NodeListItemLink onClick={() => onItemClick("table", table)}>
                   <NodeListItemIcon name="table" />
diff --git a/frontend/src/metabase/query_builder/components/dataref/TablePane.tsx b/frontend/src/metabase/query_builder/components/dataref/TablePane.tsx
index cc0b5e16725..b5a9f77aeec 100644
--- a/frontend/src/metabase/query_builder/components/dataref/TablePane.tsx
+++ b/frontend/src/metabase/query_builder/components/dataref/TablePane.tsx
@@ -58,12 +58,12 @@ function TablePane({ table, onItemClick, onBack, onClose }: TablePaneProps) {
               <>
                 <FieldList
                   fields={table.fields}
-                  onFieldClick={f => onItemClick("field", f)}
+                  onFieldClick={(f) => onItemClick("field", f)}
                 />
                 {table.connectedTables() && (
                   <ConnectedTableList
                     tables={table.connectedTables()}
-                    onTableClick={t => onItemClick("table", t)}
+                    onTableClick={(t) => onItemClick("table", t)}
                   />
                 )}
               </>
@@ -81,7 +81,7 @@ function TablePane({ table, onItemClick, onBack, onClose }: TablePaneProps) {
                   </NodeListTitleText>
                 </NodeListTitle>
                 <ul>
-                  {table.metrics?.map(metric => (
+                  {table.metrics?.map((metric) => (
                     <li key={metric.card().id}>
                       <NodeListItemLink
                         onClick={() => onItemClick("question", metric.card())}
diff --git a/frontend/src/metabase/query_builder/components/expressions/CombineColumns/ColumnAndSeparatorRow/ColumnAndSeparatorRow.tsx b/frontend/src/metabase/query_builder/components/expressions/CombineColumns/ColumnAndSeparatorRow/ColumnAndSeparatorRow.tsx
index 089b3016615..9e362fbbb15 100644
--- a/frontend/src/metabase/query_builder/components/expressions/CombineColumns/ColumnAndSeparatorRow/ColumnAndSeparatorRow.tsx
+++ b/frontend/src/metabase/query_builder/components/expressions/CombineColumns/ColumnAndSeparatorRow/ColumnAndSeparatorRow.tsx
@@ -45,7 +45,7 @@ export const ColumnAndSeparatorRow = ({
       <SeparatorInput
         showSeparator={showSeparator}
         value={separator}
-        onChange={separator => {
+        onChange={(separator) => {
           onChange(index, column, separator);
         }}
       />
@@ -56,7 +56,7 @@ export const ColumnAndSeparatorRow = ({
         columns={columns}
         value={column}
         label={label(index)}
-        onChange={column => {
+        onChange={(column) => {
           onChange(index, column, separator);
         }}
       />
@@ -119,7 +119,7 @@ function SeparatorInput({
         label={t`Separator`}
         value={value}
         w={rem(110)}
-        onChange={event => onChange(event.target.value)}
+        onChange={(event) => onChange(event.target.value)}
         onFocus={handleFocus}
         onBlur={handleBlur}
         styles={{
diff --git a/frontend/src/metabase/query_builder/components/expressions/CombineColumns/ColumnAndSeparatorRow/ColumnInput.tsx b/frontend/src/metabase/query_builder/components/expressions/CombineColumns/ColumnAndSeparatorRow/ColumnInput.tsx
index 8a2361849d5..866bef0c0a0 100644
--- a/frontend/src/metabase/query_builder/components/expressions/CombineColumns/ColumnAndSeparatorRow/ColumnInput.tsx
+++ b/frontend/src/metabase/query_builder/components/expressions/CombineColumns/ColumnAndSeparatorRow/ColumnInput.tsx
@@ -56,7 +56,7 @@ export function ColumnInput({
   function handleButtonClick(event: MouseEvent<HTMLButtonElement>) {
     event.preventDefault();
     event.stopPropagation();
-    setOpen(open => !open);
+    setOpen((open) => !open);
   }
 
   function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>) {
@@ -74,7 +74,7 @@ export function ColumnInput({
           columnGroups={columnGroups}
           onSelect={onChange}
           onClose={handleClose}
-          checkIsColumnSelected={item => item.column === value}
+          checkIsColumnSelected={(item) => item.column === value}
           width="100%"
         />
       </div>
diff --git a/frontend/src/metabase/query_builder/components/expressions/CombineColumns/CombineColumns.tsx b/frontend/src/metabase/query_builder/components/expressions/CombineColumns/CombineColumns.tsx
index 46e705a72a1..c229f2073bd 100644
--- a/frontend/src/metabase/query_builder/components/expressions/CombineColumns/CombineColumns.tsx
+++ b/frontend/src/metabase/query_builder/components/expressions/CombineColumns/CombineColumns.tsx
@@ -78,7 +78,7 @@ export function CombineColumns({
     column: Lib.ColumnMetadata | null,
     separator: string,
   ) => {
-    setState(state => {
+    setState((state) => {
       const updated = {
         ...state,
         columnsAndSeparators: [
@@ -92,7 +92,7 @@ export function CombineColumns({
         // rewrite the default separator when the first column is selected
         const defaultSeparator = getDefaultSeparator(column);
         updated.columnsAndSeparators = updated.columnsAndSeparators.map(
-          columnAndSeparator => ({
+          (columnAndSeparator) => ({
             ...columnAndSeparator,
             separator: defaultSeparator,
           }),
@@ -105,7 +105,7 @@ export function CombineColumns({
   };
 
   const handleRowRemove = (index: number) => {
-    setState(state => ({
+    setState((state) => ({
       ...state,
       columnsAndSeparators: [
         ...state.columnsAndSeparators.slice(0, index),
@@ -115,7 +115,7 @@ export function CombineColumns({
   };
 
   const handleRowAdd = () => {
-    setState(state => {
+    setState((state) => {
       return {
         ...state,
         columnsAndSeparators: [
@@ -131,13 +131,13 @@ export function CombineColumns({
   };
 
   const handleEditSeparators = () => {
-    setState(state => ({
+    setState((state) => ({
       ...state,
       isUsingDefaultSeparator: false,
     }));
   };
 
-  const handleSubmit: FormEventHandler = event => {
+  const handleSubmit: FormEventHandler = (event) => {
     event.preventDefault();
 
     const name = getExpressionName(query, stageIndex, columnsAndSeparators);
diff --git a/frontend/src/metabase/query_builder/components/expressions/CombineColumns/util.ts b/frontend/src/metabase/query_builder/components/expressions/CombineColumns/util.ts
index 54053a65b52..f75f88d39ca 100644
--- a/frontend/src/metabase/query_builder/components/expressions/CombineColumns/util.ts
+++ b/frontend/src/metabase/query_builder/components/expressions/CombineColumns/util.ts
@@ -86,11 +86,11 @@ export const getExpressionName = (
     .filter(isNotNull);
 
   const allColumnNames = Lib.returnedColumns(query, stageIndex).map(
-    column => Lib.displayInfo(query, stageIndex, column).displayName,
+    (column) => Lib.displayInfo(query, stageIndex, column).displayName,
   );
 
   const names = columns.map(
-    column => Lib.displayInfo(query, stageIndex, column).displayName,
+    (column) => Lib.displayInfo(query, stageIndex, column).displayName,
   );
 
   return getNextName(allColumnNames, t`Combined ${names.join(", ")}`, 1);
@@ -187,7 +187,7 @@ export const getNextColumnAndSeparator = (
   const lastSeparator = columnsAndSeparators.at(-1)?.separator;
   const separator = lastSeparator ?? defaultSeparator;
 
-  const nextUnusedColumn = expressionableColumns.find(candidate =>
+  const nextUnusedColumn = expressionableColumns.find((candidate) =>
     columnsAndSeparators.every(({ column }) => candidate !== column),
   );
 
diff --git a/frontend/src/metabase/query_builder/components/expressions/Editor/Editor.tsx b/frontend/src/metabase/query_builder/components/expressions/Editor/Editor.tsx
index e5a1adbe5ea..a0e39690a1f 100644
--- a/frontend/src/metabase/query_builder/components/expressions/Editor/Editor.tsx
+++ b/frontend/src/metabase/query_builder/components/expressions/Editor/Editor.tsx
@@ -102,7 +102,7 @@ export function Editor(props: EditorProps) {
 
   const [customTooltip, portal] = useCustomTooltip({
     getPosition: getTooltipPosition,
-    render: props => (
+    render: (props) => (
       <Tooltip
         query={query}
         stageIndex={stageIndex}
@@ -142,7 +142,7 @@ export function Editor(props: EditorProps) {
 
     view?.focus();
     view?.dispatch(
-      view.state.changeByRange(range => ({
+      view.state.changeByRange((range) => ({
         range: EditorSelection.cursor(range.from + len),
         changes: [{ from: range.from, to: range.to, insert: text }],
       })),
@@ -265,7 +265,7 @@ function useExpression({
         printWidth: 55, // 60 is the width of the editor
       })
         .catch(() => "")
-        .then(source => {
+        .then((source) => {
           setIsFormatting(false);
           setSource(source);
           if (initial) {
diff --git a/frontend/src/metabase/query_builder/components/expressions/Editor/Tooltip/Tooltip.tsx b/frontend/src/metabase/query_builder/components/expressions/Editor/Tooltip/Tooltip.tsx
index b9860d7fc41..add5dc986ec 100644
--- a/frontend/src/metabase/query_builder/components/expressions/Editor/Tooltip/Tooltip.tsx
+++ b/frontend/src/metabase/query_builder/components/expressions/Editor/Tooltip/Tooltip.tsx
@@ -49,7 +49,7 @@ export function Tooltip({
 
   useEffect(() => {
     setHasMovedCursor(
-      hasMovedCursor => hasMovedCursor || state.selection.main.head !== 0,
+      (hasMovedCursor) => hasMovedCursor || state.selection.main.head !== 0,
     );
   }, [state.selection.main.head]);
 
@@ -64,7 +64,7 @@ export function Tooltip({
       setPreferHelpText(!preferHelpText);
       return;
     }
-    setIsHelpTextOpen(open => !open);
+    setIsHelpTextOpen((open) => !open);
   }, [completions, preferHelpText]);
 
   useEffect(() => {
diff --git a/frontend/src/metabase/query_builder/components/expressions/Editor/custom-tooltip.tsx b/frontend/src/metabase/query_builder/components/expressions/Editor/custom-tooltip.tsx
index 16791f8a26a..245d1820963 100644
--- a/frontend/src/metabase/query_builder/components/expressions/Editor/custom-tooltip.tsx
+++ b/frontend/src/metabase/query_builder/components/expressions/Editor/custom-tooltip.tsx
@@ -74,7 +74,7 @@ export function useCustomTooltip({
         focus: handleFocus,
         blur: handleBlur,
       }),
-      EditorView.updateListener.of(update => setUpdate(update)),
+      EditorView.updateListener.of((update) => setUpdate(update)),
     ],
     [element, handleBlur, handleFocus, getPosition],
   );
@@ -136,6 +136,6 @@ function tooltip(
     update(_, transaction) {
       return getCursorTooltips(transaction.state);
     },
-    provide: f => showTooltip.computeN([f], state => state.field(f)),
+    provide: (f) => showTooltip.computeN([f], (state) => state.field(f)),
   });
 }
diff --git a/frontend/src/metabase/query_builder/components/expressions/Editor/extensions.ts b/frontend/src/metabase/query_builder/components/expressions/Editor/extensions.ts
index 6441ff3c58c..4615270a982 100644
--- a/frontend/src/metabase/query_builder/components/expressions/Editor/extensions.ts
+++ b/frontend/src/metabase/query_builder/components/expressions/Editor/extensions.ts
@@ -153,7 +153,7 @@ function highlighting() {
  * Expands -> to → when the user is typing.
  */
 function expander() {
-  return EditorView.updateListener.of(update => {
+  return EditorView.updateListener.of((update) => {
     if (!update.docChanged) {
       return;
     }
diff --git a/frontend/src/metabase/query_builder/components/expressions/ExtractColumn/ExtractColumn.tsx b/frontend/src/metabase/query_builder/components/expressions/ExtractColumn/ExtractColumn.tsx
index a142b8a0576..3f71b7c141a 100644
--- a/frontend/src/metabase/query_builder/components/expressions/ExtractColumn/ExtractColumn.tsx
+++ b/frontend/src/metabase/query_builder/components/expressions/ExtractColumn/ExtractColumn.tsx
@@ -86,7 +86,7 @@ function ColumnPicker({
   const extractableColumns = useMemo(
     () =>
       Lib.expressionableColumns(query, stageIndex).filter(
-        column => Lib.columnExtractions(query, column).length > 0,
+        (column) => Lib.columnExtractions(query, column).length > 0,
       ),
     [query, stageIndex],
   );
@@ -111,7 +111,7 @@ function ColumnPicker({
           stageIndex={stageIndex}
           columnGroups={columnGroups}
           onSelect={onSelect}
-          checkIsColumnSelected={item => item.column === column}
+          checkIsColumnSelected={(item) => item.column === column}
           width="100%"
           alwaysExpanded
           disableSearch
@@ -141,7 +141,7 @@ function ExtractionPicker({
 
   const extractions = useMemo(
     () =>
-      Lib.columnExtractions(query, column).map(extraction => ({
+      Lib.columnExtractions(query, column).map((extraction) => ({
         extraction,
         info: Lib.displayInfo(query, stageIndex, extraction),
       })),
@@ -156,7 +156,7 @@ function ExtractionPicker({
       />
       <Box p="sm">
         <Stack gap={0}>
-          {extractions.map(extraction => (
+          {extractions.map((extraction) => (
             <ExtractColumnButton
               key={extraction.info.tag}
               title={extraction.info.displayName}
diff --git a/frontend/src/metabase/query_builder/components/expressions/ExtractColumn/util.ts b/frontend/src/metabase/query_builder/components/expressions/ExtractColumn/util.ts
index 7ab084e16df..c119fe11dfb 100644
--- a/frontend/src/metabase/query_builder/components/expressions/ExtractColumn/util.ts
+++ b/frontend/src/metabase/query_builder/components/expressions/ExtractColumn/util.ts
@@ -45,7 +45,7 @@ export function getName(
   info: Lib.ColumnExtractionInfo,
 ) {
   const columnNames = Lib.returnedColumns(query, stageIndex).map(
-    column => Lib.displayInfo(query, stageIndex, column).displayName,
+    (column) => Lib.displayInfo(query, stageIndex, column).displayName,
   );
 
   return getNextName(columnNames, info.displayName, 0);
diff --git a/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/FunctionBrowser.tsx b/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/FunctionBrowser.tsx
index 55fed7d6589..f4a44dccd7e 100644
--- a/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/FunctionBrowser.tsx
+++ b/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/FunctionBrowser.tsx
@@ -72,7 +72,7 @@ export function FunctionBrowser({
         {isEmpty && (
           <EmptyState message={t`Didn't find any results`} icon="search" />
         )}
-        {filteredClauses.map(group => (
+        {filteredClauses.map((group) => (
           <>
             <Text
               size="sm"
@@ -83,7 +83,7 @@ export function FunctionBrowser({
             >
               {group.displayName}
             </Text>
-            {group.clauses.map(clause => (
+            {group.clauses.map((clause) => (
               <FunctionBrowserItem
                 key={clause.name}
                 onClauseClick={onClauseClick}
diff --git a/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/utils.ts b/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/utils.ts
index d53202f8c40..ef5e2f23ba1 100644
--- a/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/utils.ts
+++ b/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/utils.ts
@@ -15,10 +15,10 @@ import type Database from "metabase-lib/v1/metadata/Database";
 import type Metadata from "metabase-lib/v1/metadata/Metadata";
 
 const EXPRESSION_CLAUSES = Array.from(EXPRESSION_FUNCTIONS).map(
-  name => MBQL_CLAUSES[name],
+  (name) => MBQL_CLAUSES[name],
 );
 const AGGREGATION_CLAUSES = Array.from(AGGREGATION_FUNCTIONS).map(
-  name => MBQL_CLAUSES[name],
+  (name) => MBQL_CLAUSES[name],
 );
 
 export function getSearchPlaceholder(startRule: StartRule) {
@@ -73,11 +73,11 @@ export function getFilteredClauses({
   const clauses = getClauses(startRule);
   const filteredClauses = clauses
     .filter(
-      clause =>
+      (clause) =>
         database?.hasFeature(clause.requiresFeature) &&
         clause.displayName.toLowerCase().includes(filter.toLowerCase()),
     )
-    .map(clause =>
+    .map((clause) =>
       clause.name && database
         ? getHelpText(clause.name, database, reportTimezone)
         : null,
@@ -85,16 +85,16 @@ export function getFilteredClauses({
     .filter(isNotNull);
 
   const filteredCategories = new Set(
-    filteredClauses.map(clause => clause.category),
+    filteredClauses.map((clause) => clause.category),
   );
 
   return Array.from(filteredCategories)
     .sort()
-    .map(category => ({
+    .map((category) => ({
       category,
       displayName: getCategoryName(category),
       clauses: filteredClauses
-        .filter(clause => clause.category === category)
+        .filter((clause) => clause.category === category)
         .sort(byName),
     }));
 }
diff --git a/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/utils.unit.spec.ts b/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/utils.unit.spec.ts
index 274d77f3f6f..6cf1c572a8e 100644
--- a/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/utils.unit.spec.ts
+++ b/frontend/src/metabase/query_builder/components/expressions/FunctionBrowser/utils.unit.spec.ts
@@ -31,14 +31,14 @@ describe("getFilteredClauses", () => {
     const results = setup();
 
     // The array should be sorted
-    expect(results.map(group => group.category)).toEqual(
+    expect(results.map((group) => group.category)).toEqual(
       ["conversion", "date", "logical", "math", "string"].sort(),
     );
 
     const dateFunctions = results[1];
 
     // The array should be sorted
-    expect(dateFunctions.clauses.map(clause => clause.structure)).toEqual(
+    expect(dateFunctions.clauses.map((clause) => clause.structure)).toEqual(
       [
         "convertTimezone",
         "datetimeAdd",
@@ -71,17 +71,17 @@ describe("getFilteredClauses", () => {
     });
 
     // The array should be sorted
-    expect(results.map(group => group.category)).toEqual(
+    expect(results.map((group) => group.category)).toEqual(
       ["date", "logical", "string"].sort(),
     );
 
     // The array should be sorted
-    expect(results[0].clauses.map(clause => clause.name)).toEqual(["now"]);
-    expect(results[1].clauses.map(clause => clause.name)).toEqual([
+    expect(results[0].clauses.map((clause) => clause.name)).toEqual(["now"]);
+    expect(results[1].clauses.map((clause) => clause.name)).toEqual([
       "not-in",
       "not-null",
     ]);
-    expect(results[2].clauses.map(clause => clause.name)).toEqual([
+    expect(results[2].clauses.map((clause) => clause.name)).toEqual([
       "does-not-contain",
       "not-empty",
     ]);
@@ -92,8 +92,8 @@ describe("getFilteredClauses", () => {
       filter: "regexex",
     });
 
-    expect(results.map(group => group.category)).toEqual(["string"].sort());
-    expect(results[0].clauses.map(clause => clause.name)).toEqual([
+    expect(results.map((group) => group.category)).toEqual(["string"].sort());
+    expect(results[0].clauses.map((clause) => clause.name)).toEqual([
       "regex-match-first",
     ]);
   });
@@ -112,7 +112,7 @@ describe("getFilteredClauses", () => {
     });
 
     // The array should be sorted
-    expect(results.map(group => group.category)).toEqual(["logical"].sort());
+    expect(results.map((group) => group.category)).toEqual(["logical"].sort());
 
     // The array should be sorted
     expect(results[0].clauses[0]).toEqual({
diff --git a/frontend/src/metabase/query_builder/components/expressions/HighlightExpression/util.unit.spec.ts b/frontend/src/metabase/query_builder/components/expressions/HighlightExpression/util.unit.spec.ts
index deba0cb2416..8426a7aec6c 100644
--- a/frontend/src/metabase/query_builder/components/expressions/HighlightExpression/util.unit.spec.ts
+++ b/frontend/src/metabase/query_builder/components/expressions/HighlightExpression/util.unit.spec.ts
@@ -4,7 +4,7 @@ import { highlight } from "./utils";
 // Since we need the classnames for this test, we mock the module.
 jest.mock("./HighlightExpression.module.css", () => {
   const { tags } = jest.requireActual("@lezer/highlight");
-  return Object.fromEntries(Object.keys(tags).map(name => [name, name]));
+  return Object.fromEntries(Object.keys(tags).map((name) => [name, name]));
 });
 
 describe("highlight", () => {
diff --git a/frontend/src/metabase/query_builder/components/template_tags/SnippetFormModal/SnippetFormModal.unit.spec.tsx b/frontend/src/metabase/query_builder/components/template_tags/SnippetFormModal/SnippetFormModal.unit.spec.tsx
index 3eb745d009e..2fb4312220d 100644
--- a/frontend/src/metabase/query_builder/components/template_tags/SnippetFormModal/SnippetFormModal.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/template_tags/SnippetFormModal/SnippetFormModal.unit.spec.tsx
@@ -44,18 +44,21 @@ async function setup({
     );
   }
 
-  fetchMock.post("path:/api/native-query-snippet", async url => {
+  fetchMock.post("path:/api/native-query-snippet", async (url) => {
     return createMockNativeQuerySnippet(
       await fetchMock.lastCall(url)?.request?.json(),
     );
   });
 
   if (snippet.id) {
-    fetchMock.put(`path:/api/native-query-snippet/${snippet.id}`, async url => {
-      return createMockNativeQuerySnippet(
-        await fetchMock.lastCall(url)?.request?.json(),
-      );
-    });
+    fetchMock.put(
+      `path:/api/native-query-snippet/${snippet.id}`,
+      async (url) => {
+        return createMockNativeQuerySnippet(
+          await fetchMock.lastCall(url)?.request?.json(),
+        );
+      },
+    );
   }
 
   renderWithProviders(
diff --git a/frontend/src/metabase/query_builder/components/template_tags/SnippetRow/SnippetRow.jsx b/frontend/src/metabase/query_builder/components/template_tags/SnippetRow/SnippetRow.jsx
index 458e7e2b43f..0213bf89f1f 100644
--- a/frontend/src/metabase/query_builder/components/template_tags/SnippetRow/SnippetRow.jsx
+++ b/frontend/src/metabase/query_builder/components/template_tags/SnippetRow/SnippetRow.jsx
@@ -49,7 +49,7 @@ class SnippetRowInner extends Component {
             onClick={
               snippet.archived
                 ? () => this.setState({ isOpen: true })
-                : e => {
+                : (e) => {
                     e.stopPropagation();
                     insertSnippet(snippet);
                   }
diff --git a/frontend/src/metabase/query_builder/components/template_tags/SnippetSidebar/SnippetSidebar.jsx b/frontend/src/metabase/query_builder/components/template_tags/SnippetSidebar/SnippetSidebar.jsx
index 89c674536e6..193f1abbef6 100644
--- a/frontend/src/metabase/query_builder/components/template_tags/SnippetSidebar/SnippetSidebar.jsx
+++ b/frontend/src/metabase/query_builder/components/template_tags/SnippetSidebar/SnippetSidebar.jsx
@@ -82,7 +82,7 @@ class SnippetSidebarInner extends React.Component {
     }
 
     const displayedItems = showSearch
-      ? snippets.filter(snippet =>
+      ? snippets.filter((snippet) =>
           snippet.name.toLowerCase().includes(searchString.toLowerCase()),
         )
       : _.sortBy(search, "model"); // relies on "collection" sorting before "snippet";
@@ -110,12 +110,12 @@ class SnippetSidebarInner extends React.Component {
                 >
                   <input
                     className={cx(CS.input, CS.inputBorderless, CS.p0)}
-                    ref={e => (this.searchBox = e)}
-                    onChange={e =>
+                    ref={(e) => (this.searchBox = e)}
+                    onChange={(e) =>
                       this.setState({ searchString: e.target.value })
                     }
                     value={searchString}
-                    onKeyDown={e => {
+                    onKeyDown={(e) => {
                       if (e.key === "Escape") {
                         this.hideSearch();
                       }
@@ -135,7 +135,7 @@ class SnippetSidebarInner extends React.Component {
                         this.props.setSnippetCollectionId(
                           // if this collection's parent isn't in the list, we don't have perms to see it, return to the root instead
                           this.props.snippetCollections.some(
-                            sc =>
+                            (sc) =>
                               canonicalCollectionId(sc.id) ===
                               canonicalCollectionId(parentId),
                           )
@@ -160,7 +160,7 @@ class SnippetSidebarInner extends React.Component {
                 )}
               >
                 {[
-                  ...PLUGIN_SNIPPET_SIDEBAR_HEADER_BUTTONS.map(f =>
+                  ...PLUGIN_SNIPPET_SIDEBAR_HEADER_BUTTONS.map((f) =>
                     f(this, { className: CS.mr2 }),
                   ),
                 ]}
@@ -196,7 +196,7 @@ class SnippetSidebarInner extends React.Component {
                             name: t`New snippet`,
                             onClick: openSnippetModalWithSelectedText,
                           },
-                          ...PLUGIN_SNIPPET_SIDEBAR_PLUS_MENU_OPTIONS.map(f =>
+                          ...PLUGIN_SNIPPET_SIDEBAR_PLUS_MENU_OPTIONS.map((f) =>
                             f(this),
                           ),
                         ].map(({ icon, name, onClick }) => (
@@ -232,7 +232,7 @@ class SnippetSidebarInner extends React.Component {
             </div>
             <div className={CS.flexFull}>
               {displayedItems.length > 0
-                ? displayedItems.map(item => (
+                ? displayedItems.map((item) => (
                     <Row
                       key={`${item.model || "snippet"}-${item.id}`}
                       item={item}
@@ -246,7 +246,7 @@ class SnippetSidebarInner extends React.Component {
             </div>
           </div>
         )}
-        {PLUGIN_SNIPPET_SIDEBAR_MODALS.map(f => f(this))}
+        {PLUGIN_SNIPPET_SIDEBAR_MODALS.map((f) => f(this))}
       </SidebarContent>
     );
   }
@@ -275,7 +275,7 @@ class ArchivedSnippetsInner extends React.Component {
       this.props;
     const collectionsById = _.indexBy(
       snippetCollections.concat(archivedSnippetCollections),
-      c => canonicalCollectionId(c.id),
+      (c) => canonicalCollectionId(c.id),
     );
 
     return (
@@ -286,14 +286,14 @@ class ArchivedSnippetsInner extends React.Component {
           onBack={onBack}
         />
 
-        {archivedSnippetCollections.map(collection => (
+        {archivedSnippetCollections.map((collection) => (
           <Row
             key={`collection-${collection.id}`}
             item={collection}
             type="collection"
           />
         ))}
-        {snippets.map(snippet => (
+        {snippets.map((snippet) => (
           <Row
             key={`snippet-${snippet.id}`}
             item={snippet}
diff --git a/frontend/src/metabase/query_builder/components/template_tags/TagEditorParam.tsx b/frontend/src/metabase/query_builder/components/template_tags/TagEditorParam.tsx
index 824db82894f..ff46055c83f 100644
--- a/frontend/src/metabase/query_builder/components/template_tags/TagEditorParam.tsx
+++ b/frontend/src/metabase/query_builder/components/template_tags/TagEditorParam.tsx
@@ -316,7 +316,7 @@ class TagEditorParamInner extends Component<Props> {
         {(hasWidgetOptions || !isDimension) && (
           <FilterWidgetLabelInput
             tag={tag}
-            onChange={value =>
+            onChange={(value) =>
               this.setParameterAttribute("display-name", value)
             }
           />
@@ -338,7 +338,7 @@ class TagEditorParamInner extends Component<Props> {
             tag={tag}
             parameter={parameter}
             isEmbeddedDisabled={embeddedParameterVisibility === "disabled"}
-            onChangeDefaultValue={value => {
+            onChangeDefaultValue={(value) => {
               this.setParameterAttribute("default", value);
               this.props.setParameterValue(tag.id, value);
             }}
diff --git a/frontend/src/metabase/query_builder/components/template_tags/TagEditorParamParts/FilterWidgetLabelInput.tsx b/frontend/src/metabase/query_builder/components/template_tags/TagEditorParamParts/FilterWidgetLabelInput.tsx
index 6075edddd6e..f5ea40551ca 100644
--- a/frontend/src/metabase/query_builder/components/template_tags/TagEditorParamParts/FilterWidgetLabelInput.tsx
+++ b/frontend/src/metabase/query_builder/components/template_tags/TagEditorParamParts/FilterWidgetLabelInput.tsx
@@ -21,7 +21,7 @@ export function FilterWidgetLabelInput({
       <TextInputBlurChange
         id={`tag-editor-display-name_${tag.id}`}
         value={tag["display-name"]}
-        onBlurChange={e => onChange(e.target.value)}
+        onBlurChange={(e) => onChange(e.target.value)}
       />
     </InputContainer>
   );
diff --git a/frontend/src/metabase/query_builder/components/template_tags/TagEditorParamParts/FilterWidgetTypeSelect.tsx b/frontend/src/metabase/query_builder/components/template_tags/TagEditorParamParts/FilterWidgetTypeSelect.tsx
index 723880bf35a..219572f517a 100644
--- a/frontend/src/metabase/query_builder/components/template_tags/TagEditorParamParts/FilterWidgetTypeSelect.tsx
+++ b/frontend/src/metabase/query_builder/components/template_tags/TagEditorParamParts/FilterWidgetTypeSelect.tsx
@@ -28,7 +28,7 @@ export function FilterWidgetTypeSelect({
   const optionsOrDefault = useMemo(
     () =>
       (hasOptions ? options : [{ name: t`None`, type: "none" }]).map(
-        option => ({
+        (option) => ({
           label: option.menuName ?? option.name ?? option.type,
           value: option.type,
         }),
diff --git a/frontend/src/metabase/query_builder/components/template_tags/TagEditorSidebar.tsx b/frontend/src/metabase/query_builder/components/template_tags/TagEditorSidebar.tsx
index c829f6b89da..5be71be36e5 100644
--- a/frontend/src/metabase/query_builder/components/template_tags/TagEditorSidebar.tsx
+++ b/frontend/src/metabase/query_builder/components/template_tags/TagEditorSidebar.tsx
@@ -173,7 +173,7 @@ const SettingsPane = ({
   getEmbeddedParameterVisibility,
 }: SettingsPaneProps) => (
   <div>
-    {tags.map(tag => (
+    {tags.map((tag) => (
       <div key={tag.id}>
         <TagEditorParam
           tag={tag}
diff --git a/frontend/src/metabase/query_builder/components/view/QuestionLastUpdated/utils.unit.spec.tsx b/frontend/src/metabase/query_builder/components/view/QuestionLastUpdated/utils.unit.spec.tsx
index 6bd8d415094..1e07f725b3a 100644
--- a/frontend/src/metabase/query_builder/components/view/QuestionLastUpdated/utils.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/view/QuestionLastUpdated/utils.unit.spec.tsx
@@ -19,7 +19,7 @@ describe("getTimePassedSince", () => {
     { interval: 1, unit: "year", expected: "1yr" },
     { interval: 5, unit: "year", expected: "5yr" },
   ];
-  tests.forEach(test => {
+  tests.forEach((test) => {
     const { interval, unit, expected } = test;
 
     it(`${interval} ${unit}s ago -> ${expected}`, () => {
diff --git a/frontend/src/metabase/query_builder/components/view/View/NativeQueryRightSidebar/NativeQueryRightSidebar.jsx b/frontend/src/metabase/query_builder/components/view/View/NativeQueryRightSidebar/NativeQueryRightSidebar.jsx
index fd7968068aa..989cc204cf2 100644
--- a/frontend/src/metabase/query_builder/components/view/View/NativeQueryRightSidebar/NativeQueryRightSidebar.jsx
+++ b/frontend/src/metabase/query_builder/components/view/View/NativeQueryRightSidebar/NativeQueryRightSidebar.jsx
@@ -7,7 +7,7 @@ import { QuestionInfoSidebar } from "metabase/query_builder/components/view/side
 import { QuestionSettingsSidebar } from "metabase/query_builder/components/view/sidebars/QuestionSettingsSidebar";
 import TimelineSidebar from "metabase/query_builder/components/view/sidebars/TimelineSidebar";
 
-export const NativeQueryRightSidebar = props => {
+export const NativeQueryRightSidebar = (props) => {
   const {
     question,
     toggleTemplateTagsEditor,
diff --git a/frontend/src/metabase/query_builder/components/view/View/StructuredQueryRightSidebar/StructuredQueryRightSidebar.jsx b/frontend/src/metabase/query_builder/components/view/View/StructuredQueryRightSidebar/StructuredQueryRightSidebar.jsx
index e9fb2ad685a..b21af903126 100644
--- a/frontend/src/metabase/query_builder/components/view/View/StructuredQueryRightSidebar/StructuredQueryRightSidebar.jsx
+++ b/frontend/src/metabase/query_builder/components/view/View/StructuredQueryRightSidebar/StructuredQueryRightSidebar.jsx
@@ -41,7 +41,7 @@ export const StructuredQueryRightSidebar = ({
       () => (
         <SummarizeSidebar
           query={question.query()}
-          onQueryChange={nextQuery => {
+          onQueryChange={(nextQuery) => {
             const datesetQuery = Lib.toLegacyQuery(nextQuery);
             const nextQuestion = question.setDatasetQuery(datesetQuery);
             updateQuestion(nextQuestion.setDefaultDisplay(), {
diff --git a/frontend/src/metabase/query_builder/components/view/View/View/View.jsx b/frontend/src/metabase/query_builder/components/view/View/View/View.jsx
index e4c22b87850..25e245ab62c 100644
--- a/frontend/src/metabase/query_builder/components/view/View/View/View.jsx
+++ b/frontend/src/metabase/query_builder/components/view/View/View/View.jsx
@@ -118,16 +118,16 @@ const ViewInner = forwardRef(function _ViewInner(props, ref) {
             isResultDirty={isResultDirty}
             isRunning={isRunning}
             onChange={updateQuestion}
-            onCreate={async question => {
+            onCreate={async (question) => {
               const result = await onCreate(question);
               setQueryBuilderMode("view");
               return result;
             }}
-            onSave={async question => {
+            onSave={async (question) => {
               await onSave(question);
               setQueryBuilderMode("view");
             }}
-            onCancel={question => {
+            onCancel={(question) => {
               if (question.isSaved()) {
                 cancelQuestionChanges();
                 runDirtyQuestionQuery();
@@ -270,9 +270,9 @@ const ViewInner = forwardRef(function _ViewInner(props, ref) {
   );
 });
 
-const mapDispatchToProps = dispatch => ({
-  onSetDatabaseId: id => dispatch(rememberLastUsedDatabase(id)),
-  onUnarchive: async question => {
+const mapDispatchToProps = (dispatch) => ({
+  onSetDatabaseId: (id) => dispatch(rememberLastUsedDatabase(id)),
+  onUnarchive: async (question) => {
     await dispatch(setArchivedQuestion(question, false));
     await dispatch(Bookmarks.actions.invalidateLists());
   },
@@ -282,7 +282,7 @@ const mapDispatchToProps = dispatch => ({
         notify: { undo: false },
       }),
     ),
-  onDeletePermanently: id => {
+  onDeletePermanently: (id) => {
     const deleteAction = Questions.actions.delete({ id });
     dispatch(deletePermanently(deleteAction));
   },
diff --git a/frontend/src/metabase/query_builder/components/view/View/ViewHeaderContainer/ViewHeaderContainer.jsx b/frontend/src/metabase/query_builder/components/view/View/ViewHeaderContainer/ViewHeaderContainer.jsx
index 77296eb339d..75948c3a6bc 100644
--- a/frontend/src/metabase/query_builder/components/view/View/ViewHeaderContainer/ViewHeaderContainer.jsx
+++ b/frontend/src/metabase/query_builder/components/view/View/ViewHeaderContainer/ViewHeaderContainer.jsx
@@ -16,7 +16,7 @@ const fadeIn = {
   out: { opacity: 0 },
   transitionProperty: "opacity",
 };
-export const ViewHeaderContainer = props => {
+export const ViewHeaderContainer = (props) => {
   const { question, onUnarchive, onMove, onDeletePermanently } = props;
   const query = question.query();
   const card = question.card();
@@ -34,7 +34,7 @@ export const ViewHeaderContainer = props => {
           canRestore={card.can_restore}
           canDelete={card.can_delete}
           onUnarchive={() => onUnarchive(question)}
-          onMove={collection => onMove(question, collection)}
+          onMove={(collection) => onMove(question, collection)}
           onDeletePermanently={() => onDeletePermanently(card.id)}
         />
       )}
@@ -49,7 +49,7 @@ export const ViewHeaderContainer = props => {
       />
       {/*This is used so that the New Question Header is unmounted after the animation*/}
       <Transition mounted={isNewQuestion} transition={fadeIn} duration={300}>
-        {style => (
+        {(style) => (
           <ViewSection
             className={CS.spread}
             style={{
diff --git a/frontend/src/metabase/query_builder/components/view/View/ViewMainContainer/ViewMainContainer.jsx b/frontend/src/metabase/query_builder/components/view/View/ViewMainContainer/ViewMainContainer.jsx
index 3cc82b9a473..8a31d7cb24d 100644
--- a/frontend/src/metabase/query_builder/components/view/View/ViewMainContainer/ViewMainContainer.jsx
+++ b/frontend/src/metabase/query_builder/components/view/View/ViewMainContainer/ViewMainContainer.jsx
@@ -14,7 +14,7 @@ import { ViewNativeQueryEditor } from "../ViewNativeQueryEditor";
 
 import ViewMainContainerS from "./ViewMainContainer.module.css";
 
-export const ViewMainContainer = props => {
+export const ViewMainContainer = (props) => {
   const {
     queryBuilderMode,
     mode,
diff --git a/frontend/src/metabase/query_builder/components/view/View/ViewNativeQueryEditor/ViewNativeQueryEditor.jsx b/frontend/src/metabase/query_builder/components/view/View/ViewNativeQueryEditor/ViewNativeQueryEditor.jsx
index 7494caca43e..122fe626087 100644
--- a/frontend/src/metabase/query_builder/components/view/View/ViewNativeQueryEditor/ViewNativeQueryEditor.jsx
+++ b/frontend/src/metabase/query_builder/components/view/View/ViewNativeQueryEditor/ViewNativeQueryEditor.jsx
@@ -5,7 +5,7 @@ import * as Lib from "metabase-lib";
 
 import NativeQueryEditorS from "./ViewNativeQueryEditor.module.css";
 
-export const ViewNativeQueryEditor = props => {
+export const ViewNativeQueryEditor = (props) => {
   const {
     question,
     height,
diff --git a/frontend/src/metabase/query_builder/components/view/View/ViewRightSidebarContainer/ViewRightSidebarContainer.jsx b/frontend/src/metabase/query_builder/components/view/View/ViewRightSidebarContainer/ViewRightSidebarContainer.jsx
index 8b6587024da..767b5458623 100644
--- a/frontend/src/metabase/query_builder/components/view/View/ViewRightSidebarContainer/ViewRightSidebarContainer.jsx
+++ b/frontend/src/metabase/query_builder/components/view/View/ViewRightSidebarContainer/ViewRightSidebarContainer.jsx
@@ -3,7 +3,7 @@ import { NativeQueryRightSidebar } from "metabase/query_builder/components/view/
 import { StructuredQueryRightSidebar } from "metabase/query_builder/components/view/View/StructuredQueryRightSidebar/StructuredQueryRightSidebar";
 import * as Lib from "metabase-lib";
 
-export const ViewRightSidebarContainer = props => {
+export const ViewRightSidebarContainer = (props) => {
   const {
     question,
     deselectTimelineEvents,
diff --git a/frontend/src/metabase/query_builder/components/view/ViewFooter/CenterViewFooterButtonGroup.tsx b/frontend/src/metabase/query_builder/components/view/ViewFooter/CenterViewFooterButtonGroup.tsx
index 49e59403b40..2a5bb8857c7 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewFooter/CenterViewFooterButtonGroup.tsx
+++ b/frontend/src/metabase/query_builder/components/view/ViewFooter/CenterViewFooterButtonGroup.tsx
@@ -12,7 +12,7 @@ export const CenterViewFooterButtonGroup = () => {
     <QuestionDisplayToggle
       className={CS.mx1}
       isShowingRawTable={isShowingRawTable}
-      onToggleRawTable={isShowingRawTable => {
+      onToggleRawTable={(isShowingRawTable) => {
         dispatch(setUIControls({ isShowingRawTable }));
       }}
     />
diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/ViewTitleHeader.unit.spec.js b/frontend/src/metabase/query_builder/components/view/ViewHeader/ViewTitleHeader.unit.spec.js
index 442c2972e96..5d2848eae0d 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewHeader/ViewTitleHeader.unit.spec.js
+++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/ViewTitleHeader.unit.spec.js
@@ -100,7 +100,7 @@ function getSavedNativeQuestionCard(overrides) {
 }
 
 function mockSettings({ enableNestedQueries = true } = {}) {
-  MetabaseSettings.get = jest.fn().mockImplementation(key => {
+  MetabaseSettings.get = jest.fn().mockImplementation((key) => {
     if (key === "enable-nested-queries") {
       return enableNestedQueries;
     }
@@ -244,7 +244,7 @@ describe("ViewTitleHeader", () => {
   ];
 
   describe("Common", () => {
-    ALL_TEST_CASES.forEach(testCase => {
+    ALL_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -297,7 +297,7 @@ describe("ViewTitleHeader", () => {
   });
 
   describe("GUI", () => {
-    GUI_TEST_CASES.forEach(testCase => {
+    GUI_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -368,7 +368,7 @@ describe("ViewTitleHeader", () => {
   });
 
   describe("Native", () => {
-    NATIVE_TEST_CASES.forEach(testCase => {
+    NATIVE_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -393,7 +393,7 @@ describe("ViewTitleHeader", () => {
   });
 
   describe("Saved", () => {
-    SAVED_QUESTIONS_TEST_CASES.forEach(testCase => {
+    SAVED_QUESTIONS_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/AdHocQuestionDescription/AdHocQuestionDescription.tsx b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/AdHocQuestionDescription/AdHocQuestionDescription.tsx
index 4e8e1b3f185..e34f9cd60d2 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/AdHocQuestionDescription/AdHocQuestionDescription.tsx
+++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/AdHocQuestionDescription/AdHocQuestionDescription.tsx
@@ -42,7 +42,7 @@ export const getAdHocQuestionDescription = ({
           )
         : aggregations
             .map(
-              aggregation =>
+              (aggregation) =>
                 Lib.displayInfo(query, stageIndex, aggregation).longDisplayName,
             )
             .join(t` and `);
@@ -57,7 +57,7 @@ export const getAdHocQuestionDescription = ({
           )
         : breakouts
             .map(
-              breakout =>
+              (breakout) =>
                 Lib.displayInfo(query, stageIndex, breakout).longDisplayName,
             )
             .join(t` and `);
diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionActions/QuestionActions.unit.spec.tsx b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionActions/QuestionActions.unit.spec.tsx
index 1e0464b4387..224e3e9d1d0 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionActions/QuestionActions.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionActions/QuestionActions.unit.spec.tsx
@@ -38,8 +38,8 @@ const ICON_CASES_LABELS = [
   },
 ];
 
-const ICON_CASES = ICON_CASES_CARDS.flatMap(card =>
-  ICON_CASES_LABELS.map(labels => ({ ...labels, card })),
+const ICON_CASES = ICON_CASES_CARDS.flatMap((card) =>
+  ICON_CASES_LABELS.map((labels) => ({ ...labels, card })),
 );
 
 interface SetupOpts {
diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionDataSource/QuestionDataSource.unit.spec.js b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionDataSource/QuestionDataSource.unit.spec.js
index 6920644078c..3409d3f5031 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionDataSource/QuestionDataSource.unit.spec.js
+++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionDataSource/QuestionDataSource.unit.spec.js
@@ -343,7 +343,7 @@ describe("QuestionDataSource", () => {
   });
 
   describe("common", () => {
-    ALL_TEST_CASES.forEach(testCase => {
+    ALL_TEST_CASES.forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -368,7 +368,7 @@ describe("QuestionDataSource", () => {
   });
 
   describe("GUI", () => {
-    Object.values(GUI_TEST_CASE).forEach(testCase => {
+    Object.values(GUI_TEST_CASE).forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -414,7 +414,7 @@ describe("QuestionDataSource", () => {
     [
       GUI_TEST_CASE.SAVED_GUI_MULTI_SCHEMA_DB,
       GUI_TEST_CASE.AD_HOC_MULTI_SCHEMA_DB,
-    ].forEach(testCase => {
+    ].forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -437,7 +437,7 @@ describe("QuestionDataSource", () => {
     [
       GUI_TEST_CASE.SAVED_GUI_PRODUCTS_JOIN,
       GUI_TEST_CASE.AD_HOC_PRODUCTS_JOIN,
-    ].forEach(testCase => {
+    ].forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -468,7 +468,7 @@ describe("QuestionDataSource", () => {
     [
       GUI_TEST_CASE.SAVED_GUI_PRODUCTS_PEOPLE_JOIN,
       GUI_TEST_CASE.AD_HOC_PRODUCTS_PEOPLE_JOIN,
-    ].forEach(testCase => {
+    ].forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
@@ -552,7 +552,7 @@ describe("QuestionDataSource", () => {
       },
     };
 
-    Object.values(NESTED_TEST_CASES).forEach(testCase => {
+    Object.values(NESTED_TEST_CASES).forEach((testCase) => {
       const { card, questionType } = testCase;
 
       describe(questionType, () => {
diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionDataSource/utils.tsx b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionDataSource/utils.tsx
index b0aebc54f81..1222c1e7839 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionDataSource/utils.tsx
+++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/QuestionDataSource/utils.tsx
@@ -95,8 +95,8 @@ export function getDataSourceParts({
     const allTables = [
       table,
       ...Lib.joins(query, -1)
-        .map(join => Lib.pickerInfo(query, Lib.joinedThing(query, join)))
-        .map(pickerInfo => {
+        .map((join) => Lib.pickerInfo(query, Lib.joinedThing(query, join)))
+        .map((pickerInfo) => {
           if (pickerInfo?.tableId != null) {
             return metadata.table(pickerInfo.tableId);
           }
@@ -128,7 +128,7 @@ export function getDataSourceParts({
   }
 
   return parts.filter(
-    part =>
+    (part) =>
       isValidElement(part) ||
       ("name" in part && part.name) ||
       ("icon" in part && part.icon),
@@ -150,7 +150,7 @@ function QuestionTableBadges({
 }: QuestionTableBadgesProps) {
   const badgeInactiveColor = isLast && !subHead ? "text-dark" : "text-light";
 
-  const parts = tables.map(table => (
+  const parts = tables.map((table) => (
     <HeadBreadcrumbs.Badge
       key={table.id}
       to={hasLink ? getTableURL(table) : ""}
diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/SavedQuestionLeftSide/ViewOnly.unit.spec.tsx b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/SavedQuestionLeftSide/ViewOnly.unit.spec.tsx
index 6675b4fc6c0..52c54d71d84 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/SavedQuestionLeftSide/ViewOnly.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/SavedQuestionLeftSide/ViewOnly.unit.spec.tsx
@@ -83,7 +83,7 @@ const ORDERS_QUERY = (function () {
   const query = createQuery({ databaseId: SAMPLE_DB_ID });
 
   const availableColumns = Lib.fieldableColumns(query, -1);
-  const columns = availableColumns.filter(column => {
+  const columns = availableColumns.filter((column) => {
     const info = Lib.displayInfo(query, -1, column);
     return info.table?.name === "ORDERS" || info.table?.name === "PRODUCTS";
   });
diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/SavedQuestionLeftSide/hooks.ts b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/SavedQuestionLeftSide/hooks.ts
index 02022ac2794..1f12e41721c 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/SavedQuestionLeftSide/hooks.ts
+++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/SavedQuestionLeftSide/hooks.ts
@@ -20,11 +20,11 @@ export function useHiddenSourceTables(
 
   const sourceTableId = Lib.sourceTableOrCardId(query);
 
-  const joinTablesInfo = Lib.stageIndexes(query).flatMap(stageIndex =>
+  const joinTablesInfo = Lib.stageIndexes(query).flatMap((stageIndex) =>
     Lib.joins(query, stageIndex)
-      .map(join => Lib.joinedThing(query, join))
-      .filter(joinTable => joinTable != null)
-      .map(joinTable => Lib.displayInfo(query, stageIndex, joinTable)),
+      .map((join) => Lib.joinedThing(query, join))
+      .filter((joinTable) => joinTable != null)
+      .map((joinTable) => Lib.displayInfo(query, stageIndex, joinTable)),
   );
 
   if (sourceTableId) {
@@ -39,7 +39,7 @@ export function useHiddenSourceTables(
   }
 
   return joinTablesInfo.filter(
-    tableInfo =>
+    (tableInfo) =>
       !tableInfo.isSourceTable ||
       (tableInfo.visibilityType !== null &&
         tableInfo.visibilityType !== "normal"),
diff --git a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/ViewTitleHeaderRightSide/ViewTitleHeaderRightSide.tsx b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/ViewTitleHeaderRightSide/ViewTitleHeaderRightSide.tsx
index 42d7180566c..e7a28ab0f58 100644
--- a/frontend/src/metabase/query_builder/components/view/ViewHeader/components/ViewTitleHeaderRightSide/ViewTitleHeaderRightSide.tsx
+++ b/frontend/src/metabase/query_builder/components/view/ViewHeader/components/ViewTitleHeaderRightSide/ViewTitleHeaderRightSide.tsx
@@ -234,7 +234,7 @@ export function ViewTitleHeaderRightSide({
             variant="subtle"
             aria-disabled={isSaveDisabled || undefined}
             data-disabled={isSaveDisabled || undefined}
-            onClick={event => {
+            onClick={(event) => {
               event.preventDefault();
               if (!isSaveDisabled) {
                 onOpenModal(MODAL_TYPES.SAVE);
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/DatasetManagementSection/DatasetMetadataStrengthIndicator/DatasetMetadataStrengthIndicator.unit.spec.js b/frontend/src/metabase/query_builder/components/view/sidebars/DatasetManagementSection/DatasetMetadataStrengthIndicator/DatasetMetadataStrengthIndicator.unit.spec.js
index 7ebd21e99d7..65b8fcf59b8 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/DatasetManagementSection/DatasetMetadataStrengthIndicator/DatasetMetadataStrengthIndicator.unit.spec.js
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/DatasetManagementSection/DatasetMetadataStrengthIndicator/DatasetMetadataStrengthIndicator.unit.spec.js
@@ -59,7 +59,7 @@ describe("DatasetMetadataStrengthIndicator", () => {
       resultMetadata: [FULLY_INCOMPLETE_METADATA],
       completenessPercent: "0%",
     },
-  ].forEach(testCase => {
+  ].forEach((testCase) => {
     const { name, resultMetadata, completenessPercent } = testCase;
 
     describe(name, () => {
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/QuestionDetails.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/QuestionDetails.tsx
index 1d12647c57b..bccc041b660 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/QuestionDetails.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/QuestionDetails.tsx
@@ -116,7 +116,7 @@ function SharingDisplay({ question }: { question: Question }) {
             target={
               <Icon
                 name="link"
-                onClick={() => setIsPopoverOpen(prev => !prev)}
+                onClick={() => setIsPopoverOpen((prev) => !prev)}
                 className={cx(
                   Styles.cursorPointer,
                   Styles.textBrandHover,
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/ModelUsageDetails.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/ModelUsageDetails.tsx
index 3a54573a8da..997dac7921d 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/ModelUsageDetails.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/ModelUsageDetails.tsx
@@ -52,7 +52,7 @@ export function ModelUsageDetails({ model }: ModelUsageDetailsProps) {
 
   return (
     <Stack gap="sm">
-      {filtered.map(card => {
+      {filtered.map((card) => {
         return (
           <Link
             to={Urls.question(card)}
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/ModelUsageDetails.unit.spec.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/ModelUsageDetails.unit.spec.tsx
index 388a2715137..f6e53c77ec8 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/ModelUsageDetails.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/ModelUsageDetails.unit.spec.tsx
@@ -147,7 +147,7 @@ async function setup({
   });
 
   const model = checkNotNull(metadata.question(card.id));
-  const usedByQuestions = usedBy.map(q =>
+  const usedByQuestions = usedBy.map((q) =>
     checkNotNull(metadata.question(q.id)),
   );
 
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/QuestionSources.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/QuestionSources.tsx
index 2e7b9016cae..ddc5e16782b 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/QuestionSources.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/QuestionSources.tsx
@@ -25,7 +25,7 @@ export const QuestionSources = () => {
           formatTableAsComponent: false,
         }) as QuestionSource[])
       : [];
-    return sources.map(source => ({
+    return sources.map((source) => ({
       ...source,
       iconProps: getIconPropsForSource(source),
     }));
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/SidesheetCardWithFields.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/SidesheetCardWithFields.tsx
index 7c8a5ae7646..201e107df74 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/SidesheetCardWithFields.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/SidesheetCardWithFields.tsx
@@ -24,7 +24,7 @@ export const SidesheetCardWithFields = ({
   return (
     <SidesheetCard title={<Box pb="sm">{title}</Box>}>
       <Stack gap="md">
-        {columns.map(columnMetadata => {
+        {columns.map((columnMetadata) => {
           const columnDisplayInfo = Lib.displayInfo(query, -1, columnMetadata);
 
           return (
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/hooks.ts b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/hooks.ts
index 78ea247cbbc..9da5968dd1e 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/hooks.ts
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/hooks.ts
@@ -4,7 +4,7 @@ export const DEFAULT_LIST_LIMIT = 5;
 
 export const useExpandableList = (arr: any[], limit = DEFAULT_LIST_LIMIT) => {
   const [isExpanded, setIsExpanded] = useState(false);
-  const toggle = () => setIsExpanded(val => !val);
+  const toggle = () => setIsExpanded((val) => !val);
   const filtered = isExpanded ? arr : arr.slice(0, limit);
   return { isExpanded, toggle, filtered };
 };
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/utils.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/utils.tsx
index 5f18592cac0..d0f2b963682 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/utils.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/components/utils.tsx
@@ -28,10 +28,10 @@ export const getJoinedTablesWithIcons = (question: Question) => {
 
   const stageIndexes = Lib.stageIndexes(query);
 
-  const joinedTables = stageIndexes.flatMap(stageIndex => {
+  const joinedTables = stageIndexes.flatMap((stageIndex) => {
     const joins = Lib.joins(query, stageIndex);
 
-    const joinedThings = joins.map(join => {
+    const joinedThings = joins.map((join) => {
       const thing = Lib.joinedThing(query, join);
       const url = getUrl({ query, table: thing, stageIndex }) as string;
       const { displayName } = Lib.displayInfo(query, stageIndex, thing);
@@ -40,7 +40,7 @@ export const getJoinedTablesWithIcons = (question: Question) => {
     return joinedThings;
   });
 
-  return joinedTables.map(source => ({
+  return joinedTables.map((source) => ({
     ...source,
     iconProps: getIconPropsForSource(source),
   }));
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/common.unit.spec.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/common.unit.spec.tsx
index a3eeb3c2a44..abc3d2e6dc0 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/common.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/common.unit.spec.tsx
@@ -27,7 +27,7 @@ describe("QuestionInfoSidebar", () => {
         description: DESCRIPTION,
         type: "model",
       }),
-    ])("should display description of a $name", async card => {
+    ])("should display description of a $name", async (card) => {
       await setup({ card });
       expect(screen.getByText(DESCRIPTION)).toBeInTheDocument();
     });
@@ -61,7 +61,7 @@ describe("QuestionInfoSidebar", () => {
         setup({});
         const tabs = await screen.findAllByRole("tab");
         expect(tabs).toHaveLength(3);
-        expect(tabs.map(tab => tab.textContent)).toEqual([
+        expect(tabs.map((tab) => tab.textContent)).toEqual([
           "Overview",
           "History",
           "Relationships",
@@ -74,7 +74,7 @@ describe("QuestionInfoSidebar", () => {
         setup({ user: { is_superuser: true } });
         const tabs = await screen.findAllByRole("tab");
         expect(tabs).toHaveLength(4);
-        expect(tabs.map(tab => tab.textContent)).toEqual([
+        expect(tabs.map((tab) => tab.textContent)).toEqual([
           "Overview",
           "History",
           "Relationships",
@@ -214,8 +214,8 @@ describe("QuestionInfoSidebar", () => {
       expect(listItems).toHaveLength(expectedFieldCount);
 
       // Expect the correct field names
-      const expectedFieldNames = expectedColumns.map(col => col.display_name);
-      expectedFieldNames.forEach(expectedFieldName => {
+      const expectedFieldNames = expectedColumns.map((col) => col.display_name);
+      expectedFieldNames.forEach((expectedFieldName) => {
         expect(
           within(cardWithFields).getByText(expectedFieldName),
         ).toBeInTheDocument();
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/enterprise.unit.spec.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/enterprise.unit.spec.tsx
index 3f76f99ab72..6f3e62c02aa 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/enterprise.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/enterprise.unit.spec.tsx
@@ -48,7 +48,7 @@ describe("QuestionInfoSidebar > enterprise", () => {
         await setup();
         const tabs = await screen.findAllByRole("tab");
         expect(tabs).toHaveLength(3);
-        expect(tabs.map(tab => tab.textContent)).toEqual([
+        expect(tabs.map((tab) => tab.textContent)).toEqual([
           "Overview",
           "History",
           "Relationships",
@@ -61,7 +61,7 @@ describe("QuestionInfoSidebar > enterprise", () => {
         setup({ user: { is_superuser: true } });
         const tabs = await screen.findAllByRole("tab");
         expect(tabs).toHaveLength(4);
-        expect(tabs.map(tab => tab.textContent)).toEqual([
+        expect(tabs.map((tab) => tab.textContent)).toEqual([
           "Overview",
           "History",
           "Relationships",
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/premium.unit.spec.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/premium.unit.spec.tsx
index b2320c1442f..1962cb75cc6 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/premium.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionInfoSidebar/tests/premium.unit.spec.tsx
@@ -85,7 +85,7 @@ describe("QuestionInfoSidebar > premium", () => {
         setupEnterprise({});
         const tabs = await screen.findAllByRole("tab");
         expect(tabs).toHaveLength(3);
-        expect(tabs.map(tab => tab.textContent)).toEqual([
+        expect(tabs.map((tab) => tab.textContent)).toEqual([
           "Overview",
           "History",
           "Relationships",
@@ -101,7 +101,7 @@ describe("QuestionInfoSidebar > premium", () => {
         setupEnterprise({ user: { is_superuser: true } });
         const tabs = await screen.findAllByRole("tab");
         expect(tabs).toHaveLength(3);
-        expect(tabs.map(tab => tab.textContent)).toEqual([
+        expect(tabs.map((tab) => tab.textContent)).toEqual([
           "Overview",
           "History",
           "Relationships",
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/AddAggregationButton/AddAggregationButton.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/AddAggregationButton/AddAggregationButton.tsx
index fd2d979106a..a45d5940719 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/AddAggregationButton/AddAggregationButton.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/AddAggregationButton/AddAggregationButton.tsx
@@ -53,7 +53,7 @@ export function AddAggregationButton({
           query={query}
           stageIndex={stageIndex}
           operators={operators}
-          onQueryChange={query => {
+          onQueryChange={(query) => {
             onQueryChange(query);
             setIsOpened(false);
           }}
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/BreakoutColumnList.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/BreakoutColumnList.tsx
index 6e640f3e9d8..52f57691ec6 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/BreakoutColumnList.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/BreakoutColumnList.tsx
@@ -43,7 +43,7 @@ export function BreakoutColumnList({
     () =>
       breakouts
         .slice(0, pinnedItemCount)
-        .map(breakout => getBreakoutListItem(query, stageIndex, breakout)),
+        .map((breakout) => getBreakoutListItem(query, stageIndex, breakout)),
     [query, stageIndex, breakouts, pinnedItemCount],
   );
 
@@ -55,7 +55,7 @@ export function BreakoutColumnList({
   const unpinnedColumns = useMemo(
     () =>
       allColumns.filter(
-        column => !isPinnedColumn(query, stageIndex, column, pinnedItemCount),
+        (column) => !isPinnedColumn(query, stageIndex, column, pinnedItemCount),
       ),
     [query, stageIndex, allColumns, pinnedItemCount],
   );
@@ -136,7 +136,7 @@ export function BreakoutColumnList({
       )}
       <DelayGroup>
         <ul data-testid="unpinned-dimensions">
-          {sections.map(section => (
+          {sections.map((section) => (
             <li key={section.name}>
               <Box className={BreakoutColumnListS.ColumnGroupName}>
                 {section.name}
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/BreakoutColumnListItem/BreakoutColumnListItem.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/BreakoutColumnListItem/BreakoutColumnListItem.tsx
index 063a891976e..c57d5de1628 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/BreakoutColumnListItem/BreakoutColumnListItem.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/BreakoutColumnListItem/BreakoutColumnListItem.tsx
@@ -127,7 +127,7 @@ export function BreakoutColumnListItem({
           hasChevronDown
           hasBinning
           hasTemporalBucketing
-          onSelect={column =>
+          onSelect={(column) =>
             breakout
               ? onUpdateBreakout(breakout, column)
               : onAddBreakout(column)
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/util.ts b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/util.ts
index 827bcf77735..578d0c863a6 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/util.ts
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/BreakoutColumnList/util.ts
@@ -24,7 +24,7 @@ function getColumnListItems(
     return [{ ...columnInfo, column }];
   }
 
-  return breakoutPositions.map(index => {
+  return breakoutPositions.map((index) => {
     const breakout = breakouts[index];
     return {
       ...columnInfo,
@@ -45,16 +45,16 @@ export function getColumnSections(
 
   const filteredColumns =
     formattedSearchQuery.length > 0
-      ? columns.filter(column => {
+      ? columns.filter((column) => {
           const { displayName } = Lib.displayInfo(query, stageIndex, column);
           return displayName.toLowerCase().includes(formattedSearchQuery);
         })
       : columns;
 
-  return Lib.groupColumns(filteredColumns).map(group => {
+  return Lib.groupColumns(filteredColumns).map((group) => {
     const groupInfo = Lib.displayInfo(query, stageIndex, group);
 
-    const items = Lib.getColumnsFromColumnGroup(group).flatMap(column =>
+    const items = Lib.getColumnsFromColumnGroup(group).flatMap((column) =>
       getColumnListItems(query, stageIndex, breakouts, column),
     );
 
@@ -74,6 +74,6 @@ export function isPinnedColumn(
   const { breakoutPositions = [] } = Lib.displayInfo(query, stageIndex, column);
   return (
     breakoutPositions.length > 0 &&
-    breakoutPositions.every(breakoutIndex => breakoutIndex < pinnedItemCount)
+    breakoutPositions.every((breakoutIndex) => breakoutIndex < pinnedItemCount)
   );
 }
diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/SummarizeSidebar.unit.spec.tsx b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/SummarizeSidebar.unit.spec.tsx
index 476e41e889d..bab6ea1ec82 100644
--- a/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/SummarizeSidebar.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/components/view/sidebars/SummarizeSidebar/SummarizeSidebar.unit.spec.tsx
@@ -67,7 +67,7 @@ async function setup({
     return (
       <SummarizeSidebar
         query={query}
-        onQueryChange={nextQuery => {
+        onQueryChange={(nextQuery) => {
           setQuery(nextQuery);
           onQueryChange(nextQuery);
         }}
@@ -97,14 +97,14 @@ async function setup({
 
   function getNextAggregations() {
     const query = getNextQuery();
-    return Lib.aggregations(query, -1).map(aggregation =>
+    return Lib.aggregations(query, -1).map((aggregation) =>
       Lib.displayInfo(query, -1, aggregation),
     );
   }
 
   function getNextBreakouts() {
     const query = getNextQuery();
-    return Lib.breakouts(query, -1).map(breakout =>
+    return Lib.breakouts(query, -1).map((breakout) =>
       Lib.displayInfo(query, -1, breakout),
     );
   }
diff --git a/frontend/src/metabase/query_builder/containers/QueryBuilder.unit.spec.tsx b/frontend/src/metabase/query_builder/containers/QueryBuilder.unit.spec.tsx
index f1627b9e155..c5c4ad61753 100644
--- a/frontend/src/metabase/query_builder/containers/QueryBuilder.unit.spec.tsx
+++ b/frontend/src/metabase/query_builder/containers/QueryBuilder.unit.spec.tsx
@@ -90,7 +90,7 @@ describe("QueryBuilder", () => {
 
       it.each(cards)(
         `renders the row count in "$display" visualization`,
-        async card => {
+        async (card) => {
           await setup({
             card,
             dataset,
diff --git a/frontend/src/metabase/query_builder/containers/test-utils.tsx b/frontend/src/metabase/query_builder/containers/test-utils.tsx
index 718270b3ecd..fdedec6f42a 100644
--- a/frontend/src/metabase/query_builder/containers/test-utils.tsx
+++ b/frontend/src/metabase/query_builder/containers/test-utils.tsx
@@ -319,7 +319,7 @@ const waitForLoadingRequests = async (getState: () => State) => {
   await waitFor(
     () => {
       const requests = getRequests(getState());
-      const areRequestsLoading = requests.some(request => request.loading);
+      const areRequestsLoading = requests.some((request) => request.loading);
       expect(areRequestsLoading).toBe(false);
     },
     { timeout: 5000 },
@@ -327,9 +327,9 @@ const waitForLoadingRequests = async (getState: () => State) => {
 };
 
 const getRequests = (state: State): RequestState[] => {
-  return Object.values(state.requests).flatMap(group =>
-    Object.values(group).flatMap(entity =>
-      Object.values(entity).flatMap(request => Object.values(request)),
+  return Object.values(state.requests).flatMap((group) =>
+    Object.values(group).flatMap((entity) =>
+      Object.values(entity).flatMap((request) => Object.values(request)),
     ),
   );
 };
diff --git a/frontend/src/metabase/query_builder/reducers-typed.ts b/frontend/src/metabase/query_builder/reducers-typed.ts
index cd3f3bb1ea8..fd945ca924f 100644
--- a/frontend/src/metabase/query_builder/reducers-typed.ts
+++ b/frontend/src/metabase/query_builder/reducers-typed.ts
@@ -22,131 +22,134 @@ import {
 } from "./actions";
 
 // the card that is actively being worked on
-export const card = createReducer<Card<DatasetQuery> | null>(null, builder => {
-  builder
-    .addCase(RESET_QB, () => null)
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: {
-          card: Card;
+export const card = createReducer<Card<DatasetQuery> | null>(
+  null,
+  (builder) => {
+    builder
+      .addCase(RESET_QB, () => null)
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: {
+            card: Card;
+          };
+        }
+      >(INITIALIZE_QB, (state, action) =>
+        action.payload ? action.payload.card : null,
+      )
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: Card;
+        }
+      >(SOFT_RELOAD_CARD, (state, action) => action.payload)
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: Card;
+        }
+      >(RELOAD_CARD, (state, action) => action.payload)
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: {
+            card: Card;
+          };
+        }
+      >(SET_CARD_AND_RUN, (state, action) => action.payload.card)
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: Card;
+        }
+      >(API_CREATE_QUESTION, (state, action) => action.payload)
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: Card;
+        }
+      >(API_UPDATE_QUESTION, (state, action) => action.payload)
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: {
+            card: Card;
+          };
+        }
+      >(CANCEL_QUESTION_CHANGES, (state, action) => action.payload.card)
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: {
+            card: Card;
+          };
+        }
+      >(UPDATE_QUESTION, (state, action) => action.payload.card)
+      .addCase<
+        string,
+        {
+          type: string;
+          payload: {
+            card: Card;
+          };
+        }
+      >(QUERY_COMPLETED, (state, action) => {
+        if (!state) {
+          return state;
+        }
+        return {
+          ...state,
+          display: action.payload.card.display,
+          result_metadata: action.payload.card.result_metadata,
+          visualization_settings: action.payload.card.visualization_settings,
         };
-      }
-    >(INITIALIZE_QB, (state, action) =>
-      action.payload ? action.payload.card : null,
-    )
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: Card;
-      }
-    >(SOFT_RELOAD_CARD, (state, action) => action.payload)
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: Card;
-      }
-    >(RELOAD_CARD, (state, action) => action.payload)
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: {
-          card: Card;
+      })
+      .addMatcher(createCardPublicLink.matchFulfilled, (state, action) => {
+        if (!state) {
+          return state;
+        }
+        return {
+          ...state,
+          public_uuid: action.payload.uuid,
         };
-      }
-    >(SET_CARD_AND_RUN, (state, action) => action.payload.card)
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: Card;
-      }
-    >(API_CREATE_QUESTION, (state, action) => action.payload)
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: Card;
-      }
-    >(API_UPDATE_QUESTION, (state, action) => action.payload)
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: {
-          card: Card;
-        };
-      }
-    >(CANCEL_QUESTION_CHANGES, (state, action) => action.payload.card)
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: {
-          card: Card;
-        };
-      }
-    >(UPDATE_QUESTION, (state, action) => action.payload.card)
-    .addCase<
-      string,
-      {
-        type: string;
-        payload: {
-          card: Card;
-        };
-      }
-    >(QUERY_COMPLETED, (state, action) => {
-      if (!state) {
-        return state;
-      }
-      return {
-        ...state,
-        display: action.payload.card.display,
-        result_metadata: action.payload.card.result_metadata,
-        visualization_settings: action.payload.card.visualization_settings,
-      };
-    })
-    .addMatcher(createCardPublicLink.matchFulfilled, (state, action) => {
-      if (!state) {
-        return state;
-      }
-      return {
-        ...state,
-        public_uuid: action.payload.uuid,
-      };
-    })
-    .addMatcher(deleteCardPublicLink.matchFulfilled, state => {
-      if (!state) {
-        return state;
-      }
+      })
+      .addMatcher(deleteCardPublicLink.matchFulfilled, (state) => {
+        if (!state) {
+          return state;
+        }
 
-      return {
-        ...state,
-        public_uuid: null,
-      };
-    })
-    .addMatcher(updateCardEnableEmbedding.matchFulfilled, (state, action) => {
-      if (!state) {
-        return state;
-      }
-      return {
-        ...state,
-        enable_embedding: action.payload.enable_embedding,
-      };
-    })
-    .addMatcher(updateCardEmbeddingParams.matchFulfilled, (state, action) => {
-      if (!state) {
-        return state;
-      }
+        return {
+          ...state,
+          public_uuid: null,
+        };
+      })
+      .addMatcher(updateCardEnableEmbedding.matchFulfilled, (state, action) => {
+        if (!state) {
+          return state;
+        }
+        return {
+          ...state,
+          enable_embedding: action.payload.enable_embedding,
+        };
+      })
+      .addMatcher(updateCardEmbeddingParams.matchFulfilled, (state, action) => {
+        if (!state) {
+          return state;
+        }
 
-      return {
-        ...state,
-        embedding_params: action.payload.embedding_params,
-        initially_published_at: action.payload.initially_published_at,
-      };
-    });
-});
+        return {
+          ...state,
+          embedding_params: action.payload.embedding_params,
+          initially_published_at: action.payload.initially_published_at,
+        };
+      });
+  },
+);
diff --git a/frontend/src/metabase/query_builder/reducers.js b/frontend/src/metabase/query_builder/reducers.js
index 953a7d576df..278e95fef42 100644
--- a/frontend/src/metabase/query_builder/reducers.js
+++ b/frontend/src/metabase/query_builder/reducers.js
@@ -179,7 +179,7 @@ export const uiControls = handleActions(
       next: (state, { payload }) => ({ ...state, isShowingNewbModal: false }),
     },
 
-    [RUN_QUERY]: state => ({
+    [RUN_QUERY]: (state) => ({
       ...state,
       isRunning: true,
     }),
@@ -205,18 +205,18 @@ export const uiControls = handleActions(
       }),
     },
     [CANCEL_QUESTION_CHANGES]: {
-      next: state => ({
+      next: (state) => ({
         ...state,
         isModifiedFromNotebook: false,
       }),
     },
     // AGGREGATION
-    [onEditSummary]: state => ({
+    [onEditSummary]: (state) => ({
       ...state,
       ...UI_CONTROLS_SIDEBAR_DEFAULTS,
       isShowingSummarySidebar: true,
     }),
-    [onCloseSummary]: state => ({
+    [onCloseSummary]: (state) => ({
       ...state,
       ...UI_CONTROLS_SIDEBAR_DEFAULTS,
     }),
@@ -230,50 +230,50 @@ export const uiControls = handleActions(
       initialChartSetting: initialChartSettings,
       showSidebarTitle: showSidebarTitle,
     }),
-    [onCloseChartSettings]: state => ({
+    [onCloseChartSettings]: (state) => ({
       ...state,
       ...UI_CONTROLS_SIDEBAR_DEFAULTS,
     }),
-    [onOpenChartType]: state => ({
+    [onOpenChartType]: (state) => ({
       ...state,
       ...UI_CONTROLS_SIDEBAR_DEFAULTS,
       isShowingChartTypeSidebar: true,
     }),
-    [onCloseChartType]: state => ({
+    [onCloseChartType]: (state) => ({
       ...state,
       ...UI_CONTROLS_SIDEBAR_DEFAULTS,
     }),
-    [onOpenQuestionInfo]: state =>
+    [onOpenQuestionInfo]: (state) =>
       setUIControls(state, {
         ...UI_CONTROLS_SIDEBAR_DEFAULTS,
         isShowingQuestionInfoSidebar: true,
         queryBuilderMode: "view",
       }),
-    [onCloseQuestionInfo]: state => ({
+    [onCloseQuestionInfo]: (state) => ({
       ...state,
       isShowingQuestionInfoSidebar: false,
     }),
-    [onOpenQuestionSettings]: state =>
+    [onOpenQuestionSettings]: (state) =>
       setUIControls(state, {
         ...UI_CONTROLS_SIDEBAR_DEFAULTS,
         isShowingQuestionSettingsSidebar: true,
         queryBuilderMode: "view",
       }),
-    [onCloseQuestionSettings]: state => ({
+    [onCloseQuestionSettings]: (state) => ({
       ...state,
       isShowingQuestionSettingsSidebar: false,
     }),
-    [onOpenTimelines]: state => ({
+    [onOpenTimelines]: (state) => ({
       ...state,
       ...UI_CONTROLS_SIDEBAR_DEFAULTS,
       ...CLOSED_NATIVE_EDITOR_SIDEBARS,
       isShowingTimelineSidebar: true,
     }),
-    [onCloseTimelines]: state => ({
+    [onCloseTimelines]: (state) => ({
       ...state,
       ...UI_CONTROLS_SIDEBAR_DEFAULTS,
     }),
-    [onCloseSidebars]: state => ({
+    [onCloseSidebars]: (state) => ({
       ...state,
       ...UI_CONTROLS_SIDEBAR_DEFAULTS,
     }),
@@ -301,9 +301,9 @@ export const loadingControls = handleActions(
 
 export const queryStatus = handleActions(
   {
-    [RUN_QUERY]: state => "running",
-    [QUERY_COMPLETED]: state => "complete",
-    [CANCEL_QUERY]: state => "idle",
+    [RUN_QUERY]: (state) => "running",
+    [QUERY_COMPLETED]: (state) => "complete",
+    [CANCEL_QUERY]: (state) => "idle",
   },
   DEFAULT_QUERY_STATUS,
 );
@@ -470,12 +470,12 @@ export const visibleTimelineEventIds = handleActions(
     [INITIALIZE_QB]: { next: () => [] },
     [SHOW_TIMELINE_EVENTS]: {
       next: (state, { payload: events }) =>
-        _.uniq([...state, ...events.map(event => event.id)]),
+        _.uniq([...state, ...events.map((event) => event.id)]),
     },
     [HIDE_TIMELINE_EVENTS]: {
       next: (state, { payload: events }) => {
-        const eventIdsToHide = events.map(event => event.id);
-        return state.filter(eventId => !eventIdsToHide.includes(eventId));
+        const eventIdsToHide = events.map((event) => event.id);
+        return state.filter((eventId) => !eventIdsToHide.includes(eventId));
       },
     },
     [TimelineEvents.actionTypes.CREATE]: {
@@ -490,7 +490,7 @@ export const selectedTimelineEventIds = handleActions(
   {
     [INITIALIZE_QB]: { next: () => [] },
     [SELECT_TIMELINE_EVENTS]: {
-      next: (state, { payload: events = [] }) => events.map(e => e.id),
+      next: (state, { payload: events = [] }) => events.map((e) => e.id),
     },
     [DESELECT_TIMELINE_EVENTS]: {
       next: () => [],
diff --git a/frontend/src/metabase/query_builder/selectors.js b/frontend/src/metabase/query_builder/selectors.js
index ab67d98b59a..bf3d116c384 100644
--- a/frontend/src/metabase/query_builder/selectors.js
+++ b/frontend/src/metabase/query_builder/selectors.js
@@ -51,20 +51,20 @@ import {
 } from "./utils/question";
 
 // This selector can be called from public questions / dashboards, which do not have state.qb
-export const getUiControls = state => state.qb?.uiControls;
-export const getQueryStatus = state => state.qb.queryStatus;
-export const getLoadingControls = state => state.qb.loadingControls;
+export const getUiControls = (state) => state.qb?.uiControls;
+export const getQueryStatus = (state) => state.qb.queryStatus;
+export const getLoadingControls = (state) => state.qb.loadingControls;
 
-export const getIsShowingTemplateTagsEditor = state =>
+export const getIsShowingTemplateTagsEditor = (state) =>
   getUiControls(state).isShowingTemplateTagsEditor;
-export const getIsShowingSnippetSidebar = state =>
+export const getIsShowingSnippetSidebar = (state) =>
   getUiControls(state).isShowingSnippetSidebar;
-export const getIsShowingDataReference = state =>
+export const getIsShowingDataReference = (state) =>
   getUiControls(state).isShowingDataReference;
 
 // This selector can be called from public questions / dashboards, which do not
 // have state.qb
-export const getIsShowingRawTable = state =>
+export const getIsShowingRawTable = (state) =>
   !!state.qb?.uiControls.isShowingRawTable;
 
 const SIDEBARS = [
@@ -80,46 +80,47 @@ const SIDEBARS = [
   "isShowingSnippetSidebar",
 ];
 
-export const getIsAnySidebarOpen = createSelector([getUiControls], uiControls =>
-  SIDEBARS.some(sidebar => uiControls[sidebar]),
+export const getIsAnySidebarOpen = createSelector(
+  [getUiControls],
+  (uiControls) => SIDEBARS.some((sidebar) => uiControls[sidebar]),
 );
 
-export const getIsRunning = state => getUiControls(state).isRunning;
-export const getIsLoadingComplete = state =>
+export const getIsRunning = (state) => getUiControls(state).isRunning;
+export const getIsLoadingComplete = (state) =>
   getQueryStatus(state) === "complete";
 
-export const getCard = state => state.qb.card;
-export const getOriginalCard = state => state.qb.originalCard;
-export const getLastRunCard = state => state.qb.lastRunCard;
+export const getCard = (state) => state.qb.card;
+export const getOriginalCard = (state) => state.qb.originalCard;
+export const getLastRunCard = (state) => state.qb.lastRunCard;
 
-export const getParameterValues = state => state.qb.parameterValues;
-export const getParameterValuesSearchCache = state =>
+export const getParameterValues = (state) => state.qb.parameterValues;
+export const getParameterValuesSearchCache = (state) =>
   state.qb.parameterValuesSearchCache;
 
-export const getMetadataDiff = state => state.qb.metadataDiff;
+export const getMetadataDiff = (state) => state.qb.metadataDiff;
 
-export const getEntities = state => state.entities;
-export const getVisibleTimelineEventIds = state =>
+export const getEntities = (state) => state.entities;
+export const getVisibleTimelineEventIds = (state) =>
   state.qb.visibleTimelineEventIds;
-export const getSelectedTimelineEventIds = state =>
+export const getSelectedTimelineEventIds = (state) =>
   state.qb.selectedTimelineEventIds;
 
-const getRawQueryResults = state => state.qb.queryResults;
+const getRawQueryResults = (state) => state.qb.queryResults;
 
 export const getIsBookmarked = (state, props) =>
   props.bookmarks.some(
-    bookmark =>
+    (bookmark) =>
       bookmark.type === "card" && bookmark.item_id === state.qb.card?.id,
   );
 
 export const getQueryBuilderMode = createSelector(
   [getUiControls],
-  uiControls => uiControls.queryBuilderMode,
+  (uiControls) => uiControls.queryBuilderMode,
 );
 
 const getCardResultMetadata = createSelector(
   [getCard],
-  card => card?.result_metadata,
+  (card) => card?.result_metadata,
 );
 
 const getModelMetadataDiff = createSelector(
@@ -132,7 +133,7 @@ const getModelMetadataDiff = createSelector(
     return {
       ...metadataDiff,
       ...Object.fromEntries(
-        resultMetadata.map(column => [
+        resultMetadata.map((column) => [
           column.name,
           {
             ...getWritableColumnProperties(column),
@@ -178,29 +179,30 @@ export const getQueryResults = createSelector(
   },
 );
 
-export const getFirstQueryResult = createSelector([getQueryResults], results =>
-  Array.isArray(results) ? results[0] : null,
+export const getFirstQueryResult = createSelector(
+  [getQueryResults],
+  (results) => (Array.isArray(results) ? results[0] : null),
 );
 
-export const getQueryStartTime = state => state.qb.queryStartTime;
+export const getQueryStartTime = (state) => state.qb.queryStartTime;
 
 export const getDatabaseId = createSelector(
   [getCard],
-  card => card && card.dataset_query && card.dataset_query.database,
+  (card) => card && card.dataset_query && card.dataset_query.database,
 );
 
-export const getTableForeignKeyReferences = state =>
+export const getTableForeignKeyReferences = (state) =>
   state.qb.tableForeignKeyReferences;
 
 const getDatabasesListDefaultValue = [];
-export const getDatabasesList = state =>
+export const getDatabasesList = (state) =>
   Databases.selectors.getList(state, {
     entityQuery: { include: "tables", saved: true },
   }) || getDatabasesListDefaultValue;
 
 export const getSampleDatabaseId = createSelector(
   [getDatabasesList],
-  databases => {
+  (databases) => {
     const sampleDatabase = _.findWhere(databases, { is_sample: true });
     return sampleDatabase && sampleDatabase.id;
   },
@@ -214,16 +216,16 @@ export const getParameters = createSelector(
 
 const getLastRunDatasetQuery = createSelector(
   [getLastRunCard],
-  card => card && card.dataset_query,
+  (card) => card && card.dataset_query,
 );
 const getNextRunDatasetQuery = createSelector(
   [getCard],
-  card => card && card.dataset_query,
+  (card) => card && card.dataset_query,
 );
 
 const getLastRunParameters = createSelector(
   [getFirstQueryResult],
-  queryResult =>
+  (queryResult) =>
     (queryResult &&
       queryResult.json_query &&
       queryResult.json_query.parameters) ||
@@ -231,30 +233,32 @@ const getLastRunParameters = createSelector(
 );
 const getLastRunParameterValues = createSelector(
   [getLastRunParameters],
-  parameters => parameters.map(parameter => parameter.value),
+  (parameters) => parameters.map((parameter) => parameter.value),
 );
-const getNextRunParameterValues = createSelector([getParameters], parameters =>
-  parameters.map(parameter =>
-    // parameters are "normalized" immediately before a query run, so in order
-    // to compare current parameters to previously-used parameters we need
-    // to run parameters through this normalization function
-    normalizeParameterValue(parameter.type, parameter.value),
-  ),
+const getNextRunParameterValues = createSelector(
+  [getParameters],
+  (parameters) =>
+    parameters.map((parameter) =>
+      // parameters are "normalized" immediately before a query run, so in order
+      // to compare current parameters to previously-used parameters we need
+      // to run parameters through this normalization function
+      normalizeParameterValue(parameter.type, parameter.value),
+    ),
 );
 
 export const getNextRunParameters = createSelector(
   [getParameters],
-  parameters => normalizeParameters(parameters),
+  (parameters) => normalizeParameters(parameters),
 );
 
 export const getPreviousQueryBuilderMode = createSelector(
   [getUiControls],
-  uiControls => uiControls.previousQueryBuilderMode,
+  (uiControls) => uiControls.previousQueryBuilderMode,
 );
 
 export const getDatasetEditorTab = createSelector(
   [getUiControls],
-  uiControls => uiControls.datasetEditorTab,
+  (uiControls) => uiControls.datasetEditorTab,
 );
 
 export const getOriginalQuestion = createSelector(
@@ -308,7 +312,7 @@ export const getQuestion = createSelector(
   },
 );
 
-export const getTableId = createSelector([getQuestion], question => {
+export const getTableId = createSelector([getQuestion], (question) => {
   if (!question) {
     return;
   }
@@ -321,14 +325,17 @@ export const getTableMetadata = createSelector(
   (tableId, metadata) => metadata.table(tableId),
 );
 
-export const getTableForeignKeys = createSelector([getTableMetadata], table => {
-  const tableForeignKeys = table?.fks ?? [];
-  const tableForeignKeysWithoutHiddenTables = tableForeignKeys.filter(
-    tableForeignKey => tableForeignKey.origin != null,
-  );
+export const getTableForeignKeys = createSelector(
+  [getTableMetadata],
+  (table) => {
+    const tableForeignKeys = table?.fks ?? [];
+    const tableForeignKeysWithoutHiddenTables = tableForeignKeys.filter(
+      (tableForeignKey) => tableForeignKey.origin != null,
+    );
 
-  return tableForeignKeysWithoutHiddenTables;
-});
+    return tableForeignKeysWithoutHiddenTables;
+  },
+);
 
 export const getPKColumnIndex = createSelector(
   [getFirstQueryResult, getTableId],
@@ -500,7 +507,7 @@ export const getIsResultDirty = createSelector(
   },
 );
 
-export const getZoomedObjectId = state => state.qb.zoomedRowObjectId;
+export const getZoomedObjectId = (state) => state.qb.zoomedRowObjectId;
 
 const getZoomedObjectRowIndex = createSelector(
   [getPKRowIndexMap, getZoomedObjectId],
@@ -542,7 +549,7 @@ export const getNextRowPKValue = createSelector(
 
 export const getCanZoomPreviousRow = createSelector(
   [getZoomedObjectRowIndex],
-  rowIndex => rowIndex !== 0,
+  (rowIndex) => rowIndex !== 0,
 );
 
 export const getCanZoomNextRow = createSelector(
@@ -568,12 +575,12 @@ export const getZoomRow = createSelector(
 
 const isZoomingRow = createSelector(
   [getZoomedObjectId],
-  index => index != null,
+  (index) => index != null,
 );
 
 export const getMode = createSelector(
   [getLastRunQuestion],
-  question => question && getQuestionMode(question),
+  (question) => question && getQuestionMode(question),
 );
 
 export const getIsObjectDetail = createSelector(
@@ -598,12 +605,12 @@ export const getIsRunnable = createSelector(
 
 export const getResultsMetadata = createSelector(
   [getFirstQueryResult],
-  result => result && result.data && result.data.results_metadata,
+  (result) => result && result.data && result.data.results_metadata,
 );
 
 export const isResultsMetadataDirty = createSelector(
   [getMetadataDiff],
-  metadataDiff => {
+  (metadataDiff) => {
     return Object.keys(metadataDiff).length > 0;
   },
 );
@@ -699,7 +706,7 @@ export const getRawSeries = createSelector(
 
 const _getVisualizationTransformed = createSelector(
   [getRawSeries],
-  rawSeries =>
+  (rawSeries) =>
     rawSeries && getVisualizationTransformed(extractRemappings(rawSeries)),
 );
 
@@ -709,12 +716,12 @@ const _getVisualizationTransformed = createSelector(
  */
 export const getTransformedSeries = createSelector(
   [_getVisualizationTransformed],
-  transformed => transformed && transformed.series,
+  (transformed) => transformed && transformed.series,
 );
 
 export const getTransformedVisualization = createSelector(
   [_getVisualizationTransformed],
-  transformed => transformed && transformed.visualization,
+  (transformed) => transformed && transformed.visualization,
 );
 
 /**
@@ -722,7 +729,7 @@ export const getTransformedVisualization = createSelector(
  */
 export const getVisualizationSettings = createSelector(
   [getTransformedSeries],
-  series => series && getComputedSettingsForSeries(series),
+  (series) => series && getComputedSettingsForSeries(series),
 );
 
 /**
@@ -730,7 +737,7 @@ export const getVisualizationSettings = createSelector(
  */
 export const getIsNative = createSelector(
   [getQuestion],
-  question => question && Lib.queryDisplayInfo(question.query()).isNative,
+  (question) => question && Lib.queryDisplayInfo(question.query()).isNative,
 );
 
 /**
@@ -743,12 +750,12 @@ export const getIsNativeEditorOpen = createSelector(
 
 const getNativeEditorSelectedRange = createSelector(
   [getUiControls],
-  uiControls => uiControls && uiControls.nativeEditorSelectedRange,
+  (uiControls) => uiControls && uiControls.nativeEditorSelectedRange,
 );
 
 export const getIsTimeseries = createSelector(
   [getVisualizationSettings],
-  settings => settings && isTimeseries(settings),
+  (settings) => settings && isTimeseries(settings),
 );
 
 export const getTimeseriesXValues = createSelector(
@@ -770,11 +777,11 @@ const getTimeseriesDataInterval = createSelector(
     }
     const columns = series[0]?.data?.cols ?? [];
     const dimensions = settings?.["graph.dimensions"] ?? [];
-    const dimensionColumns = dimensions.map(dimension =>
-      columns.find(column => column != null && column.name === dimension),
+    const dimensionColumns = dimensions.map((dimension) =>
+      columns.find((column) => column != null && column.name === dimension),
     );
     const columnUnits = dimensionColumns
-      .map(column =>
+      .map((column) =>
         isAbsoluteDateTimeUnit(column?.unit) ? column.unit : null,
       )
       .filter(isNotNull);
@@ -797,20 +804,20 @@ export const getTimeseriesXDomain = createSelector(
   },
 );
 
-export const getFetchedTimelines = createSelector([getEntities], entities => {
+export const getFetchedTimelines = createSelector([getEntities], (entities) => {
   const entityQuery = { include: "events" };
   return Timelines.selectors.getList({ entities }, { entityQuery }) ?? [];
 });
 
 export const getTransformedTimelines = createSelector(
   [getFetchedTimelines],
-  timelines => {
+  (timelines) => {
     return getSortedTimelines(
-      timelines.map(timeline =>
+      timelines.map((timeline) =>
         updateIn(timeline, ["events"], (events = []) =>
           _.chain(events)
-            .map(event => updateIn(event, ["timestamp"], parseTimestamp))
-            .filter(event => !event.archived)
+            .map((event) => updateIn(event, ["timestamp"], parseTimestamp))
+            .filter((event) => !event.archived)
             .value(),
         ),
       ),
@@ -846,16 +853,16 @@ export const getFilteredTimelines = createSelector(
   (timelines, xDomain, dataInterval) => {
     const timelineXDomain = getXDomainForTimelines(xDomain, dataInterval);
     return timelines
-      .map(timeline =>
-        updateIn(timeline, ["events"], events =>
+      .map((timeline) =>
+        updateIn(timeline, ["events"], (events) =>
           xDomain
-            ? events.filter(event =>
+            ? events.filter((event) =>
                 isEventWithinDomain(event, timelineXDomain),
               )
             : events,
         ),
       )
-      .filter(timeline => timeline.events.length > 0);
+      .filter((timeline) => timeline.events.length > 0);
   },
 );
 
@@ -863,10 +870,10 @@ export const getVisibleTimelineEvents = createSelector(
   [getFilteredTimelines, getVisibleTimelineEventIds],
   (timelines, visibleTimelineEventIds) =>
     _.chain(timelines)
-      .map(timeline => timeline.events)
+      .map((timeline) => timeline.events)
       .flatten()
-      .filter(event => visibleTimelineEventIds.includes(event.id))
-      .sortBy(event => event.timestamp)
+      .filter((event) => visibleTimelineEventIds.includes(event.id))
+      .sortBy((event) => event.timestamp)
       .value(),
 );
 
@@ -909,12 +916,12 @@ export const getNativeEditorSelectedText = createSelector(
 
 export const getModalSnippet = createSelector(
   [getUiControls],
-  uiControls => uiControls && uiControls.modalSnippet,
+  (uiControls) => uiControls && uiControls.modalSnippet,
 );
 
 export const getSnippetCollectionId = createSelector(
   [getUiControls],
-  uiControls => uiControls && uiControls.snippetCollectionId,
+  (uiControls) => uiControls && uiControls.snippetCollectionId,
 );
 
 export const getIsVisualized = createSelector(
@@ -945,24 +952,24 @@ export const getIsLiveResizable = createSelector(
 
 export const getQuestionDetailsTimelineDrawerState = createSelector(
   [getUiControls],
-  uiControls => uiControls && uiControls.questionDetailsTimelineDrawerState,
+  (uiControls) => uiControls && uiControls.questionDetailsTimelineDrawerState,
 );
 
 export const isBasedOnExistingQuestion = createSelector(
   [getOriginalQuestion],
-  originalQuestion => {
+  (originalQuestion) => {
     return originalQuestion != null;
   },
 );
 
 export const getDocumentTitle = createSelector(
   [getLoadingControls],
-  loadingControls => loadingControls?.documentTitle,
+  (loadingControls) => loadingControls?.documentTitle,
 );
 
 export const getPageFavicon = createSelector(
   [getLoadingControls],
-  loadingControls =>
+  (loadingControls) =>
     loadingControls?.showLoadCompleteFavicon
       ? LOAD_COMPLETE_FAVICON
       : undefined,
@@ -970,7 +977,7 @@ export const getPageFavicon = createSelector(
 
 export const getTimeoutId = createSelector(
   [getLoadingControls],
-  loadingControls => loadingControls.timeoutId,
+  (loadingControls) => loadingControls.timeoutId,
 );
 
 export const getIsHeaderVisible = createSelector(
@@ -1001,19 +1008,19 @@ export const getDataReferenceStack = createSelector(
         : [],
 );
 
-export const getDashboardId = state => {
+export const getDashboardId = (state) => {
   return state.qb.parentDashboard.dashboardId;
 };
 
-export const getIsEditingInDashboard = state => {
+export const getIsEditingInDashboard = (state) => {
   return state.qb.parentDashboard.isEditing;
 };
 
-export const getDashboard = state => {
+export const getDashboard = (state) => {
   return getDashboardById(state, getDashboardId(state));
 };
 
-export const getEmbeddingParameters = createSelector([getCard], card => {
+export const getEmbeddingParameters = createSelector([getCard], (card) => {
   if (!card?.enable_embedding) {
     return {};
   }
@@ -1069,8 +1076,8 @@ export const getSubmittableQuestion = (state, question) => {
   return submittableQuestion;
 };
 
-export const getIsNotebookNativePreviewShown = state =>
+export const getIsNotebookNativePreviewShown = (state) =>
   getSetting(state, "notebook-native-preview-shown");
 
-export const getNotebookNativePreviewSidebarWidth = state =>
+export const getNotebookNativePreviewSidebarWidth = (state) =>
   getSetting(state, "notebook-native-preview-sidebar-width");
diff --git a/frontend/src/metabase/query_builder/selectors.unit.spec.js b/frontend/src/metabase/query_builder/selectors.unit.spec.js
index bd44e062b7c..4b12ba0f02c 100644
--- a/frontend/src/metabase/query_builder/selectors.unit.spec.js
+++ b/frontend/src/metabase/query_builder/selectors.unit.spec.js
@@ -239,7 +239,7 @@ describe("getIsResultDirty", () => {
 
     it("should not be dirty if fields were just made explicit", () => {
       const orderTableFieldIds = Object.values(ORDERS);
-      const orderTableFieldRefs = orderTableFieldIds.map(id => [
+      const orderTableFieldRefs = orderTableFieldIds.map((id) => [
         "field",
         id,
         null,
diff --git a/frontend/src/metabase/query_builder/utils/index.ts b/frontend/src/metabase/query_builder/utils/index.ts
index 09e884f90e0..48f6dcd6721 100644
--- a/frontend/src/metabase/query_builder/utils/index.ts
+++ b/frontend/src/metabase/query_builder/utils/index.ts
@@ -92,7 +92,7 @@ export const isNavigationAllowed = ({
     const isRunningModel = pathname === "/model" && hash.length > 0;
     const allowedPathnames = isNewQuestion
       ? ["/model/query", "/model/metadata"]
-      : validSlugs.flatMap(slug => [
+      : validSlugs.flatMap((slug) => [
           `/model/${slug}/query`,
           `/model/${slug}/metadata`,
           `/model/${slug}/notebook`,
@@ -105,7 +105,7 @@ export const isNavigationAllowed = ({
     const isRunningMetric = pathname === "/metric" && hash.length > 0;
     const allowedPathnames = isNewQuestion
       ? ["/metric/query"]
-      : validSlugs.flatMap(slug => [
+      : validSlugs.flatMap((slug) => [
           `/metric/${slug}/query`,
           `/metric/${slug}/notebook`,
         ]);
@@ -115,7 +115,7 @@ export const isNavigationAllowed = ({
 
   if (isNative) {
     const allowedPathnames = [
-      ...validSlugs.map(slug => `/question/${slug}`),
+      ...validSlugs.map((slug) => `/question/${slug}`),
       "/question",
     ];
     const isRunningQuestion =
@@ -131,7 +131,7 @@ export const isNavigationAllowed = ({
   if (!isNewQuestion) {
     const isRunningQuestion =
       ["/question", "/question/notebook"].includes(pathname) && hash.length > 0;
-    const allowedPathnames = validSlugs.flatMap(slug => [
+    const allowedPathnames = validSlugs.flatMap((slug) => [
       `/question/${slug}`,
       `/question/${slug}/notebook`,
     ]);
diff --git a/frontend/src/metabase/query_builder/utils/utils.unit.spec.ts b/frontend/src/metabase/query_builder/utils/utils.unit.spec.ts
index 0f0c1b0757e..8cbadba8045 100644
--- a/frontend/src/metabase/query_builder/utils/utils.unit.spec.ts
+++ b/frontend/src/metabase/query_builder/utils/utils.unit.spec.ts
@@ -199,7 +199,7 @@ describe("isNavigationAllowed", () => {
 
     it.each(questions)(
       "allows navigating away from creating new `$_card.name`",
-      question => {
+      (question) => {
         const isNewQuestion = true;
 
         expect(
@@ -210,7 +210,7 @@ describe("isNavigationAllowed", () => {
 
     it.each(questions)(
       "allows navigating away from editing `$_card.name`",
-      question => {
+      (question) => {
         const isNewQuestion = false;
 
         expect(
@@ -241,7 +241,7 @@ describe("isNavigationAllowed", () => {
       ...getRunQuestionLocations(structuredQuestion),
       ...getRunQuestionLocations(nativeQuestion),
       runQuestionEditNotebookLocation,
-    ])("allows navigating away to `$pathname`", destination => {
+    ])("allows navigating away to `$pathname`", (destination) => {
       expect(
         isNavigationAllowed({ destination, question, isNewQuestion: true }),
       ).toBe(true);
@@ -274,7 +274,7 @@ describe("isNavigationAllowed", () => {
         ...getRunQuestionLocations(structuredQuestion),
         ...getRunQuestionLocations(nativeQuestion),
         runQuestionEditNotebookLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(true);
@@ -290,7 +290,7 @@ describe("isNavigationAllowed", () => {
       it.each([
         runQuestionLocation,
         ...getRunQuestionLocations(nativeQuestion),
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(true);
@@ -314,7 +314,7 @@ describe("isNavigationAllowed", () => {
         runMetricLocation,
         runNewMetricLocation,
         runQuestionEditNotebookLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(false);
@@ -330,7 +330,7 @@ describe("isNavigationAllowed", () => {
       it.each([
         runQuestionLocation,
         ...getRunQuestionLocations(structuredQuestion),
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(true);
@@ -348,7 +348,7 @@ describe("isNavigationAllowed", () => {
     describe("allows to open the question and the notebook editor", () => {
       it.each(getStructuredQuestionLocations(question))(
         "to `$pathname`",
-        destination => {
+        (destination) => {
           expect(
             isNavigationAllowed({ destination, question, isNewQuestion }),
           ).toBe(true);
@@ -367,7 +367,7 @@ describe("isNavigationAllowed", () => {
         newModelQueryTabLocation,
         newModelMetadataTabLocation,
         newMetricQueryTabLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(false);
@@ -383,7 +383,7 @@ describe("isNavigationAllowed", () => {
       it.each([
         runQuestionLocation,
         ...getRunQuestionLocations(nativeQuestion),
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(true);
@@ -407,7 +407,7 @@ describe("isNavigationAllowed", () => {
         runMetricLocation,
         runNewMetricLocation,
         runQuestionEditNotebookLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(false);
@@ -422,7 +422,7 @@ describe("isNavigationAllowed", () => {
     describe("allows navigating between model query & metadata tabs", () => {
       it.each([newModelQueryTabLocation, newModelMetadataTabLocation])(
         "to `$pathname`",
-        destination => {
+        (destination) => {
           expect(
             isNavigationAllowed({ destination, question, isNewQuestion }),
           ).toBe(true);
@@ -450,7 +450,7 @@ describe("isNavigationAllowed", () => {
         ...getRunQuestionLocations(structuredQuestion),
         ...getRunQuestionLocations(nativeQuestion),
         runQuestionEditNotebookLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(false);
@@ -465,7 +465,7 @@ describe("isNavigationAllowed", () => {
     describe("allows navigating between model query & metadata tabs", () => {
       it.each(getEditModelLocations(question))(
         "to `$pathname`",
-        destination => {
+        (destination) => {
           expect(
             isNavigationAllowed({ destination, question, isNewQuestion }),
           ).toBe(true);
@@ -503,7 +503,7 @@ describe("isNavigationAllowed", () => {
         runMetricLocation,
         runNewMetricLocation,
         runQuestionEditNotebookLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(false);
@@ -518,7 +518,7 @@ describe("isNavigationAllowed", () => {
     describe("allows navigating between model query & metadata tabs", () => {
       it.each(getEditModelLocations(question))(
         "to `$pathname`",
-        destination => {
+        (destination) => {
           expect(
             isNavigationAllowed({ destination, question, isNewQuestion }),
           ).toBe(true);
@@ -556,7 +556,7 @@ describe("isNavigationAllowed", () => {
         runMetricLocation,
         runNewMetricLocation,
         runQuestionEditNotebookLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(false);
@@ -597,7 +597,7 @@ describe("isNavigationAllowed", () => {
         ...getNativeQuestionLocations(nativeQuestion),
         runQuestionLocation,
         runQuestionEditNotebookLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(false);
@@ -612,7 +612,7 @@ describe("isNavigationAllowed", () => {
     describe("allows navigating between metric query & metadata tabs", () => {
       it.each(getEditMetricLocations(question))(
         "to `$pathname`",
-        destination => {
+        (destination) => {
           expect(
             isNavigationAllowed({ destination, question, isNewQuestion }),
           ).toBe(true);
@@ -648,7 +648,7 @@ describe("isNavigationAllowed", () => {
         newModelMetadataTabLocation,
         newMetricQueryTabLocation,
         runQuestionEditNotebookLocation,
-      ])("to `$pathname`", destination => {
+      ])("to `$pathname`", (destination) => {
         expect(
           isNavigationAllowed({ destination, question, isNewQuestion }),
         ).toBe(false);
diff --git a/frontend/src/metabase/querying/analytics.ts b/frontend/src/metabase/querying/analytics.ts
index 832aa70912e..62b3ed0cd17 100644
--- a/frontend/src/metabase/querying/analytics.ts
+++ b/frontend/src/metabase/querying/analytics.ts
@@ -40,7 +40,7 @@ export const trackColumnCompareViaColumnHeader = (
 ) => {
   trackSchemaEvent("question", {
     event: "column_compare_via_column_header",
-    custom_expressions_used: expressions.flatMap(expression =>
+    custom_expressions_used: expressions.flatMap((expression) =>
       Lib.functionsUsedByExpression(query, stageIndex, expression),
     ),
     database_id: Lib.databaseID(query),
@@ -56,7 +56,7 @@ export const trackColumnCompareViaPlusModal = (
 ) => {
   trackSchemaEvent("question", {
     event: "column_compare_via_plus_modal",
-    custom_expressions_used: expressions.flatMap(expression =>
+    custom_expressions_used: expressions.flatMap((expression) =>
       Lib.functionsUsedByExpression(query, stageIndex, expression),
     ),
     database_id: Lib.databaseID(query),
diff --git a/frontend/src/metabase/querying/drills/utils/filter-drill.tsx b/frontend/src/metabase/querying/drills/utils/filter-drill.tsx
index 3185d7e4e54..819b704eaee 100644
--- a/frontend/src/metabase/querying/drills/utils/filter-drill.tsx
+++ b/frontend/src/metabase/querying/drills/utils/filter-drill.tsx
@@ -28,7 +28,7 @@ export function getFilterPopover({
         stageIndex={stageIndex}
         column={column}
         filter={initialFilter}
-        onChange={filter => {
+        onChange={(filter) => {
           const nextQuery = Lib.filter(query, stageIndex, filter);
           const nextQuestion = question.setQuery(nextQuery);
           const nextCard = nextQuestion.card();
diff --git a/frontend/src/metabase/querying/drills/utils/pivot-drill.tsx b/frontend/src/metabase/querying/drills/utils/pivot-drill.tsx
index e917227d986..4fe85341cdf 100644
--- a/frontend/src/metabase/querying/drills/utils/pivot-drill.tsx
+++ b/frontend/src/metabase/querying/drills/utils/pivot-drill.tsx
@@ -32,7 +32,7 @@ const ACTIONS = {
 export const pivotDrill: Drill = ({ query, drill, applyDrill }) => {
   const { pivotTypes, stageIndex } = Lib.pivotDrillDetails(drill);
 
-  const actions = pivotTypes.map(pivotType =>
+  const actions = pivotTypes.map((pivotType) =>
     getActionForType(query, stageIndex, drill, pivotType, applyDrill),
   );
 
@@ -93,7 +93,7 @@ function getColumnPopover(
           stageIndex={stageIndex}
           columnGroups={Lib.groupColumns(columns)}
           checkIsColumnSelected={() => false}
-          onSelect={column => {
+          onSelect={(column) => {
             const nextQuestion = applyDrill(drill, column).setDefaultDisplay();
             const nextCard = nextQuestion.card();
             onChangeCardAndRun({ nextCard });
diff --git a/frontend/src/metabase/querying/drills/utils/query-drill.ts b/frontend/src/metabase/querying/drills/utils/query-drill.ts
index 1301169cbf3..3aebe135886 100644
--- a/frontend/src/metabase/querying/drills/utils/query-drill.ts
+++ b/frontend/src/metabase/querying/drills/utils/query-drill.ts
@@ -35,7 +35,7 @@ export function queryDrill(
   };
 
   return drills
-    .flatMap(drill => {
+    .flatMap((drill) => {
       const drillInfo = Lib.displayInfo(query, stageIndex, drill);
       const drillHandler = DRILLS[drillInfo.type];
 
diff --git a/frontend/src/metabase/querying/drills/utils/quick-filter-drill.tsx b/frontend/src/metabase/querying/drills/utils/quick-filter-drill.tsx
index 1152b1d573d..56c5d52b2d6 100644
--- a/frontend/src/metabase/querying/drills/utils/quick-filter-drill.tsx
+++ b/frontend/src/metabase/querying/drills/utils/quick-filter-drill.tsx
@@ -18,7 +18,7 @@ export const quickFilterDrill: Drill<Lib.QuickFilterDrillThruInfo> = ({
   const { value, operators } = drillInfo;
   const { query, stageIndex, column } = Lib.filterDrillDetails(drill);
 
-  return operators.map(operator => ({
+  return operators.map((operator) => ({
     name: `quick-filter.${operator}`,
     title: operator,
     section: "filter",
diff --git a/frontend/src/metabase/querying/drills/utils/sort-drill.ts b/frontend/src/metabase/querying/drills/utils/sort-drill.ts
index fea4aabbfc7..531e706ff4d 100644
--- a/frontend/src/metabase/querying/drills/utils/sort-drill.ts
+++ b/frontend/src/metabase/querying/drills/utils/sort-drill.ts
@@ -30,7 +30,7 @@ export const sortDrill: Drill<Lib.SortDrillThruInfo> = ({
 }) => {
   const { directions } = drillInfo;
 
-  return directions.map(direction => ({
+  return directions.map((direction) => ({
     ...ACTIONS[direction],
     question: () => applyDrill(drill, direction),
   }));
diff --git a/frontend/src/metabase/querying/drills/utils/summarize-column-drill.ts b/frontend/src/metabase/querying/drills/utils/summarize-column-drill.ts
index d5e2c8ba90a..1754bdf11c5 100644
--- a/frontend/src/metabase/querying/drills/utils/summarize-column-drill.ts
+++ b/frontend/src/metabase/querying/drills/utils/summarize-column-drill.ts
@@ -35,7 +35,7 @@ export const summarizeColumnDrill: Drill<Lib.SummarizeColumnDrillThruInfo> = ({
 }) => {
   const { aggregations } = drillInfo;
 
-  return aggregations.map(operator => ({
+  return aggregations.map((operator) => ({
     ...ACTIONS[operator],
     question: () => applyDrill(drill, operator).setDefaultDisplay(),
     action: () => (dispatch: Dispatch) =>
diff --git a/frontend/src/metabase/querying/fields/components/FieldPanel/FieldPanel.tsx b/frontend/src/metabase/querying/fields/components/FieldPanel/FieldPanel.tsx
index ea81fd641dc..f46990f94c8 100644
--- a/frontend/src/metabase/querying/fields/components/FieldPanel/FieldPanel.tsx
+++ b/frontend/src/metabase/querying/fields/components/FieldPanel/FieldPanel.tsx
@@ -47,7 +47,7 @@ export const FieldPanel = ({
     <div>
       <TextInput
         value={searchValue}
-        onChange={e => setSearchValue(e.target.value)}
+        onChange={(e) => setSearchValue(e.target.value)}
         rightSection={<Icon name="search" />}
         placeholder={t`Search for a column…`}
         mb="1rem"
diff --git a/frontend/src/metabase/querying/fields/components/FieldPanel/utils.ts b/frontend/src/metabase/querying/fields/components/FieldPanel/utils.ts
index 3d46c18f6bf..77abb63f3b0 100644
--- a/frontend/src/metabase/querying/fields/components/FieldPanel/utils.ts
+++ b/frontend/src/metabase/querying/fields/components/FieldPanel/utils.ts
@@ -15,7 +15,7 @@ function getColumnItems(
   stageIndex: number,
   group: Lib.ColumnGroup,
 ): ColumnItem[] {
-  return Lib.getColumnsFromColumnGroup(group).map(column => {
+  return Lib.getColumnsFromColumnGroup(group).map((column) => {
     const columnInfo = Lib.displayInfo(query, stageIndex, column);
     return {
       column,
@@ -35,7 +35,7 @@ function getGroupsWithColumns(
   columns: Lib.ColumnMetadata[],
 ): ColumnGroupItem[] {
   const groups = Lib.groupColumns(columns);
-  return groups.map(group => {
+  return groups.map((group) => {
     const groupInfo = Lib.displayInfo(query, stageIndex, group);
     const columnItems = getColumnItems(query, stageIndex, group);
 
@@ -52,7 +52,7 @@ function getGroupsWithColumns(
 function disableOnlySelectedQueryColumn(
   groupItems: ColumnGroupItem[],
 ): ColumnGroupItem[] {
-  return groupItems.map(groupItem => {
+  return groupItems.map((groupItem) => {
     if (!groupItem.isMainGroup) {
       return groupItem;
     }
@@ -64,7 +64,7 @@ function disableOnlySelectedQueryColumn(
 
     return {
       ...groupItem,
-      columnItems: groupItem.columnItems.map(columnItem => ({
+      columnItems: groupItem.columnItems.map((columnItem) => ({
         ...columnItem,
         isDisabled:
           columnItem.isDisabled ||
@@ -81,7 +81,7 @@ function deduplicateGroupNames(
 ): ColumnGroupItem[] {
   const groupNames = new Map<string, number>();
 
-  return groupItems.map(groupItem => {
+  return groupItems.map((groupItem) => {
     const usageCount = groupNames.get(groupItem.displayName) ?? 0;
     const newUsageCount = usageCount + 1;
     groupNames.set(groupItem.displayName, newUsageCount);
@@ -114,13 +114,13 @@ export function searchColumnGroupItems(
   }
 
   return groupItems
-    .map(groupItem => ({
+    .map((groupItem) => ({
       ...groupItem,
-      columnItems: groupItem.columnItems.filter(columnItem =>
+      columnItems: groupItem.columnItems.filter((columnItem) =>
         columnItem.displayName.toLowerCase().includes(searchString),
       ),
     }))
-    .filter(groupItem => groupItem.columnItems.length > 0);
+    .filter((groupItem) => groupItem.columnItems.length > 0);
 }
 
 export function toggleColumnInQuery(
@@ -141,7 +141,7 @@ export function toggleColumnGroupInQuery(
   if (groupItem.isSelected) {
     // always leave 1 column in the main group selected to prevent creating queries without columns
     return groupItem.columnItems
-      .filter(columnItem => columnItem.isSelected && !columnItem.isDisabled)
+      .filter((columnItem) => columnItem.isSelected && !columnItem.isDisabled)
       .filter((_, columnIndex) => !groupItem.isMainGroup || columnIndex !== 0)
       .reduce(
         (query, { column }) => Lib.removeField(query, stageIndex, column),
@@ -149,7 +149,7 @@ export function toggleColumnGroupInQuery(
       );
   } else {
     return groupItem.columnItems
-      .filter(columnItem => !columnItem.isSelected && !columnItem.isDisabled)
+      .filter((columnItem) => !columnItem.isSelected && !columnItem.isDisabled)
       .reduce(
         (query, { column }) => Lib.addField(query, stageIndex, column),
         query,
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/DateOperatorPicker.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/DateOperatorPicker.tsx
index 6ef9c91dc80..1fa213f3fd5 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/DateOperatorPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/DateOperatorPicker.tsx
@@ -28,7 +28,7 @@ export function DateOperatorPicker({
   }, [value]);
 
   const handleChange = (inputValue: string | null) => {
-    const option = options.find(option => option.value === inputValue);
+    const option = options.find((option) => option.value === inputValue);
     if (option) {
       onChange(setOptionType(value, option.value));
     }
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/utils.ts b/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/utils.ts
index 6711a78f88f..d0dcd4614a0 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/utils.ts
@@ -20,9 +20,11 @@ export function getAvailableOptions(
   availableOperators: DatePickerOperator[],
 ): OperatorOption[] {
   return OPERATOR_OPTIONS.filter(
-    option =>
+    (option) =>
       option.operators.length === 0 ||
-      option.operators.some(operator => availableOperators.includes(operator)),
+      option.operators.some((operator) =>
+        availableOperators.includes(operator),
+      ),
   );
 }
 
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/utils.unit.spec.ts b/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/utils.unit.spec.ts
index 9613c55c05e..ff9d57692c9 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/utils.unit.spec.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/DateOperatorPicker/utils.unit.spec.ts
@@ -46,7 +46,7 @@ const EXCLUDE_VALUES: ExcludeDatePickerValue[] = [
 describe("getAvailableOptions", () => {
   it("should return options that don't require an operator", () => {
     const options = getAvailableOptions([]);
-    expect(options.map(option => option.label)).toEqual([
+    expect(options.map((option) => option.label)).toEqual([
       "All time",
       "Previous",
       "Next",
@@ -87,7 +87,7 @@ describe("setOptionType", () => {
   describe("=", () => {
     it.each([...RELATIVE_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "=")).toEqual({
           type: "specific",
           operator: "=",
@@ -99,7 +99,7 @@ describe("setOptionType", () => {
 
     it.each<SpecificDatePickerOperator>([">", "<"])(
       'should preserve value for "%s" operator',
-      operator => {
+      (operator) => {
         const value: DatePickerValue = {
           type: "specific",
           operator,
@@ -134,7 +134,7 @@ describe("setOptionType", () => {
   describe(">", () => {
     it.each([...RELATIVE_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, ">")).toEqual({
           type: "specific",
           operator: ">",
@@ -146,7 +146,7 @@ describe("setOptionType", () => {
 
     it.each<SpecificDatePickerOperator>(["=", "<"])(
       'should preserve value for "%s" operator',
-      operator => {
+      (operator) => {
         const value: DatePickerValue = {
           type: "specific",
           operator,
@@ -181,7 +181,7 @@ describe("setOptionType", () => {
   describe("<", () => {
     it.each([...RELATIVE_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "<")).toEqual({
           type: "specific",
           operator: "<",
@@ -193,7 +193,7 @@ describe("setOptionType", () => {
 
     it.each<SpecificDatePickerOperator>(["=", ">"])(
       'should preserve value for "%s" operator',
-      operator => {
+      (operator) => {
         const value: DatePickerValue = {
           type: "specific",
           operator,
@@ -228,7 +228,7 @@ describe("setOptionType", () => {
   describe("between", () => {
     it.each([...RELATIVE_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "between")).toEqual({
           type: "specific",
           operator: "between",
@@ -240,7 +240,7 @@ describe("setOptionType", () => {
 
     it.each<SpecificDatePickerOperator>(["=", "<"])(
       'should preserve end date for "%s" operator',
-      operator => {
+      (operator) => {
         const value: DatePickerValue = {
           type: "specific",
           operator,
@@ -275,7 +275,7 @@ describe("setOptionType", () => {
   describe("last", () => {
     it.each([...SPECIFIC_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "last")).toEqual({
           type: "relative",
           value: -30,
@@ -294,7 +294,7 @@ describe("setOptionType", () => {
       "year",
     ])(
       'should preserve "%s" unit and use default value for "0" value',
-      unit => {
+      (unit) => {
         const value: DatePickerValue = {
           type: "relative",
           value: 0,
@@ -316,7 +316,7 @@ describe("setOptionType", () => {
       "month",
       "quarter",
       "year",
-    ])('should preserve "%s" unit and value for "next" value', unit => {
+    ])('should preserve "%s" unit and value for "next" value', (unit) => {
       const value: DatePickerValue = {
         type: "relative",
         value: 10,
@@ -333,7 +333,7 @@ describe("setOptionType", () => {
   describe("next", () => {
     it.each([...SPECIFIC_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "next")).toEqual({
           type: "relative",
           value: 30,
@@ -352,7 +352,7 @@ describe("setOptionType", () => {
       "year",
     ])(
       'should preserve "%s" unit and use default value for "0" value',
-      unit => {
+      (unit) => {
         const value: DatePickerValue = {
           type: "relative",
           value: 0,
@@ -374,7 +374,7 @@ describe("setOptionType", () => {
       "month",
       "quarter",
       "year",
-    ])('should preserve "%s" unit and value for "next" value', unit => {
+    ])('should preserve "%s" unit and value for "next" value', (unit) => {
       const value: DatePickerValue = {
         type: "relative",
         value: -10,
@@ -391,7 +391,7 @@ describe("setOptionType", () => {
   describe("current", () => {
     it.each([...SPECIFIC_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "current")).toEqual({
           type: "relative",
           value: 0,
@@ -402,8 +402,8 @@ describe("setOptionType", () => {
 
     describe.each<DatePickerTruncationUnit>(["minute", "hour"])(
       'should use default unit for "%s" unit',
-      unit => {
-        it.each([-10, 10])('"%d" interval', interval => {
+      (unit) => {
+        it.each([-10, 10])('"%d" interval', (interval) => {
           const value: DatePickerValue = {
             type: "relative",
             value: interval,
@@ -424,8 +424,8 @@ describe("setOptionType", () => {
       "month",
       "quarter",
       "year",
-    ])('should preserve unit for "%s" unit', unit => {
-      it.each([-10, 10])('"%d" interval', interval => {
+    ])('should preserve unit for "%s" unit', (unit) => {
+      it.each([-10, 10])('"%d" interval', (interval) => {
         const value: DatePickerValue = {
           type: "relative",
           value: interval,
@@ -443,7 +443,7 @@ describe("setOptionType", () => {
   describe("!=", () => {
     it.each([...SPECIFIC_VALUES, ...RELATIVE_VALUES, ...EXCLUDE_VALUES])(
       'should ignore "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "!=")).toBeUndefined();
       },
     );
@@ -452,7 +452,7 @@ describe("setOptionType", () => {
   describe("is-null", () => {
     it.each([...SPECIFIC_VALUES, ...RELATIVE_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "is-null")).toEqual({
           type: "exclude",
           operator: "is-null",
@@ -465,7 +465,7 @@ describe("setOptionType", () => {
   describe("not-null", () => {
     it.each([...SPECIFIC_VALUES, ...RELATIVE_VALUES, ...EXCLUDE_VALUES])(
       'should return default value for "$operator" operator',
-      value => {
+      (value) => {
         expect(setOptionType(value, "not-null")).toEqual({
           type: "exclude",
           operator: "not-null",
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/DatePicker.stories.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/DatePicker.stories.tsx
index 5901664db45..db0275a1b0f 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/DatePicker.stories.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/DatePicker.stories.tsx
@@ -44,7 +44,7 @@ type CustomStoryProps = {
 };
 const Template: StoryFn<
   ComponentProps<typeof DatePicker> & CustomStoryProps
-> = args => {
+> = (args) => {
   const isDarkTheme = args.theme === "dark";
 
   useEffect(() => {
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/DateShortcutPicker/utils.ts b/frontend/src/metabase/querying/filters/components/DatePicker/DateShortcutPicker/utils.ts
index f8012c52e47..fa77c49b935 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/DateShortcutPicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/DateShortcutPicker/utils.ts
@@ -16,17 +16,19 @@ export function getShortcutOptions(
 export function getShortcutOptionGroups(
   availableShortcuts: DatePickerShortcut[],
 ): ShortcutOption[][] {
-  return SHORTCUT_OPTION_GROUPS.map(options =>
-    options.filter(option => availableShortcuts.includes(option.shortcut)),
-  ).filter(options => options.length > 0);
+  return SHORTCUT_OPTION_GROUPS.map((options) =>
+    options.filter((option) => availableShortcuts.includes(option.shortcut)),
+  ).filter((options) => options.length > 0);
 }
 
 export function getTypeOptions(
   availableOperators: DatePickerOperator[],
 ): TypeOption[] {
   return TYPE_OPTIONS.filter(
-    option =>
+    (option) =>
       option.operators.length === 0 ||
-      option.operators.some(operator => availableOperators.includes(operator)),
+      option.operators.some((operator) =>
+        availableOperators.includes(operator),
+      ),
   );
 }
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/ExcludeDatePicker/ExcludeDatePicker.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/ExcludeDatePicker/ExcludeDatePicker.tsx
index 050b2214ae1..f1d8f4f667a 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/ExcludeDatePicker/ExcludeDatePicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/ExcludeDatePicker/ExcludeDatePicker.tsx
@@ -173,7 +173,7 @@ function ExcludeValuePicker({
 
   const handleToggleAll = (isChecked: boolean) => {
     if (isChecked) {
-      setValues(groups.flatMap(groups => groups.map(({ value }) => value)));
+      setValues(groups.flatMap((groups) => groups.map(({ value }) => value)));
     } else {
       setValues([]);
     }
@@ -186,7 +186,7 @@ function ExcludeValuePicker({
     if (isChecked) {
       setValues([...values, option.value]);
     } else {
-      setValues(values.filter(value => value !== option.value));
+      setValues(values.filter((value) => value !== option.value));
     }
   };
 
@@ -202,7 +202,7 @@ function ExcludeValuePicker({
         <Checkbox
           checked={isAll}
           label={<Text c="text-secondary">{t`Select all`}</Text>}
-          onChange={event => handleToggleAll(event.target.checked)}
+          onChange={(event) => handleToggleAll(event.target.checked)}
         />
         <Divider />
         <Group>
@@ -213,7 +213,7 @@ function ExcludeValuePicker({
                   key={optionIndex}
                   label={option.label}
                   checked={values.includes(option.value)}
-                  onChange={event =>
+                  onChange={(event) =>
                     handleToggleOption(option, event.target.checked)
                   }
                 />
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/ExcludeDatePicker/utils.ts b/frontend/src/metabase/querying/filters/components/DatePicker/ExcludeDatePicker/utils.ts
index d84a0f91090..eb37a8b01d9 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/ExcludeDatePicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/ExcludeDatePicker/utils.ts
@@ -25,7 +25,7 @@ export function getExcludeUnitOptions(
     return [];
   }
 
-  return EXCLUDE_UNIT_OPTIONS.filter(option =>
+  return EXCLUDE_UNIT_OPTIONS.filter((option) =>
     availableUnits.includes(option.unit),
   );
 }
@@ -33,7 +33,7 @@ export function getExcludeUnitOptions(
 export function getExcludeOperatorOptions(
   availableOperators: DatePickerOperator[],
 ): ExcludeOperatorOption[] {
-  return EXCLUDE_OPERATOR_OPTIONS.filter(option =>
+  return EXCLUDE_OPERATOR_OPTIONS.filter((option) =>
     availableOperators.includes(option.operator),
   );
 }
@@ -41,7 +41,7 @@ export function getExcludeOperatorOptions(
 export function findExcludeUnitOption(
   unit: DatePickerExtractionUnit,
 ): ExcludeUnitOption | undefined {
-  return EXCLUDE_UNIT_OPTIONS.find(option => option.unit === unit);
+  return EXCLUDE_UNIT_OPTIONS.find((option) => option.unit === unit);
 }
 
 export function getExcludeValueOptionGroups(
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/CurrentDatePicker/CurrentDatePicker.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/CurrentDatePicker/CurrentDatePicker.tsx
index f72f4b7695b..d79d7d5b91b 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/CurrentDatePicker/CurrentDatePicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/CurrentDatePicker/CurrentDatePicker.tsx
@@ -37,7 +37,7 @@ export function CurrentDatePicker({
     <Stack>
       {unitGroups.map((group, groupIndex) => (
         <Group key={groupIndex}>
-          {group.map(unit => (
+          {group.map((unit) => (
             <Tooltip
               key={unit}
               label={t`Right now, this is ${getTooltipLabel(unit)}`}
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/CurrentDatePicker/utils.ts b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/CurrentDatePicker/utils.ts
index 48e23cbaa04..968a241858a 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/CurrentDatePicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/CurrentDatePicker/utils.ts
@@ -13,7 +13,7 @@ export function getCurrentValue(
 }
 
 export function getUnitGroups(availableUnits: DatePickerUnit[]) {
-  return UNIT_GROUPS.map(group =>
-    group.filter(unit => availableUnits.includes(unit)),
-  ).filter(group => group.length > 0);
+  return UNIT_GROUPS.map((group) =>
+    group.filter((unit) => availableUnits.includes(unit)),
+  ).filter((group) => group.length > 0);
 }
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/DateIntervalPicker.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/DateIntervalPicker.tsx
index f4a18e2712b..931cf8f7828 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/DateIntervalPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/DateIntervalPicker.tsx
@@ -53,7 +53,7 @@ export function DateIntervalPicker({
   };
 
   const handleUnitChange = (inputValue: string | null) => {
-    const option = unitOptions.find(option => option.value === inputValue);
+    const option = unitOptions.find((option) => option.value === inputValue);
     if (option) {
       onChange(setUnit(value, option.value));
     }
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/DateIntervalPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/DateIntervalPicker.unit.spec.tsx
index 651f8f589c9..1ee50864878 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/DateIntervalPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/DateIntervalPicker.unit.spec.tsx
@@ -61,7 +61,7 @@ describe("DateIntervalPicker", () => {
 
   describe.each<RelativeIntervalDirection>(["last", "next"])(
     "%s",
-    direction => {
+    (direction) => {
       const defaultValue = getDefaultValue(direction);
 
       it("should change the interval", async () => {
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/SimpleDateIntervalPicker/SimpleDateIntervalPicker.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/SimpleDateIntervalPicker/SimpleDateIntervalPicker.tsx
index c783879b162..fa27a9c4be1 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/SimpleDateIntervalPicker/SimpleDateIntervalPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/SimpleDateIntervalPicker/SimpleDateIntervalPicker.tsx
@@ -31,7 +31,7 @@ export function SimpleDateIntervalPicker({
   };
 
   const handleUnitChange = (inputValue: string | null) => {
-    const option = unitOptions.find(option => option.value === inputValue);
+    const option = unitOptions.find((option) => option.value === inputValue);
     if (option) {
       onChange(setUnit(value, option.value));
     }
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/SimpleDateIntervalPicker/SimpleDateIntervalPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/SimpleDateIntervalPicker/SimpleDateIntervalPicker.unit.spec.tsx
index fb68fbb6bd2..adaca446946 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/SimpleDateIntervalPicker/SimpleDateIntervalPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateIntervalPicker/SimpleDateIntervalPicker/SimpleDateIntervalPicker.unit.spec.tsx
@@ -53,7 +53,7 @@ describe("SimpleDateIntervalPicker", () => {
 
   describe.each<RelativeIntervalDirection>(["last", "next"])(
     "%s",
-    direction => {
+    (direction) => {
       const defaultValue = getDefaultValue(direction);
 
       it("should change the interval", async () => {
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateOffsetIntervalPicker/DateOffsetIntervalPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateOffsetIntervalPicker/DateOffsetIntervalPicker.unit.spec.tsx
index 2d473e1489f..563f33025f3 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateOffsetIntervalPicker/DateOffsetIntervalPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateOffsetIntervalPicker/DateOffsetIntervalPicker.unit.spec.tsx
@@ -67,7 +67,7 @@ describe("DateOffsetIntervalPicker", () => {
 
   describe.each<RelativeIntervalDirection>(["last", "next"])(
     "%s",
-    direction => {
+    (direction) => {
       const defaultValue = getDefaultValue(direction);
 
       it("should change the interval", async () => {
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateOffsetIntervalPicker/utils.ts b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateOffsetIntervalPicker/utils.ts
index ae13d504789..170d581c2d0 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateOffsetIntervalPicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/DateOffsetIntervalPicker/utils.ts
@@ -61,7 +61,7 @@ export function getOffsetUnitOptions(
 
   return truncationUnits
     .filter((_, index) => index >= unitIndex)
-    .map(unit => ({
+    .map((unit) => ({
       value: unit,
       label: getOffsetUnitText(unit, direction, value.offsetValue ?? 0),
     }));
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/RelativeDatePicker.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/RelativeDatePicker.tsx
index d2184cca86c..48c981c8288 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/RelativeDatePicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/RelativeDatePicker.tsx
@@ -39,7 +39,7 @@ export function RelativeDatePicker({
   const direction = getDirection(value);
 
   const handleTabChange = (tabValue: string | null) => {
-    const tab = TABS.find(tab => tab.direction === tabValue);
+    const tab = TABS.find((tab) => tab.direction === tabValue);
     if (tab) {
       setValue(setDirection(value, tab.direction));
     }
@@ -56,7 +56,7 @@ export function RelativeDatePicker({
       <Flex>
         <PopoverBackButton p="sm" onClick={onBack} />
         <Tabs.List className={S.TabList}>
-          {TABS.map(tab => (
+          {TABS.map((tab) => (
             <Tabs.Tab key={tab.direction} value={tab.direction}>
               {tab.label}
             </Tabs.Tab>
@@ -64,7 +64,7 @@ export function RelativeDatePicker({
         </Tabs.List>
       </Flex>
       <Divider />
-      {TABS.map(tab => (
+      {TABS.map((tab) => (
         <Tabs.Panel key={tab.direction} value={tab.direction}>
           {value != null && isOffsetIntervalValue(value) ? (
             <DateOffsetIntervalPicker
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/RelativeDatePicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/RelativeDatePicker.unit.spec.tsx
index bb84800db29..71611d2ebd8 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/RelativeDatePicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/RelativeDatePicker.unit.spec.tsx
@@ -10,7 +10,9 @@ import type {
 import { RelativeDatePicker } from "./RelativeDatePicker";
 
 const TABS = ["Previous", "Current", "Next"];
-const TAB_CASES = TABS.flatMap(fromTab => TABS.map(toTab => [fromTab, toTab]));
+const TAB_CASES = TABS.flatMap((fromTab) =>
+  TABS.map((toTab) => [fromTab, toTab]),
+);
 
 interface SetupOpts {
   value?: RelativeDatePickerValue;
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/utils.ts b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/utils.ts
index 1e8580ef642..fa59fbca350 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/utils.ts
@@ -101,7 +101,7 @@ export function setInterval(
 }
 
 export function getAvailableTruncationUnits(availableUnits: DatePickerUnit[]) {
-  return DATE_PICKER_TRUNCATION_UNITS.filter(unit =>
+  return DATE_PICKER_TRUNCATION_UNITS.filter((unit) =>
     availableUnits.includes(unit),
   );
 }
@@ -113,7 +113,7 @@ export function getUnitOptions(
   const truncationUnits = getAvailableTruncationUnits(availableUnits);
   const interval = getInterval(value);
 
-  return truncationUnits.map(unit => ({
+  return truncationUnits.map((unit) => ({
     value: unit,
     label: Lib.describeTemporalUnit(unit, interval).toLowerCase(),
   }));
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/utils.unit.spec.ts b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/utils.unit.spec.ts
index c842a749ac6..43012bfb0d0 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/utils.unit.spec.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/RelativeDatePicker/utils.unit.spec.ts
@@ -15,7 +15,7 @@ describe("setDirection", () => {
       "month",
       "quarter",
       "year",
-    ])('should remove the value for "%s" unit', unit => {
+    ])('should remove the value for "%s" unit', (unit) => {
       const value: RelativeDatePickerValue = {
         type: "relative",
         value: 1,
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/SpecificDatePicker/SpecificDatePicker.tsx b/frontend/src/metabase/querying/filters/components/DatePicker/SpecificDatePicker/SpecificDatePicker.tsx
index 4491cb84221..ab99787d4b0 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/SpecificDatePicker/SpecificDatePicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/SpecificDatePicker/SpecificDatePicker.tsx
@@ -47,7 +47,7 @@ export function SpecificDatePicker({
   const hasTimeToggle = canSetTime(value, availableUnits);
 
   const handleTabChange = (tabValue: string | null) => {
-    const tab = tabs.find(tab => tab.operator === tabValue);
+    const tab = tabs.find((tab) => tab.operator === tabValue);
     if (tab) {
       setValue(setOperator(value, tab.operator));
     }
@@ -73,7 +73,7 @@ export function SpecificDatePicker({
       <Flex>
         <PopoverBackButton p="sm" onClick={onBack} />
         <Tabs.List className={S.TabList}>
-          {tabs.map(tab => (
+          {tabs.map((tab) => (
             <Tabs.Tab key={tab.operator} value={tab.operator}>
               {tab.label}
             </Tabs.Tab>
@@ -81,7 +81,7 @@ export function SpecificDatePicker({
         </Tabs.List>
       </Flex>
       <Divider />
-      {tabs.map(tab => (
+      {tabs.map((tab) => (
         <Tabs.Panel key={tab.operator} value={tab.operator}>
           {isDateRange(value.values) ? (
             <DateRangePicker
diff --git a/frontend/src/metabase/querying/filters/components/DatePicker/SpecificDatePicker/utils.ts b/frontend/src/metabase/querying/filters/components/DatePicker/SpecificDatePicker/utils.ts
index 3c8b3e38279..8fadbf22df1 100644
--- a/frontend/src/metabase/querying/filters/components/DatePicker/SpecificDatePicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/DatePicker/SpecificDatePicker/utils.ts
@@ -18,7 +18,7 @@ export function isSpecificValue(
 }
 
 export function getTabs(availableOperators: DatePickerOperator[]): Tab[] {
-  return TABS.filter(tab => availableOperators.includes(tab.operator));
+  return TABS.filter((tab) => availableOperators.includes(tab.operator));
 }
 
 export function getDefaultValue() {
diff --git a/frontend/src/metabase/querying/filters/components/FilterPanel/FilterPanelPopover/FilterPanelPopover.tsx b/frontend/src/metabase/querying/filters/components/FilterPanel/FilterPanelPopover/FilterPanelPopover.tsx
index 8a76d72277e..d6a08a52ed5 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPanel/FilterPanelPopover/FilterPanelPopover.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPanel/FilterPanelPopover/FilterPanelPopover.tsx
@@ -47,7 +47,7 @@ export function FilterPanelPopover({
     >
       <Popover.Target>
         <FilterPill
-          onClick={() => setIsOpened(isOpened => !isOpened)}
+          onClick={() => setIsOpened((isOpened) => !isOpened)}
           onRemoveClick={handleRemove}
         >
           {filterInfo.longDisplayName}
diff --git a/frontend/src/metabase/querying/filters/components/FilterPanel/utils.ts b/frontend/src/metabase/querying/filters/components/FilterPanel/utils.ts
index 1f85b03b9b0..31b40827f16 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPanel/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/FilterPanel/utils.ts
@@ -4,7 +4,7 @@ import type { FilterItem } from "./types";
 
 export function getFilterItems(query: Lib.Query): FilterItem[] {
   const stageIndexes = Lib.stageIndexes(query);
-  return stageIndexes.flatMap(stageIndex => {
+  return stageIndexes.flatMap((stageIndex) => {
     const filters = Lib.filters(query, stageIndex);
     return filters.map((filter, filterIndex) => ({
       filter,
diff --git a/frontend/src/metabase/querying/filters/components/FilterPanel/utils.unit.spec.ts b/frontend/src/metabase/querying/filters/components/FilterPanel/utils.unit.spec.ts
index 5890abf7aea..7b590987f76 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPanel/utils.unit.spec.ts
+++ b/frontend/src/metabase/querying/filters/components/FilterPanel/utils.unit.spec.ts
@@ -12,7 +12,7 @@ function createFilteredQuery(query: Lib.Query) {
 function createMultiStageFilteredQuery() {
   const stageIndexes = Array.from({ length: STAGE_COUNT }, (_, i) => i);
   return stageIndexes.reduce(
-    query => Lib.appendStage(createFilteredQuery(query)),
+    (query) => Lib.appendStage(createFilteredQuery(query)),
     createQuery(),
   );
 }
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/BooleanFilterPicker/BooleanFilterPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/BooleanFilterPicker/BooleanFilterPicker.tsx
index a50a1f294f8..a39746a5d11 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/BooleanFilterPicker/BooleanFilterPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/BooleanFilterPicker/BooleanFilterPicker.tsx
@@ -67,7 +67,7 @@ export function BooleanFilterPicker({
       <div>
         <Radio.Group value={optionType} onChange={handleOptionChange}>
           <Stack p="md" pb={isExpanded ? "md" : 0} gap="sm">
-            {visibleOptions.map(option => (
+            {visibleOptions.map((option) => (
               <Radio
                 key={option.type}
                 value={option.type}
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateColumnPicker/CoordinateColumnPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateColumnPicker/CoordinateColumnPicker.tsx
index 3fe2fbd41fd..dc312fcb4df 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateColumnPicker/CoordinateColumnPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateColumnPicker/CoordinateColumnPicker.tsx
@@ -37,7 +37,9 @@ export function CoordinateColumnPicker({
   });
 
   const handleChange = (value: string | null) => {
-    const option = checkNotNull(options.find(option => option.value === value));
+    const option = checkNotNull(
+      options.find((option) => option.value === value),
+    );
     setValue(option.value);
     onChange(option.column);
   };
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateColumnPicker/utils.ts b/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateColumnPicker/utils.ts
index 25d6fbd420c..6dd9fa1c362 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateColumnPicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateColumnPicker/utils.ts
@@ -30,7 +30,7 @@ export function getInitialOption(
   }
 
   const columnInfo = Lib.displayInfo(query, stageIndex, secondColumn);
-  return options.find(option => option.label === columnInfo?.longDisplayName);
+  return options.find((option) => option.label === columnInfo?.longDisplayName);
 }
 
 export function getColumnPlaceholder(column: Lib.ColumnMetadata) {
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateFilterPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateFilterPicker.tsx
index 9358bd6cd11..7ee165f7490 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateFilterPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateFilterPicker.tsx
@@ -156,7 +156,7 @@ function CoordinateValueInput({
           autoFocus
           w="100%"
           aria-label={t`Filter value`}
-          onChange={newValue => onChange([newValue])}
+          onChange={(newValue) => onChange([newValue])}
         />
       </Flex>
     );
@@ -169,13 +169,13 @@ function CoordinateValueInput({
           value={values[0]}
           placeholder={t`Min`}
           autoFocus
-          onChange={newValue => onChange([newValue, values[1]])}
+          onChange={(newValue) => onChange([newValue, values[1]])}
         />
         <Text mx="sm">{t`and`}</Text>
         <NumberFilterInput
           value={values[1]}
           placeholder={t`Max`}
-          onChange={newValue => onChange([values[0], newValue])}
+          onChange={(newValue) => onChange([values[0], newValue])}
         />
       </Flex>
     );
@@ -189,7 +189,7 @@ function CoordinateValueInput({
           value={values[0]}
           placeholder="90"
           autoFocus
-          onChange={newValue =>
+          onChange={(newValue) =>
             onChange([newValue, values[1], values[2], values[3]])
           }
         />
@@ -198,7 +198,7 @@ function CoordinateValueInput({
             label={t`Left longitude`}
             value={values[1]}
             placeholder="-180"
-            onChange={newValue =>
+            onChange={(newValue) =>
               onChange([values[0], newValue, values[2], values[3]])
             }
           />
@@ -206,7 +206,7 @@ function CoordinateValueInput({
             label={t`Right longitude`}
             value={values[3]}
             placeholder="180"
-            onChange={newValue =>
+            onChange={(newValue) =>
               onChange([values[0], values[1], values[2], newValue])
             }
           />
@@ -215,7 +215,7 @@ function CoordinateValueInput({
           label={t`Lower latitude`}
           value={values[2]}
           placeholder="-90"
-          onChange={newValue =>
+          onChange={(newValue) =>
             onChange([values[0], values[1], newValue, values[3]])
           }
         />
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateFilterPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateFilterPicker.unit.spec.tsx
index fe9c6423b5a..10f4ae57d1b 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateFilterPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/CoordinateFilterPicker/CoordinateFilterPicker.unit.spec.tsx
@@ -122,7 +122,7 @@ describe("CoordinateFilterPicker", () => {
       const menuItems = within(menu).getAllByRole("menuitem");
 
       expect(menuItems).toHaveLength(EXPECTED_OPERATORS.length);
-      EXPECTED_OPERATORS.forEach(operatorName =>
+      EXPECTED_OPERATORS.forEach((operatorName) =>
         expect(within(menu).getByText(operatorName)).toBeInTheDocument(),
       );
     });
@@ -550,7 +550,7 @@ describe("CoordinateFilterPicker", () => {
       const menuItems = within(menu).getAllByRole("menuitem");
 
       expect(menuItems).toHaveLength(EXPECTED_OPERATORS.length);
-      EXPECTED_OPERATORS.forEach(operatorName =>
+      EXPECTED_OPERATORS.forEach((operatorName) =>
         expect(within(menu).getByText(operatorName)).toBeInTheDocument(),
       );
     });
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/DefaultFilterPicker/DefaultFilterPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/DefaultFilterPicker/DefaultFilterPicker.tsx
index 47d4cf8262b..da263f41b93 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/DefaultFilterPicker/DefaultFilterPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/DefaultFilterPicker/DefaultFilterPicker.tsx
@@ -35,7 +35,7 @@ export function DefaultFilterPicker({
 
   const handleOperatorChange = (operator: string) => {
     const option = availableOptions.find(
-      option => option.operator === operator,
+      (option) => option.operator === operator,
     );
     if (option) {
       setOperator(option.operator);
@@ -65,7 +65,7 @@ export function DefaultFilterPicker({
       <div>
         <Radio.Group value={operator} onChange={handleOperatorChange}>
           <Stack p="md" gap="sm">
-            {availableOptions.map(option => (
+            {availableOptions.map((option) => (
               <Radio
                 key={option.operator}
                 value={option.operator}
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/FilterColumnPicker/FilterColumnPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/FilterColumnPicker/FilterColumnPicker.tsx
index cdcfb6476d1..7d73246a725 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/FilterColumnPicker/FilterColumnPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/FilterColumnPicker/FilterColumnPicker.tsx
@@ -129,13 +129,13 @@ function getSections(
   withCustomExpression: boolean,
 ) {
   const withMultipleStages = stageIndexes.length > 1;
-  const columnSections = stageIndexes.flatMap(stageIndex => {
+  const columnSections = stageIndexes.flatMap((stageIndex) => {
     const columns = Lib.filterableColumns(query, stageIndex);
     const columnGroups = Lib.groupColumns(columns);
 
-    return columnGroups.map(group => {
+    return columnGroups.map((group) => {
       const groupInfo = Lib.displayInfo(query, stageIndex, group);
-      const columnItems = Lib.getColumnsFromColumnGroup(group).map(column => {
+      const columnItems = Lib.getColumnsFromColumnGroup(group).map((column) => {
         const columnInfo = Lib.displayInfo(query, stageIndex, column);
         return {
           name: columnInfo.name,
@@ -149,7 +149,7 @@ function getSections(
       const segments = groupInfo.isSourceTable
         ? Lib.availableSegments(query, stageIndex)
         : [];
-      const segmentItems = segments.map(segment => {
+      const segmentItems = segments.map((segment) => {
         const segmentInfo = Lib.displayInfo(query, stageIndex, segment);
         return {
           name: segmentInfo.name,
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/FilterOperatorPicker/FilterOperatorPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/FilterOperatorPicker/FilterOperatorPicker.tsx
index 7e670d29946..a070417dde9 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/FilterOperatorPicker/FilterOperatorPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/FilterOperatorPicker/FilterOperatorPicker.tsx
@@ -20,7 +20,7 @@ export function FilterOperatorPicker<T extends string>({
   options,
   onChange,
 }: FilterOperatorPickerProps<T>) {
-  const selectedOption = options.find(option => option.operator === value);
+  const selectedOption = options.find((option) => option.operator === value);
 
   return (
     <Menu>
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/FilterPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/FilterPicker.unit.spec.tsx
index 99f771bdceb..ee8b5853868 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/FilterPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/FilterPicker.unit.spec.tsx
@@ -304,10 +304,10 @@ describe("FilterPicker", () => {
       await userEvent.click(screen.getByText("Category"));
       await waitForLoaderToBeRemoved(); // fetching Category field values
 
-      productCategories.forEach(category => {
+      productCategories.forEach((category) => {
         expect(screen.getByLabelText(category)).not.toBeChecked();
       });
-      productVendors.forEach(vendor => {
+      productVendors.forEach((vendor) => {
         expect(screen.queryByText(vendor)).not.toBeInTheDocument();
       });
 
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/NumberFilterPicker/NumberFilterPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/NumberFilterPicker/NumberFilterPicker.tsx
index 5d68b248ba0..46a9f8d2306 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/NumberFilterPicker/NumberFilterPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/NumberFilterPicker/NumberFilterPicker.tsx
@@ -140,7 +140,7 @@ function NumberValueInput({
           autoFocus
           w="100%"
           aria-label={t`Filter value`}
-          onChange={newValue => onChange([newValue])}
+          onChange={(newValue) => onChange([newValue])}
         />
       </Flex>
     );
@@ -153,13 +153,13 @@ function NumberValueInput({
           value={values[0]}
           placeholder={t`Min`}
           autoFocus
-          onChange={newValue => onChange([newValue, values[1]])}
+          onChange={(newValue) => onChange([newValue, values[1]])}
         />
         <Text mx="sm">{t`and`}</Text>
         <NumberFilterInput
           value={values[1]}
           placeholder={t`Max`}
-          onChange={newValue => onChange([values[0], newValue])}
+          onChange={(newValue) => onChange([values[0], newValue])}
         />
       </Flex>
     );
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/NumberFilterPicker/NumberFilterPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/NumberFilterPicker/NumberFilterPicker.unit.spec.tsx
index 99f946fd2d2..86a358bcc8c 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/NumberFilterPicker/NumberFilterPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/NumberFilterPicker/NumberFilterPicker.unit.spec.tsx
@@ -117,7 +117,7 @@ describe("NumberFilterPicker", () => {
       const menuItems = within(menu).getAllByRole("menuitem");
 
       expect(menuItems).toHaveLength(EXPECTED_OPERATORS.length);
-      EXPECTED_OPERATORS.forEach(operatorName =>
+      EXPECTED_OPERATORS.forEach((operatorName) =>
         expect(within(menu).getByText(operatorName)).toBeInTheDocument(),
       );
     });
@@ -474,7 +474,7 @@ describe("NumberFilterPicker", () => {
       const menuItems = within(menu).getAllByRole("menuitem");
 
       expect(menuItems).toHaveLength(EXPECTED_OPERATORS.length);
-      EXPECTED_OPERATORS.forEach(operatorName =>
+      EXPECTED_OPERATORS.forEach((operatorName) =>
         expect(within(menu).getByText(operatorName)).toBeInTheDocument(),
       );
     });
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/StringFilterPicker/StringFilterPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/StringFilterPicker/StringFilterPicker.tsx
index a39c06921b6..3586462da33 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/StringFilterPicker/StringFilterPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/StringFilterPicker/StringFilterPicker.tsx
@@ -93,7 +93,7 @@ export function StringFilterPicker({
           {type === "partial" && (
             <CaseSensitiveOption
               value={options.caseSensitive ?? false}
-              onChange={newValue => setOptions({ caseSensitive: newValue })}
+              onChange={(newValue) => setOptions({ caseSensitive: newValue })}
             />
           )}
         </FilterPickerFooter>
@@ -166,7 +166,7 @@ function CaseSensitiveOption({ value, onChange }: CaseSensitiveOptionProps) {
         size="xs"
         label={t`Case sensitive`}
         checked={value}
-        onChange={e => onChange(e.target.checked)}
+        onChange={(e) => onChange(e.target.checked)}
       />
     </Flex>
   );
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/StringFilterPicker/StringFilterPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/StringFilterPicker/StringFilterPicker.unit.spec.tsx
index afa71b801ec..4dc8350de49 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/StringFilterPicker/StringFilterPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/StringFilterPicker/StringFilterPicker.unit.spec.tsx
@@ -115,7 +115,7 @@ describe("StringFilterPicker", () => {
       const menuItems = within(menu).getAllByRole("menuitem");
 
       expect(menuItems).toHaveLength(EXPECTED_OPERATORS.length);
-      EXPECTED_OPERATORS.forEach(operatorName =>
+      EXPECTED_OPERATORS.forEach((operatorName) =>
         expect(within(menu).getByText(operatorName)).toBeInTheDocument(),
       );
     });
@@ -469,7 +469,7 @@ describe("StringFilterPicker", () => {
       const menuItems = within(menu).getAllByRole("menuitem");
 
       expect(menuItems).toHaveLength(EXPECTED_OPERATORS.length);
-      EXPECTED_OPERATORS.forEach(operatorName =>
+      EXPECTED_OPERATORS.forEach((operatorName) =>
         expect(within(menu).getByText(operatorName)).toBeInTheDocument(),
       );
     });
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/TimeFilterPicker/TimeFilterPicker.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/TimeFilterPicker/TimeFilterPicker.tsx
index 4db3a6d5ceb..b87629fb8b5 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/TimeFilterPicker/TimeFilterPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/TimeFilterPicker/TimeFilterPicker.tsx
@@ -106,7 +106,7 @@ function TimeValueInput({ values, valueCount, onChange }: TimeValueInputProps) {
         value={value}
         w="100%"
         autoFocus
-        onChange={newValue => onChange([newValue])}
+        onChange={(newValue) => onChange([newValue])}
       />
     );
   }
@@ -119,13 +119,13 @@ function TimeValueInput({ values, valueCount, onChange }: TimeValueInputProps) {
           value={value1}
           w="100%"
           autoFocus
-          onChange={newValue1 => onChange([newValue1, value2])}
+          onChange={(newValue1) => onChange([newValue1, value2])}
         />
         <Text>{t`and`}</Text>
         <TimeInput
           value={value2}
           w="100%"
-          onChange={newValue2 => onChange([value1, newValue2])}
+          onChange={(newValue2) => onChange([value1, newValue2])}
         />
       </Flex>
     );
diff --git a/frontend/src/metabase/querying/filters/components/FilterPicker/TimeFilterPicker/TimeFilterPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/FilterPicker/TimeFilterPicker/TimeFilterPicker.unit.spec.tsx
index 1a1df035efe..29246002d60 100644
--- a/frontend/src/metabase/querying/filters/components/FilterPicker/TimeFilterPicker/TimeFilterPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterPicker/TimeFilterPicker/TimeFilterPicker.unit.spec.tsx
@@ -110,7 +110,7 @@ describe("TimeFilterPicker", () => {
       const menuItems = within(menu).getAllByRole("menuitem");
 
       expect(menuItems).toHaveLength(EXPECTED_OPERATORS.length);
-      EXPECTED_OPERATORS.forEach(operatorName =>
+      EXPECTED_OPERATORS.forEach((operatorName) =>
         expect(within(menu).getByText(operatorName)).toBeInTheDocument(),
       );
     });
@@ -413,7 +413,7 @@ describe("TimeFilterPicker", () => {
       const menuItems = within(menu).getAllByRole("menuitem");
 
       expect(menuItems).toHaveLength(EXPECTED_OPERATORS.length);
-      EXPECTED_OPERATORS.forEach(operatorName =>
+      EXPECTED_OPERATORS.forEach((operatorName) =>
         expect(within(menu).getByText(operatorName)).toBeInTheDocument(),
       );
     });
diff --git a/frontend/src/metabase/querying/filters/components/FilterValuePicker/FilterValuePicker.tsx b/frontend/src/metabase/querying/filters/components/FilterValuePicker/FilterValuePicker.tsx
index ba944ff1d42..61a8f858fc3 100644
--- a/frontend/src/metabase/querying/filters/components/FilterValuePicker/FilterValuePicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterValuePicker/FilterValuePicker.tsx
@@ -150,10 +150,10 @@ export function NumberFilterValuePicker({
     <FilterValuePicker
       {...props}
       column={column}
-      values={values.map(value => String(value))}
+      values={values.map((value) => String(value))}
       placeholder={isKeyColumn(column) ? t`Enter an ID` : t`Enter a number`}
       shouldCreate={shouldCreate}
-      onChange={newValue =>
+      onChange={(newValue) =>
         onChange(newValue.map(parseNumber).filter(isNotNull))
       }
     />
diff --git a/frontend/src/metabase/querying/filters/components/FilterValuePicker/ListValuePicker/ListValuePicker.tsx b/frontend/src/metabase/querying/filters/components/FilterValuePicker/ListValuePicker/ListValuePicker.tsx
index eeb09a2290a..a6ecc00de24 100644
--- a/frontend/src/metabase/querying/filters/components/FilterValuePicker/ListValuePicker/ListValuePicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/FilterValuePicker/ListValuePicker/ListValuePicker.tsx
@@ -59,7 +59,7 @@ function CheckboxListPicker({
   );
   const filteredOptions = searchOptions(availableOptions, searchValue);
   const selectedValuesSet = new Set(selectedValues);
-  const selectedFilteredOptions = filteredOptions.filter(option =>
+  const selectedFilteredOptions = filteredOptions.filter((option) =>
     selectedValuesSet.has(option.value),
   );
   const isAll = selectedFilteredOptions.length === filteredOptions.length;
@@ -71,7 +71,7 @@ function CheckboxListPicker({
 
   const handleToggleAll = () => {
     const newSelectedValuesSet = new Set(selectedValues);
-    filteredOptions.forEach(option => {
+    filteredOptions.forEach((option) => {
       if (isAll) {
         newSelectedValuesSet.delete(option.value);
       } else {
@@ -105,7 +105,7 @@ function CheckboxListPicker({
           />
           <Checkbox.Group value={selectedValues} onChange={onChange}>
             <Stack>
-              {filteredOptions.map(option => (
+              {filteredOptions.map((option) => (
                 <Checkbox
                   key={option.value}
                   value={option.value}
@@ -149,7 +149,7 @@ function CheckboxGridPicker({
           } as CSSProperties
         }
       >
-        {options.map(option => (
+        {options.map((option) => (
           <Checkbox
             key={option.value}
             value={option.value}
diff --git a/frontend/src/metabase/querying/filters/components/FilterValuePicker/SearchValuePicker/utils.ts b/frontend/src/metabase/querying/filters/components/FilterValuePicker/SearchValuePicker/utils.ts
index 7c3a6964c1e..b096517e9aa 100644
--- a/frontend/src/metabase/querying/filters/components/FilterValuePicker/SearchValuePicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/FilterValuePicker/SearchValuePicker/utils.ts
@@ -23,7 +23,7 @@ export function getFilteredOptions(
   selectedValues: string[],
 ) {
   return options.filter(
-    option =>
+    (option) =>
       option.value === searchValue || !selectedValues.includes(option.value),
   );
 }
diff --git a/frontend/src/metabase/querying/filters/components/FilterValuePicker/utils.ts b/frontend/src/metabase/querying/filters/components/FilterValuePicker/utils.ts
index a887974c683..f507b11f16f 100644
--- a/frontend/src/metabase/querying/filters/components/FilterValuePicker/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/FilterValuePicker/utils.ts
@@ -39,7 +39,7 @@ export function getFieldOptions(fieldValues: FieldValue[]): SelectOption[] {
 }
 
 function getSelectedOptions(selectedValues: string[]) {
-  return selectedValues.map(value => ({
+  return selectedValues.map((value) => ({
     value,
   }));
 }
diff --git a/frontend/src/metabase/querying/filters/components/TemporalUnitPicker/TemporalUnitPicker.tsx b/frontend/src/metabase/querying/filters/components/TemporalUnitPicker/TemporalUnitPicker.tsx
index 892b40df854..178724fdaf2 100644
--- a/frontend/src/metabase/querying/filters/components/TemporalUnitPicker/TemporalUnitPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/TemporalUnitPicker/TemporalUnitPicker.tsx
@@ -36,7 +36,7 @@ export function TemporalUnitPicker({
 
   return (
     <Box p="sm" miw={MIN_WIDTH}>
-      {visibleItems.map(item => (
+      {visibleItems.map((item) => (
         <DefaultSelectItem
           key={item.value}
           value={item.value}
@@ -72,7 +72,7 @@ function isInitiallyExpanded(
   return (
     availableItems.length <= INITIAL_VISIBLE_ITEMS_COUNT ||
     (value != null &&
-      availableItems.findIndex(item => item.value === value) >=
+      availableItems.findIndex((item) => item.value === value) >=
         INITIAL_VISIBLE_ITEMS_COUNT)
   );
 }
diff --git a/frontend/src/metabase/querying/filters/components/TemporalUnitPicker/TemporalUnitPicker.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/TemporalUnitPicker/TemporalUnitPicker.unit.spec.tsx
index 1aa11edb096..ce2eb5f5734 100644
--- a/frontend/src/metabase/querying/filters/components/TemporalUnitPicker/TemporalUnitPicker.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/TemporalUnitPicker/TemporalUnitPicker.unit.spec.tsx
@@ -10,7 +10,7 @@ import {
 } from "./TemporalUnitPicker";
 
 const DEFAULT_ITEMS: TemporalUnitItem[] = Lib.availableTemporalUnits().map(
-  unit => ({
+  (unit) => ({
     value: unit,
     label: Lib.describeTemporalUnit(unit),
   }),
diff --git a/frontend/src/metabase/querying/filters/components/TimeseriesChrome/TimeseriesBucketPicker/TimeseriesBucketPicker.tsx b/frontend/src/metabase/querying/filters/components/TimeseriesChrome/TimeseriesBucketPicker/TimeseriesBucketPicker.tsx
index ca3f08717b7..09cc4ede24c 100644
--- a/frontend/src/metabase/querying/filters/components/TimeseriesChrome/TimeseriesBucketPicker/TimeseriesBucketPicker.tsx
+++ b/frontend/src/metabase/querying/filters/components/TimeseriesChrome/TimeseriesBucketPicker/TimeseriesBucketPicker.tsx
@@ -79,7 +79,7 @@ function TimeseriesBucketDropdown({
     column,
   );
 
-  const availableItems = availableBuckets.map(bucket => {
+  const availableItems = availableBuckets.map((bucket) => {
     const bucketInfo = Lib.displayInfo(query, stageIndex, bucket);
     return {
       bucket,
@@ -89,7 +89,7 @@ function TimeseriesBucketDropdown({
   });
 
   const handleChange = (newValue: TemporalUnit) => {
-    const newItem = availableItems.find(item => item.value === newValue);
+    const newItem = availableItems.find((item) => item.value === newValue);
     const newBucket = newItem?.bucket ?? null;
     const newColumn = Lib.withTemporalBucket(column, newBucket);
     onChange(newColumn);
diff --git a/frontend/src/metabase/querying/filters/components/TimeseriesChrome/TimeseriesChrome.unit.spec.tsx b/frontend/src/metabase/querying/filters/components/TimeseriesChrome/TimeseriesChrome.unit.spec.tsx
index 5cf654e81f1..7f80577b747 100644
--- a/frontend/src/metabase/querying/filters/components/TimeseriesChrome/TimeseriesChrome.unit.spec.tsx
+++ b/frontend/src/metabase/querying/filters/components/TimeseriesChrome/TimeseriesChrome.unit.spec.tsx
@@ -26,7 +26,7 @@ function setup({ query = createQuery() }: SetupOpts = {}) {
   const getNextBreakouts = () => {
     const nextQuestion = updateQuestion.mock.calls[0][0];
     const nextQuery = nextQuestion.query();
-    return Lib.breakouts(nextQuery, stageIndex).map(breakout =>
+    return Lib.breakouts(nextQuery, stageIndex).map((breakout) =>
       Lib.displayInfo(nextQuery, stageIndex, breakout),
     );
   };
diff --git a/frontend/src/metabase/querying/filters/components/TimeseriesChrome/utils.ts b/frontend/src/metabase/querying/filters/components/TimeseriesChrome/utils.ts
index 68c30699f63..d385d199dda 100644
--- a/frontend/src/metabase/querying/filters/components/TimeseriesChrome/utils.ts
+++ b/frontend/src/metabase/querying/filters/components/TimeseriesChrome/utils.ts
@@ -33,7 +33,7 @@ export function findBreakoutClause(
   stageIndex: number,
 ): Lib.BreakoutClause | undefined {
   const breakouts = Lib.breakouts(query, stageIndex);
-  return breakouts.find(breakout => {
+  return breakouts.find((breakout) => {
     const column = Lib.breakoutColumn(query, stageIndex, breakout);
     return Lib.isDateOrDateTime(column);
   });
diff --git a/frontend/src/metabase/querying/filters/hooks/use-boolean-option-filter/use-boolean-option-filter.ts b/frontend/src/metabase/querying/filters/hooks/use-boolean-option-filter/use-boolean-option-filter.ts
index c2935600f3d..9a5b43c51f1 100644
--- a/frontend/src/metabase/querying/filters/hooks/use-boolean-option-filter/use-boolean-option-filter.ts
+++ b/frontend/src/metabase/querying/filters/hooks/use-boolean-option-filter/use-boolean-option-filter.ts
@@ -38,7 +38,7 @@ export function useBooleanOptionFilter({
     () =>
       isExpanded
         ? availableOptions
-        : availableOptions.filter(option => !option.isAdvanced),
+        : availableOptions.filter((option) => !option.isAdvanced),
     [availableOptions, isExpanded],
   );
 
diff --git a/frontend/src/metabase/querying/filters/hooks/use-coordinate-filter/utils.ts b/frontend/src/metabase/querying/filters/hooks/use-coordinate-filter/utils.ts
index 59508f34e11..e24cd618e8b 100644
--- a/frontend/src/metabase/querying/filters/hooks/use-coordinate-filter/utils.ts
+++ b/frontend/src/metabase/querying/filters/hooks/use-coordinate-filter/utils.ts
@@ -39,7 +39,7 @@ export function getAvailableColumns(
   const isLatitude = Lib.isLatitude(column);
   const isLongitude = Lib.isLongitude(column);
   return Lib.filterableColumns(query, stageIndex).filter(
-    column =>
+    (column) =>
       (isLatitude && Lib.isLongitude(column)) ||
       (isLongitude && Lib.isLatitude(column)),
   );
diff --git a/frontend/src/metabase/querying/filters/utils/dates.ts b/frontend/src/metabase/querying/filters/utils/dates.ts
index 613f329c2fa..c395ea2ca28 100644
--- a/frontend/src/metabase/querying/filters/utils/dates.ts
+++ b/frontend/src/metabase/querying/filters/utils/dates.ts
@@ -55,7 +55,7 @@ export function getDatePickerOperators(
   column: Lib.ColumnMetadata,
 ): DatePickerOperator[] {
   return Lib.filterableColumnOperators(column)
-    .map(operator => Lib.displayInfo(query, stageIndex, operator).shortName)
+    .map((operator) => Lib.displayInfo(query, stageIndex, operator).shortName)
     .filter(isDatePickerOperator);
 }
 
@@ -65,7 +65,7 @@ export function getDatePickerUnits(
   column: Lib.ColumnMetadata,
 ): DatePickerUnit[] {
   return Lib.availableTemporalBuckets(query, stageIndex, column)
-    .map(operator => Lib.displayInfo(query, stageIndex, operator).shortName)
+    .map((operator) => Lib.displayInfo(query, stageIndex, operator).shortName)
     .filter(isDatePickerUnit);
 }
 
@@ -291,7 +291,7 @@ export function getDateFilterDisplayName(
     })
     .with({ type: "exclude", operator: "!=" }, ({ values, unit }) => {
       if (values.length <= 2 && unit != null) {
-        const parts = values.map(value => formatExcludeUnit(value, unit));
+        const parts = values.map((value) => formatExcludeUnit(value, unit));
         return t`Exclude ${parts.join(", ")}`;
       } else {
         const count = values.length;
diff --git a/frontend/src/metabase/querying/filters/utils/operators.ts b/frontend/src/metabase/querying/filters/utils/operators.ts
index 06162c04207..d4220ea10f1 100644
--- a/frontend/src/metabase/querying/filters/utils/operators.ts
+++ b/frontend/src/metabase/querying/filters/utils/operators.ts
@@ -11,13 +11,13 @@ export function getAvailableOperatorOptions<
 ) {
   const operatorInfoByName = Object.fromEntries(
     Lib.filterableColumnOperators(column)
-      .map(operator => Lib.displayInfo(query, stageIndex, operator))
-      .map(operatorInfo => [operatorInfo.shortName, operatorInfo]),
+      .map((operator) => Lib.displayInfo(query, stageIndex, operator))
+      .map((operatorInfo) => [operatorInfo.shortName, operatorInfo]),
   );
 
   return Object.values(options)
-    .filter(option => operatorInfoByName[option.operator] != null)
-    .map(option => ({
+    .filter((option) => operatorInfoByName[option.operator] != null)
+    .map((option) => ({
       name: operatorInfoByName[option.operator].longDisplayName,
       ...option,
     }));
@@ -28,7 +28,7 @@ export function getDefaultAvailableOperator<T extends Lib.FilterOperatorName>(
   desiredOperator?: T,
 ): T {
   return (
-    options.find(option => option.operator === desiredOperator)?.operator ??
+    options.find((option) => option.operator === desiredOperator)?.operator ??
     options[0].operator
   );
 }
diff --git a/frontend/src/metabase/querying/metrics/components/MetricEditor/MetricEditorBody/MetricEditorSidebar/MetricEditorSidebar.tsx b/frontend/src/metabase/querying/metrics/components/MetricEditor/MetricEditorBody/MetricEditorSidebar/MetricEditorSidebar.tsx
index 4a0afd58e6f..43fc398c26e 100644
--- a/frontend/src/metabase/querying/metrics/components/MetricEditor/MetricEditorBody/MetricEditorSidebar/MetricEditorSidebar.tsx
+++ b/frontend/src/metabase/querying/metrics/components/MetricEditor/MetricEditorBody/MetricEditorSidebar/MetricEditorSidebar.tsx
@@ -8,7 +8,7 @@ import { Box, Button, Icon } from "metabase/ui";
 
 export function MetricEditorSidebar() {
   const showMetabaseLinks = useSelector(getShowMetabaseLinks);
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     getDocsUrl(state, {
       page: "data-modeling/metrics",
       anchor: "creating-a-metric",
diff --git a/frontend/src/metabase/querying/notebook/components/BreakoutStep/BreakoutStep.tsx b/frontend/src/metabase/querying/notebook/components/BreakoutStep/BreakoutStep.tsx
index 75bb01bb4ee..1091be36c36 100644
--- a/frontend/src/metabase/querying/notebook/components/BreakoutStep/BreakoutStep.tsx
+++ b/frontend/src/metabase/querying/notebook/components/BreakoutStep/BreakoutStep.tsx
@@ -154,7 +154,7 @@ export const BreakoutPopover = ({
       hasTemporalBucketing
       withInfoIcons
       color="summarize"
-      checkIsColumnSelected={item => checkColumnSelected(item, breakoutIndex)}
+      checkIsColumnSelected={(item) => checkColumnSelected(item, breakoutIndex)}
       onSelect={(column: Lib.ColumnMetadata) => {
         const isUpdate = breakout != null;
         if (isUpdate) {
diff --git a/frontend/src/metabase/querying/notebook/components/BreakoutStep/BreakoutStep.unit.spec.tsx b/frontend/src/metabase/querying/notebook/components/BreakoutStep/BreakoutStep.unit.spec.tsx
index 53fdef6e2d3..2178a1eb075 100644
--- a/frontend/src/metabase/querying/notebook/components/BreakoutStep/BreakoutStep.unit.spec.tsx
+++ b/frontend/src/metabase/querying/notebook/components/BreakoutStep/BreakoutStep.unit.spec.tsx
@@ -119,7 +119,7 @@ function setup({ step = createMockNotebookStep(), readOnly }: SetupOpts = {}) {
   function getNextBreakouts() {
     const query = getNextQuery();
     const breakouts = Lib.breakouts(query, 0);
-    return breakouts.map(breakout => Lib.displayInfo(query, 0, breakout));
+    return breakouts.map((breakout) => Lib.displayInfo(query, 0, breakout));
   }
 
   return {
diff --git a/frontend/src/metabase/querying/notebook/components/ClauseStep/ClausePopover.tsx b/frontend/src/metabase/querying/notebook/components/ClauseStep/ClausePopover.tsx
index 4c22bff9c9c..79c9adab9ea 100644
--- a/frontend/src/metabase/querying/notebook/components/ClauseStep/ClausePopover.tsx
+++ b/frontend/src/metabase/querying/notebook/components/ClauseStep/ClausePopover.tsx
@@ -27,7 +27,7 @@ export function ClausePopover({
   }, []);
 
   const handleChange = useCallback(() => {
-    setIsOpen(value => !value);
+    setIsOpen((value) => !value);
   }, []);
 
   useLayoutEffect(() => {
diff --git a/frontend/src/metabase/querying/notebook/components/ClauseStep/ClauseStep.tsx b/frontend/src/metabase/querying/notebook/components/ClauseStep/ClauseStep.tsx
index 9047cf47573..f40397b2d8d 100644
--- a/frontend/src/metabase/querying/notebook/components/ClauseStep/ClauseStep.tsx
+++ b/frontend/src/metabase/querying/notebook/components/ClauseStep/ClauseStep.tsx
@@ -69,7 +69,7 @@ export const ClauseStep = <T,>({
           <Icon
             className={S.closeIcon}
             name="close"
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
               onRemove(item, index);
             }}
@@ -94,16 +94,16 @@ export const ClauseStep = <T,>({
         {items.map((item, index) => (
           <ClausePopover
             key={index}
-            renderItem={onOpen => renderItem({ item, index, onOpen })}
-            renderPopover={onClose => renderPopover({ item, index, onClose })}
+            renderItem={(onOpen) => renderItem({ item, index, onOpen })}
+            renderPopover={(onClose) => renderPopover({ item, index, onClose })}
           />
         ))}
       </ClauseStepDndContext>
       {hasAddButton && (
         <ClausePopover
           isInitiallyOpen={isLastOpened}
-          renderItem={onOpen => renderNewItem({ onOpen })}
-          renderPopover={onClose => renderPopover({ onClose })}
+          renderItem={(onOpen) => renderNewItem({ onOpen })}
+          renderPopover={(onClose) => renderPopover({ onClose })}
         />
       )}
     </NotebookCell>
diff --git a/frontend/src/metabase/querying/notebook/components/DataStep/tests/common.unit.spec.tsx b/frontend/src/metabase/querying/notebook/components/DataStep/tests/common.unit.spec.tsx
index 11ba00f4a7d..df571d9b0dd 100644
--- a/frontend/src/metabase/querying/notebook/components/DataStep/tests/common.unit.spec.tsx
+++ b/frontend/src/metabase/querying/notebook/components/DataStep/tests/common.unit.spec.tsx
@@ -25,7 +25,7 @@ import { type SetupOpts, setup as baseSetup } from "./setup";
 const createQueryWithFields = (columnNames: string[]) => {
   const query = createQuery();
   const findColumn = columnFinder(query, Lib.fieldableColumns(query, 0));
-  const columns = columnNames.map(name => findColumn("ORDERS", name));
+  const columns = columnNames.map((name) => findColumn("ORDERS", name));
   return Lib.withFields(query, 0, columns);
 };
 
diff --git a/frontend/src/metabase/querying/notebook/components/DataStep/tests/enterprise.unit.spec.tsx b/frontend/src/metabase/querying/notebook/components/DataStep/tests/enterprise.unit.spec.tsx
index 3b3befced1d..5c7e83f8a50 100644
--- a/frontend/src/metabase/querying/notebook/components/DataStep/tests/enterprise.unit.spec.tsx
+++ b/frontend/src/metabase/querying/notebook/components/DataStep/tests/enterprise.unit.spec.tsx
@@ -41,7 +41,7 @@ describe("DataStep", () => {
 
       it.each([{ metaKey: true }, { ctrlKey: true }])(
         "meta/ctrl click should not open the data source",
-        async clickConfig => {
+        async (clickConfig) => {
           const { mockWindowOpen } = setup({
             isEmbeddingSdk: true,
           });
diff --git a/frontend/src/metabase/querying/notebook/components/ExpressionStep/ExpressionStep.tsx b/frontend/src/metabase/querying/notebook/components/ExpressionStep/ExpressionStep.tsx
index 59697f60c02..83f6acc3c2e 100644
--- a/frontend/src/metabase/querying/notebook/components/ExpressionStep/ExpressionStep.tsx
+++ b/frontend/src/metabase/querying/notebook/components/ExpressionStep/ExpressionStep.tsx
@@ -108,7 +108,7 @@ const getUniqueClauseName = (
     : query;
   const expressions = Lib.expressions(queryWithoutCurrentClause, stageIndex);
   const expressionsObject = Object.fromEntries(
-    expressions.map(expression => [
+    expressions.map((expression) => [
       Lib.displayInfo(query, stageIndex, expression).displayName,
     ]),
   );
diff --git a/frontend/src/metabase/querying/notebook/components/FieldPicker/FieldPicker.tsx b/frontend/src/metabase/querying/notebook/components/FieldPicker/FieldPicker.tsx
index 65b92f89796..b73bf6e9f4e 100644
--- a/frontend/src/metabase/querying/notebook/components/FieldPicker/FieldPicker.tsx
+++ b/frontend/src/metabase/querying/notebook/components/FieldPicker/FieldPicker.tsx
@@ -45,19 +45,19 @@ export const FieldPicker = ({
   ...props
 }: FieldPickerProps) => {
   const items = useMemo(() => {
-    const items = columns.map(column => ({
+    const items = columns.map((column) => ({
       column,
       columnInfo: Lib.displayInfo(query, stageIndex, column),
     }));
-    return items.map(item => ({
+    return items.map((item) => ({
       ...item,
       isSelected: isColumnSelected(item, items),
       isDisabled: isColumnDisabled?.(item, items),
     }));
   }, [query, stageIndex, columns, isColumnSelected, isColumnDisabled]);
 
-  const isAll = items.every(item => item.isSelected);
-  const isNone = items.every(item => !item.isSelected);
+  const isAll = items.every((item) => item.isSelected);
+  const isNone = items.every((item) => !item.isSelected);
 
   const handleLabelToggle = () => {
     if (isAll) {
@@ -81,13 +81,15 @@ export const FieldPicker = ({
         </HoverParent>
       </li>
       <DelayGroup>
-        {items.map(item => (
+        {items.map((item) => (
           <li key={item.columnInfo.longDisplayName}>
             <HoverParent className={S.Label} as="label">
               <Checkbox
                 checked={item.isSelected}
                 disabled={item.isDisabled}
-                onChange={event => onToggle(item.column, event.target.checked)}
+                onChange={(event) =>
+                  onToggle(item.column, event.target.checked)
+                }
               />
               <QueryColumnInfoIcon
                 className={S.ItemIcon}
diff --git a/frontend/src/metabase/querying/notebook/components/FilterStep/FilterStep.tsx b/frontend/src/metabase/querying/notebook/components/FilterStep/FilterStep.tsx
index ba595db6274..cbffe682d71 100644
--- a/frontend/src/metabase/querying/notebook/components/FilterStep/FilterStep.tsx
+++ b/frontend/src/metabase/querying/notebook/components/FilterStep/FilterStep.tsx
@@ -117,7 +117,7 @@ function FilterPopover({
       stageIndex={stageIndex}
       filter={filter}
       filterIndex={filterIndex}
-      onSelect={newFilter => {
+      onSelect={(newFilter) => {
         if (filter) {
           onUpdateFilter(filter, newFilter);
         } else {
diff --git a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinComplete/JoinComplete.tsx b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinComplete/JoinComplete.tsx
index 65209604341..5cc710cadd6 100644
--- a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinComplete/JoinComplete.tsx
+++ b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinComplete/JoinComplete.tsx
@@ -151,7 +151,7 @@ export function JoinComplete({
                 rhsTableName={rhsTableName}
                 isReadOnly={isReadOnly}
                 isRemovable={conditions.length > 1}
-                onChange={newCondition =>
+                onChange={(newCondition) =>
                   handleUpdateCondition(newCondition, index)
                 }
                 onRemove={() => handleRemoveCondition(index)}
diff --git a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinConditionOperatorPicker/JoinConditionOperatorPicker.tsx b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinConditionOperatorPicker/JoinConditionOperatorPicker.tsx
index 7a617c7f67e..8f893fde316 100644
--- a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinConditionOperatorPicker/JoinConditionOperatorPicker.tsx
+++ b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinConditionOperatorPicker/JoinConditionOperatorPicker.tsx
@@ -81,7 +81,7 @@ function JoinConditionOperatorDropdown({
 }: JoinConditionOperatorDropdownProps) {
   const items = useMemo(
     () =>
-      Lib.joinConditionOperators(query, stageIndex).map(operator => ({
+      Lib.joinConditionOperators(query, stageIndex).map((operator) => ({
         operator,
         operatorInfo: Lib.displayInfo(query, stageIndex, operator),
       })),
diff --git a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinDraft/utils.ts b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinDraft/utils.ts
index 3c3036c4a41..b54aa626626 100644
--- a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinDraft/utils.ts
+++ b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinDraft/utils.ts
@@ -6,7 +6,7 @@ export function getDefaultJoinStrategy(
 ): Lib.JoinStrategy {
   const strategies = Lib.availableJoinStrategies(query, stageIndex);
   const defaultStrategy = strategies.find(
-    strategy => Lib.displayInfo(query, stageIndex, strategy).default,
+    (strategy) => Lib.displayInfo(query, stageIndex, strategy).default,
   );
   return defaultStrategy ?? strategies[0];
 }
diff --git a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinStep.unit.spec.tsx b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinStep.unit.spec.tsx
index 1c48897dd67..d486cb3cb5d 100644
--- a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinStep.unit.spec.tsx
+++ b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinStep.unit.spec.tsx
@@ -185,7 +185,7 @@ function setup({
     const strategy = Lib.displayInfo(query, 0, Lib.joinStrategy(join));
     const fields = Lib.joinFields(join);
 
-    const conditions = Lib.joinConditions(join).map(condition => {
+    const conditions = Lib.joinConditions(join).map((condition) => {
       const { operator, lhsColumn, rhsColumn } = Lib.joinConditionParts(
         query,
         step.stageIndex,
@@ -691,13 +691,13 @@ describe("Notebook Editor > Join Step", () => {
       const { query, fields } = getRecentJoin();
       const columns = fields as Lib.ColumnMetadata[];
       const reviewer = columns.find(
-        column => Lib.displayInfo(query, 0, column).name === "REVIEWER",
+        (column) => Lib.displayInfo(query, 0, column).name === "REVIEWER",
       );
       const category = columns.find(
-        column => Lib.displayInfo(query, 0, column).name === "PRODUCT_ID",
+        (column) => Lib.displayInfo(query, 0, column).name === "PRODUCT_ID",
       );
       const price = columns.find(
-        column => Lib.displayInfo(query, 0, column).name === "CREATED_AT",
+        (column) => Lib.displayInfo(query, 0, column).name === "CREATED_AT",
       );
       expect(columns).not.toHaveLength(0);
       expect(reviewer).not.toBeUndefined();
@@ -774,13 +774,13 @@ describe("Notebook Editor > Join Step", () => {
       const { query, fields } = getRecentJoin();
       const columns = fields as Lib.ColumnMetadata[];
       const vendor = columns.find(
-        column => Lib.displayInfo(query, 0, column).name === "VENDOR",
+        (column) => Lib.displayInfo(query, 0, column).name === "VENDOR",
       );
       const category = columns.find(
-        column => Lib.displayInfo(query, 0, column).name === "CATEGORY",
+        (column) => Lib.displayInfo(query, 0, column).name === "CATEGORY",
       );
       const price = columns.find(
-        column => Lib.displayInfo(query, 0, column).name === "PRICE",
+        (column) => Lib.displayInfo(query, 0, column).name === "PRICE",
       );
       expect(columns).not.toHaveLength(0);
       expect(vendor).not.toBeUndefined();
diff --git a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinStrategyPicker/JoinStrategyPicker.tsx b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinStrategyPicker/JoinStrategyPicker.tsx
index 9c88da11b63..3d52d301419 100644
--- a/frontend/src/metabase/querying/notebook/components/JoinStep/JoinStrategyPicker/JoinStrategyPicker.tsx
+++ b/frontend/src/metabase/querying/notebook/components/JoinStep/JoinStrategyPicker/JoinStrategyPicker.tsx
@@ -79,7 +79,7 @@ function JoinStrategyDropdown({
 }: JoinStrategyDropdownProps) {
   const items = useMemo(
     () =>
-      Lib.availableJoinStrategies(query, stageIndex).map(strategy => ({
+      Lib.availableJoinStrategies(query, stageIndex).map((strategy) => ({
         strategy,
         strategyInfo: Lib.displayInfo(query, stageIndex, strategy),
       })),
diff --git a/frontend/src/metabase/querying/notebook/components/JoinStep/utils.ts b/frontend/src/metabase/querying/notebook/components/JoinStep/utils.ts
index 456da2072f5..3021a640a20 100644
--- a/frontend/src/metabase/querying/notebook/components/JoinStep/utils.ts
+++ b/frontend/src/metabase/querying/notebook/components/JoinStep/utils.ts
@@ -8,8 +8,8 @@ export function updateTemporalBucketing(
 ) {
   const bucket =
     columns
-      .map(column => Lib.temporalBucket(column))
-      .find(bucket => bucket != null) ?? null;
+      .map((column) => Lib.temporalBucket(column))
+      .find((bucket) => bucket != null) ?? null;
 
   return Lib.joinConditionUpdateTemporalBucketing(
     query,
diff --git a/frontend/src/metabase/querying/notebook/components/Notebook/Notebook.unit.spec.tsx b/frontend/src/metabase/querying/notebook/components/Notebook/Notebook.unit.spec.tsx
index 30fd8b134cf..a776f5967ab 100644
--- a/frontend/src/metabase/querying/notebook/components/Notebook/Notebook.unit.spec.tsx
+++ b/frontend/src/metabase/querying/notebook/components/Notebook/Notebook.unit.spec.tsx
@@ -104,7 +104,7 @@ const dataPickerValueMap: Record<
     tabDisplayName: "Tables",
     recentItem: TEST_RECENT_TABLE,
     itemPickerData: checkNotNull(MOCK_DATABASE.tables).map(
-      table => table.display_name,
+      (table) => table.display_name,
     ),
     pickerColIdx: 2, // tables are always level 2 in the data picker
   },
@@ -161,7 +161,7 @@ function setup({
     ["selections"],
   );
 
-  const collectionItems = TEST_ENTITY_TYPES.map(entityType =>
+  const collectionItems = TEST_ENTITY_TYPES.map((entityType) =>
     createMockCollectionItem({
       model: entityType as CollectionItemModel,
       collection: TEST_COLLECTION,
@@ -219,7 +219,7 @@ function createSummarizedQuestion(type: CardType) {
 describe("Notebook", () => {
   it.each<CardType>(["question", "model"])(
     "should have regular copy for the summarize step for %s queries",
-    type => {
+    (type) => {
       setup({
         question: createSummarizedQuestion(type),
       });
@@ -254,7 +254,7 @@ describe("Notebook", () => {
 
   it.each<CardType>(["question", "model"])(
     "should be able to remove the summarize step for %s queries",
-    type => {
+    (type) => {
       setup({
         question: createSummarizedQuestion(type),
       });
@@ -355,7 +355,7 @@ describe("Notebook", () => {
 
     describe.each<DataPickerValue["model"]>(TEST_ENTITY_TYPES)(
       "when filtering with %s",
-      entityType => {
+      (entityType) => {
         it(`should show the Collection item picker when modelsFilterList=[${entityType}]`, async () => {
           setup({
             question: createSummarizedQuestion("question"),
@@ -437,7 +437,7 @@ const assertDataInPickerColumn = ({
   columnIndex: number;
   data: string[];
 }) => {
-  data.forEach(d => {
+  data.forEach((d) => {
     expect(
       within(screen.getByTestId(`item-picker-level-${columnIndex}`)).getByText(
         d,
@@ -447,7 +447,7 @@ const assertDataInPickerColumn = ({
 };
 
 const assertDataInRecents = ({ data }: { data: string[] }) => {
-  data.forEach(d => {
+  data.forEach((d) => {
     expect(
       within(screen.getByRole("tabpanel", { name: /Recents/ })).getByText(d),
     ).toBeInTheDocument();
diff --git a/frontend/src/metabase/querying/notebook/components/NotebookDataPicker/EmbeddingDataPicker/EmbeddingDataPicker.tsx b/frontend/src/metabase/querying/notebook/components/NotebookDataPicker/EmbeddingDataPicker/EmbeddingDataPicker.tsx
index 938880526ae..30b69067be9 100644
--- a/frontend/src/metabase/querying/notebook/components/NotebookDataPicker/EmbeddingDataPicker/EmbeddingDataPicker.tsx
+++ b/frontend/src/metabase/querying/notebook/components/NotebookDataPicker/EmbeddingDataPicker/EmbeddingDataPicker.tsx
@@ -61,7 +61,9 @@ export function EmbeddingDataPicker({
     return undefined;
   }, [canChangeDatabase, databaseId, metadata]);
 
-  const entityTypes = useSelector(state => getEmbedOptions(state).entity_types);
+  const entityTypes = useSelector(
+    (state) => getEmbedOptions(state).entity_types,
+  );
 
   if (isDataSourceCountLoading) {
     return null;
diff --git a/frontend/src/metabase/querying/notebook/components/NotebookDataPicker/NotebookDataPicker.tsx b/frontend/src/metabase/querying/notebook/components/NotebookDataPicker/NotebookDataPicker.tsx
index 5f005136e5c..24475cc9fa7 100644
--- a/frontend/src/metabase/querying/notebook/components/NotebookDataPicker/NotebookDataPicker.tsx
+++ b/frontend/src/metabase/querying/notebook/components/NotebookDataPicker/NotebookDataPicker.tsx
@@ -191,6 +191,6 @@ function getModelFilterList(
   if (hasMetrics) {
     return modelsFilterList;
   } else {
-    return modelsFilterList.filter(model => model !== "metric");
+    return modelsFilterList.filter((model) => model !== "metric");
   }
 }
diff --git a/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStep.tsx b/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStep.tsx
index 85967a6f0f8..0552da08a77 100644
--- a/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStep.tsx
+++ b/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStep.tsx
@@ -51,7 +51,7 @@ export function NotebookStep({
       isLastStep && step.actions.some(hasLargeButton);
 
     actions.push(
-      ...step.actions.map(action => {
+      ...step.actions.map((action) => {
         const stepUi = getStepConfig(action.type);
         const title = stepUi.title;
         return {
@@ -76,7 +76,7 @@ export function NotebookStep({
 
     actions.sort((a, b) => (b.priority || 0) - (a.priority || 0));
 
-    return actions.map(action => action.button);
+    return actions.map((action) => action.button);
   }, [step.actions, isLastStep, openStep]);
 
   const handleClickRevert = useCallback(() => {
diff --git a/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStep.unit.spec.tsx b/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStep.unit.spec.tsx
index c33723546e8..c263685af9b 100644
--- a/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStep.unit.spec.tsx
+++ b/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStep.unit.spec.tsx
@@ -63,7 +63,7 @@ const STEP_TYPES: NotebookStepType[] = [
 ];
 
 describe("NotebookStep", () => {
-  test.each(STEP_TYPES)(`renders a %s step correctly`, type => {
+  test.each(STEP_TYPES)(`renders a %s step correctly`, (type) => {
     const step = createMockNotebookStep({ type });
     const testId = `step-${type}-${step.stageIndex}-${step.itemIndex}`;
     setup({ step });
diff --git a/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStepPreview/NotebookStepPreview.jsx b/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStepPreview/NotebookStepPreview.jsx
index 02a9feca39a..3e5235d5550 100644
--- a/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStepPreview/NotebookStepPreview.jsx
+++ b/frontend/src/metabase/querying/notebook/components/NotebookStep/NotebookStepPreview/NotebookStepPreview.jsx
@@ -13,7 +13,7 @@ import Question from "metabase-lib/v1/Question";
 
 const PREVIEW_ROWS_LIMIT = 10;
 
-const getPreviewQuestion = step => {
+const getPreviewQuestion = (step) => {
   const { previewQuery, stageIndex } = step;
   const limit = Lib.currentLimit(previewQuery, stageIndex);
   const hasSuitableLimit = limit !== null && limit <= PREVIEW_ROWS_LIMIT;
diff --git a/frontend/src/metabase/querying/notebook/components/NotebookStepList/NotebookStepList.tsx b/frontend/src/metabase/querying/notebook/components/NotebookStepList/NotebookStepList.tsx
index b2f818bf8b1..c95febb16ef 100644
--- a/frontend/src/metabase/querying/notebook/components/NotebookStepList/NotebookStepList.tsx
+++ b/frontend/src/metabase/querying/notebook/components/NotebookStepList/NotebookStepList.tsx
@@ -53,16 +53,16 @@ export function NotebookStepList({
   }, [metadata, question, openSteps]);
 
   const handleStepOpen = useCallback((id: INotebookStep["id"]) => {
-    setOpenSteps(openSteps => ({ ...openSteps, [id]: true }));
+    setOpenSteps((openSteps) => ({ ...openSteps, [id]: true }));
     setLastOpenedStep(id);
   }, []);
 
   const handleStepClose = useCallback(
     (id: INotebookStep["id"]) => {
       if (openSteps[id]) {
-        setOpenSteps(openSteps => ({ ...openSteps, [id]: false }));
+        setOpenSteps((openSteps) => ({ ...openSteps, [id]: false }));
       }
-      setLastOpenedStep(lastOpenedStep =>
+      setLastOpenedStep((lastOpenedStep) =>
         lastOpenedStep === id ? null : lastOpenedStep,
       );
     },
diff --git a/frontend/src/metabase/querying/notebook/components/SortStep/SortStep.tsx b/frontend/src/metabase/querying/notebook/components/SortStep/SortStep.tsx
index f3fd0d149be..c17fe6d911d 100644
--- a/frontend/src/metabase/querying/notebook/components/SortStep/SortStep.tsx
+++ b/frontend/src/metabase/querying/notebook/components/SortStep/SortStep.tsx
@@ -67,7 +67,7 @@ export function SortStep({
       readOnly={readOnly}
       color={color}
       isLastOpened={isLastOpened}
-      renderName={clause => (
+      renderName={(clause) => (
         <SortDisplayName
           displayInfo={Lib.displayInfo(query, stageIndex, clause)}
           onToggleSortDirection={() => handleToggleOrderByDirection(clause)}
@@ -115,7 +115,7 @@ const SortPopover = ({
   const columnGroups = useMemo(() => {
     const columns = Lib.orderableColumns(query, stageIndex);
 
-    const filteredColumns = columns.filter(column => {
+    const filteredColumns = columns.filter((column) => {
       const columnInfo = Lib.displayInfo(query, stageIndex, column);
       const isAlreadyUsed = columnInfo.orderByPosition != null;
       const isSelected = checkColumnSelected(columnInfo, orderByIndex);
@@ -131,7 +131,7 @@ const SortPopover = ({
       stageIndex={stageIndex}
       columnGroups={columnGroups}
       color="text-dark"
-      checkIsColumnSelected={item => checkColumnSelected(item, orderByIndex)}
+      checkIsColumnSelected={(item) => checkColumnSelected(item, orderByIndex)}
       onSelect={(column: Lib.ColumnMetadata) => {
         const isUpdate = orderBy != null;
         if (isUpdate) {
@@ -169,7 +169,7 @@ function SortDisplayName({
     <button
       className={S.SortDirectionButton}
       aria-label={t`Change direction`}
-      onClick={event => {
+      onClick={(event) => {
         event.stopPropagation();
         onToggleSortDirection();
       }}
diff --git a/frontend/src/metabase/querying/notebook/utils/steps.ts b/frontend/src/metabase/querying/notebook/utils/steps.ts
index 391a3640bdf..4baccee6f37 100644
--- a/frontend/src/metabase/querying/notebook/utils/steps.ts
+++ b/frontend/src/metabase/querying/notebook/utils/steps.ts
@@ -32,7 +32,7 @@ const STEPS: NotebookStepDef[] = [
     clauseType: "data",
     valid: (_query, stageIndex) => stageIndex === 0,
     active: () => true,
-    revert: query => query,
+    revert: (query) => query,
     canRevert: () => false,
   },
   {
@@ -131,7 +131,7 @@ const STEPS: NotebookStepDef[] = [
         return Lib.removeClause(query, stageIndex, clause);
       }, query);
     },
-    canRevert: type => type !== "metric",
+    canRevert: (type) => type !== "metric",
   },
   {
     type: "sort",
@@ -280,7 +280,7 @@ function getStageSteps(
         Boolean(active || openSteps[id]),
       testID: getTestId(STEP, itemIndex),
       revert: STEP.canRevert(question.type())
-        ? query => STEP.revert(query, stageIndex, itemIndex ?? undefined)
+        ? (query) => STEP.revert(query, stageIndex, itemIndex ?? undefined)
         : null,
       // `actions`, `next` and `previous` will be set later
       actions: [],
@@ -291,11 +291,11 @@ function getStageSteps(
   }
 
   // get the currently visible steps, flattening "items"
-  const steps = STEPS.flatMap(STEP => {
+  const steps = STEPS.flatMap((STEP) => {
     if (STEP.subSteps) {
       // add 1 for the initial or next action button
       const itemIndexes = _.range(0, STEP.subSteps(query, stageIndex) + 1);
-      return itemIndexes.map(itemIndex => getStep(STEP, itemIndex));
+      return itemIndexes.map((itemIndex) => getStep(STEP, itemIndex));
     }
 
     return [getStep(STEP)];
diff --git a/frontend/src/metabase/querying/notebook/utils/steps.unit.spec.ts b/frontend/src/metabase/querying/notebook/utils/steps.unit.spec.ts
index cc919181589..da5fc77adf1 100644
--- a/frontend/src/metabase/querying/notebook/utils/steps.unit.spec.ts
+++ b/frontend/src/metabase/querying/notebook/utils/steps.unit.spec.ts
@@ -77,7 +77,7 @@ describe("raw data query", () => {
     it("should return data step with actions", () => {
       expect(steps.length).toBe(1);
       expect(dataStep.type).toBe("data");
-      expect(dataStep.actions.map(action => action.type)).toEqual([
+      expect(dataStep.actions.map((action) => action.type)).toEqual([
         "join",
         "expression",
         "filter",
@@ -95,7 +95,7 @@ describe("filtered and summarized query", () => {
 
   describe("getQuestionSteps", () => {
     it("`getQuestionSteps()` should return data, filter, and summarize steps", () => {
-      expect(steps.map(s => s.type)).toEqual(["data", "filter", "summarize"]);
+      expect(steps.map((s) => s.type)).toEqual(["data", "filter", "summarize"]);
     });
 
     it("should allow adding a new stage for questions", () => {
@@ -191,7 +191,7 @@ describe("filtered and summarized query with post-aggregation filter", () => {
 
   describe("getQuestionSteps", () => {
     it("`getQuestionSteps()` should return [data, filter, summarize] and [filter, summarize] steps", () => {
-      expect(steps.map(s => s.type)).toEqual([
+      expect(steps.map((s) => s.type)).toEqual([
         "data",
         "filter",
         "summarize",
@@ -302,8 +302,8 @@ describe("aggregated query without breakout", () => {
 
     expect(
       steps
-        .find(step => step.type === "summarize")
-        ?.actions.map(action => action.type),
+        .find((step) => step.type === "summarize")
+        ?.actions.map((action) => action.type),
     ).toEqual(["join", "expression"]);
   });
 });
diff --git a/frontend/src/metabase/querying/parameters/components/DateAllOptionsWidget/DateAllOptionsWidget.tsx b/frontend/src/metabase/querying/parameters/components/DateAllOptionsWidget/DateAllOptionsWidget.tsx
index a8ac50a8500..4fa848eb39a 100644
--- a/frontend/src/metabase/querying/parameters/components/DateAllOptionsWidget/DateAllOptionsWidget.tsx
+++ b/frontend/src/metabase/querying/parameters/components/DateAllOptionsWidget/DateAllOptionsWidget.tsx
@@ -47,6 +47,9 @@ function getPickerValue(
 ): DatePickerValue | undefined {
   return match(deserializeDateParameterValue(value))
     .returnType<DatePickerValue | undefined>()
-    .with({ type: P.union("specific", "relative", "exclude") }, value => value)
+    .with(
+      { type: P.union("specific", "relative", "exclude") },
+      (value) => value,
+    )
     .otherwise(() => undefined);
 }
diff --git a/frontend/src/metabase/querying/parameters/components/DateMonthYearWidget/DateMonthYearWidget.tsx b/frontend/src/metabase/querying/parameters/components/DateMonthYearWidget/DateMonthYearWidget.tsx
index d474dd74515..f022423394b 100644
--- a/frontend/src/metabase/querying/parameters/components/DateMonthYearWidget/DateMonthYearWidget.tsx
+++ b/frontend/src/metabase/querying/parameters/components/DateMonthYearWidget/DateMonthYearWidget.tsx
@@ -32,6 +32,6 @@ function getPickerValue(
 ): MonthYearPickerValue | undefined {
   return match(deserializeDateParameterValue(value))
     .returnType<MonthYearPickerValue | undefined>()
-    .with({ type: "month" }, value => value)
+    .with({ type: "month" }, (value) => value)
     .otherwise(() => undefined);
 }
diff --git a/frontend/src/metabase/querying/parameters/components/DateQuarterYearWidget/DateQuarterYearWidget.tsx b/frontend/src/metabase/querying/parameters/components/DateQuarterYearWidget/DateQuarterYearWidget.tsx
index 2dce5e1f807..b233397cce6 100644
--- a/frontend/src/metabase/querying/parameters/components/DateQuarterYearWidget/DateQuarterYearWidget.tsx
+++ b/frontend/src/metabase/querying/parameters/components/DateQuarterYearWidget/DateQuarterYearWidget.tsx
@@ -32,6 +32,6 @@ function getPickerValue(
 ): QuarterYearPickerValue | undefined {
   return match(deserializeDateParameterValue(value))
     .returnType<QuarterYearPickerValue | undefined>()
-    .with({ type: "quarter" }, value => value)
+    .with({ type: "quarter" }, (value) => value)
     .otherwise(() => undefined);
 }
diff --git a/frontend/src/metabase/querying/parameters/components/DateRelativeWidget/DateRelativeWidget.tsx b/frontend/src/metabase/querying/parameters/components/DateRelativeWidget/DateRelativeWidget.tsx
index 7d0184982d0..0f3f18387ea 100644
--- a/frontend/src/metabase/querying/parameters/components/DateRelativeWidget/DateRelativeWidget.tsx
+++ b/frontend/src/metabase/querying/parameters/components/DateRelativeWidget/DateRelativeWidget.tsx
@@ -34,6 +34,6 @@ function getPickerValue(
 ): RelativeDatePickerValue | undefined {
   return match(deserializeDateParameterValue(value))
     .returnType<RelativeDatePickerValue | undefined>()
-    .with({ type: "relative" }, value => value)
+    .with({ type: "relative" }, (value) => value)
     .otherwise(() => undefined);
 }
diff --git a/frontend/src/metabase/querying/parameters/utils/parsing.ts b/frontend/src/metabase/querying/parameters/utils/parsing.ts
index 20d15a2d8c2..78073bc1534 100644
--- a/frontend/src/metabase/querying/parameters/utils/parsing.ts
+++ b/frontend/src/metabase/querying/parameters/utils/parsing.ts
@@ -27,7 +27,7 @@ export function deserializeStringParameterValue(
 export function serializeNumberParameterValue(
   value: NumberValue[],
 ): ParameterValueOrArray {
-  return value.map(item => {
+  return value.map((item) => {
     return typeof item === "number" ? item : String(item);
   });
 }
@@ -109,13 +109,13 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // entire month, `2020-04`
   {
     regex: /^([0-9]{4})-([0-9]{2})$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "month") {
         const { year, month } = value;
         return `${year.toString().padStart(4, "0")}-${month.toString().padStart(2, "0")}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const year = parseInt(match[1]);
       const month = parseInt(match[2]);
       if (isFinite(year) && month >= 1 && month <= 12) {
@@ -130,13 +130,13 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // entire quarter, `Q2`
   {
     regex: /^Q([1-4])-([0-9]{4})$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "quarter") {
         const { year, quarter } = value;
         return `Q${quarter}-${year.toString().padStart(4, "0")}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const year = parseInt(match[2]);
       const quarter = parseInt(match[1]);
       if (isFinite(year) && quarter >= 1 && quarter <= 4) {
@@ -151,13 +151,13 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // single day, `2020-01-02` or `2020-01-02T:10:20:00`
   {
     regex: /^([\d-T:]+)$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "specific" && value.operator === "=") {
         const [date] = value.values;
         return serializeDate(date, value.hasTime);
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const date = dayjs(match[1]);
       if (date.isValid()) {
         return {
@@ -172,13 +172,13 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // before day, `~2020-01-02` or `~2020-01-02T:10:20:00`
   {
     regex: /^~([\d-T:]+)$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "specific" && value.operator === "<") {
         const [date] = value.values;
         return `~${serializeDate(date, value.hasTime)}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const date = dayjs(match[1]);
       if (date.isValid()) {
         return {
@@ -193,13 +193,13 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // after day, `2020-01-02~` or `2020-01-02T:10:20:00~`
   {
     regex: /^([\d-T:]+)~$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "specific" && value.operator === ">") {
         const [date] = value.values;
         return `${serializeDate(date, value.hasTime)}~`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const date = dayjs(match[1]);
       if (date.isValid()) {
         return {
@@ -214,13 +214,13 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // day range, `2020-01-02~2020-05-10` or `2020-01-02T05:08:00~2020-05-10T10:21:00`
   {
     regex: /^([\d-T:]+)~([\d-T:]+)$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "specific" && value.operator === "between") {
         const [date1, date2] = value.values;
         return `${serializeDate(date1, value.hasTime)}~${serializeDate(date2, value.hasTime)}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const date1 = dayjs(match[1]);
       const date2 = dayjs(match[2]);
       if (date1.isValid() && date2.isValid()) {
@@ -262,12 +262,12 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `thismonth`, `thisyear`
   {
     regex: /^this(\w+)$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "relative" && value.value === 0) {
         return `this${value.unit}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const unit = match[1];
       if (isDatePickerTruncationUnit(unit)) {
         return {
@@ -283,7 +283,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
     regex: /^previous(\w+)$/,
     // TODO serialize properly when legacy `getFilterTitle` is removed
     serialize: () => undefined,
-    deserialize: match => {
+    deserialize: (match) => {
       const unit = match[1];
       if (isDatePickerTruncationUnit(unit)) {
         return {
@@ -297,7 +297,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `past30days`, `past30days~`. `~` means `includeCurrent`
   {
     regex: /^past(\d+)(\w+)s(~)?$/,
-    serialize: value => {
+    serialize: (value) => {
       if (
         value.type === "relative" &&
         value.value !== 0 &&
@@ -309,7 +309,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
         return `past${-value.value}${value.unit}s${suffix}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const value = parseInt(match[1]);
       const unit = match[2];
       const suffix = match[3];
@@ -326,7 +326,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `next30days`, `next30days~`. `~` means `includeCurrent`
   {
     regex: /^next(\d+)(\w+)s(~)?$/,
-    serialize: value => {
+    serialize: (value) => {
       if (
         value.type === "relative" &&
         value.value !== 0 &&
@@ -338,7 +338,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
         return `next${value.value}${value.unit}s${suffix}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const value = parseInt(match[1]);
       const unit = match[2];
       const suffix = match[3];
@@ -355,7 +355,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `past30days-from-2years`
   {
     regex: /^past(\d+)(\w+)s-from-(\d+)(\w+)s$/,
-    serialize: value => {
+    serialize: (value) => {
       if (
         value.type === "relative" &&
         value.value !== 0 &&
@@ -367,7 +367,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
         return `past${-value.value}${value.unit}s-from-${-value.offsetValue}${value.offsetUnit}s`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const value = parseInt(match[1]);
       const unit = match[2];
       const offsetValue = parseInt(match[3]);
@@ -391,7 +391,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `next30days-from-2years`
   {
     regex: /^next(\d+)(\w+)s-from-(\d+)(\w+)s$/,
-    serialize: value => {
+    serialize: (value) => {
       if (
         value.type === "relative" &&
         value.value !== 0 &&
@@ -403,7 +403,7 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
         return `next${value.value}${value.unit}s-from-${value.offsetValue}${value.offsetUnit}s`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const value = parseInt(match[1]);
       const unit = match[2];
       const offsetValue = parseInt(match[3]);
@@ -427,14 +427,14 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `exclude-hours-1-23`
   {
     regex: /^exclude-hours-([-\d]+)$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "exclude" && value.unit === "hour-of-day") {
         return `exclude-hours-${value.values.join("-")}`;
       }
     },
-    deserialize: match => {
-      const hours = match[1].split("-").map(value => parseInt(value));
-      if (hours.every(value => value >= 0 && value <= 23)) {
+    deserialize: (match) => {
+      const hours = match[1].split("-").map((value) => parseInt(value));
+      if (hours.every((value) => value >= 0 && value <= 23)) {
         return {
           type: "exclude",
           operator: "!=",
@@ -447,17 +447,17 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `exclude-days-Mon-San`
   {
     regex: /^exclude-days-([-\w]+)$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "exclude" && value.unit === "day-of-week") {
-        const dayNames = value.values.map(dayNumber => DAYS[dayNumber - 1]);
+        const dayNames = value.values.map((dayNumber) => DAYS[dayNumber - 1]);
         return `exclude-days-${dayNames.join("-")}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const dayNumbers = match[1]
         .split("-")
-        .map(value => DAYS.indexOf(value) + 1);
-      if (dayNumbers.every(dayNumber => dayNumber > 0)) {
+        .map((value) => DAYS.indexOf(value) + 1);
+      if (dayNumbers.every((dayNumber) => dayNumber > 0)) {
         return {
           type: "exclude",
           operator: "!=",
@@ -470,17 +470,19 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `exclude-months-Jan-Dec`
   {
     regex: /^exclude-months-([-\w]+)$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "exclude" && value.unit === "month-of-year") {
-        const monthNames = value.values.map(dayNumber => MONTHS[dayNumber - 1]);
+        const monthNames = value.values.map(
+          (dayNumber) => MONTHS[dayNumber - 1],
+        );
         return `exclude-months-${monthNames.join("-")}`;
       }
     },
-    deserialize: match => {
+    deserialize: (match) => {
       const monthNumbers = match[1]
         .split("-")
-        .map(value => MONTHS.indexOf(value) + 1);
-      if (monthNumbers.every(monthNumber => monthNumber > 0)) {
+        .map((value) => MONTHS.indexOf(value) + 1);
+      if (monthNumbers.every((monthNumber) => monthNumber > 0)) {
         return {
           type: "exclude",
           operator: "!=",
@@ -493,14 +495,14 @@ const DATE_FILTER_SERIALIZERS: DateFilterSerializer[] = [
   // `exclude-quarters-1-4`
   {
     regex: /^exclude-quarters-([-\d]+)$/,
-    serialize: value => {
+    serialize: (value) => {
       if (value.type === "exclude" && value.unit === "quarter-of-year") {
         return `exclude-quarters-${value.values.join("-")}`;
       }
     },
-    deserialize: match => {
-      const quarters = match[1].split("-").map(value => parseInt(value));
-      if (quarters.every(value => value >= 1 && value <= 4)) {
+    deserialize: (match) => {
+      const quarters = match[1].split("-").map((value) => parseInt(value));
+      if (quarters.every((value) => value >= 1 && value <= 4)) {
         return {
           type: "exclude",
           operator: "!=",
diff --git a/frontend/src/metabase/querying/parameters/utils/parsing.unit.spec.ts b/frontend/src/metabase/querying/parameters/utils/parsing.unit.spec.ts
index 0d0cedee597..335afef23d6 100644
--- a/frontend/src/metabase/querying/parameters/utils/parsing.unit.spec.ts
+++ b/frontend/src/metabase/querying/parameters/utils/parsing.unit.spec.ts
@@ -23,7 +23,7 @@ describe("string parameters", () => {
 
   it.each([null, undefined, "", [""]])(
     "should ignore invalid value %s",
-    value => {
+    (value) => {
       expect(deserializeStringParameterValue(value)).toEqual([]);
     },
   );
@@ -66,7 +66,7 @@ describe("number parameters", () => {
 
   it.each([null, undefined, "", [""], ["abc"], NaN, [NaN], [true, false]])(
     "should ignore invalid value %s",
-    value => {
+    (value) => {
       expect(deserializeNumberParameterValue(value)).toEqual([]);
     },
   );
@@ -86,7 +86,7 @@ describe("boolean parameters", () => {
 
   it.each([null, undefined, "", [""], ["abc"], 1, NaN, [NaN]])(
     "should ignore invalid value %s",
-    value => {
+    (value) => {
       expect(deserializeBooleanParameterValue(value)).toEqual([]);
     },
   );
@@ -398,7 +398,7 @@ describe("date parameters", () => {
     "exclude-quarters-abc",
     "2024-ab",
     "Q5-2020",
-  ])("should ignore invalid value %s", value => {
+  ])("should ignore invalid value %s", (value) => {
     expect(deserializeDateParameterValue(value)).toBeNull();
   });
 });
diff --git a/frontend/src/metabase/querying/parameters/utils/query.ts b/frontend/src/metabase/querying/parameters/utils/query.ts
index 14a71db1f71..c01b4cc3246 100644
--- a/frontend/src/metabase/querying/parameters/utils/query.ts
+++ b/frontend/src/metabase/querying/parameters/utils/query.ts
@@ -198,7 +198,7 @@ function applyTemporalUnitParameter(
   value: ParameterValueOrArray,
 ): Lib.Query {
   const breakouts = Lib.breakouts(query, stageIndex);
-  const columns = breakouts.map(breakout =>
+  const columns = breakouts.map((breakout) =>
     Lib.breakoutColumn(query, stageIndex, breakout),
   );
   const columnRef = target[1];
@@ -216,7 +216,7 @@ function applyTemporalUnitParameter(
   const breakout = breakouts[columnIndex];
   const buckets = Lib.availableTemporalBuckets(query, stageIndex, column);
   const bucket = buckets.find(
-    bucket => Lib.displayInfo(query, stageIndex, bucket).shortName === value,
+    (bucket) => Lib.displayInfo(query, stageIndex, bucket).shortName === value,
   );
   if (!bucket) {
     return query;
diff --git a/frontend/src/metabase/querying/parameters/utils/query.unit.spec.ts b/frontend/src/metabase/querying/parameters/utils/query.unit.spec.ts
index dff0b17bd9f..2879f56c8b8 100644
--- a/frontend/src/metabase/querying/parameters/utils/query.unit.spec.ts
+++ b/frontend/src/metabase/querying/parameters/utils/query.unit.spec.ts
@@ -338,7 +338,7 @@ describe("applyParameter", () => {
       ],
     });
     const stageIndex = 0;
-    const columns = Lib.breakouts(query, stageIndex).map(breakout =>
+    const columns = Lib.breakouts(query, stageIndex).map((breakout) =>
       Lib.breakoutColumn(query, stageIndex, breakout),
     );
     const findColumn = columnFinder(query, columns);
diff --git a/frontend/src/metabase/querying/viz-settings/utils/sync-viz-settings.ts b/frontend/src/metabase/querying/viz-settings/utils/sync-viz-settings.ts
index d41cec7eee2..89dfcccfefb 100644
--- a/frontend/src/metabase/querying/viz-settings/utils/sync-viz-settings.ts
+++ b/frontend/src/metabase/querying/viz-settings/utils/sync-viz-settings.ts
@@ -76,7 +76,7 @@ function isNativeQuery(query: Lib.Query) {
 
 function getReturnedColumns(query: Lib.Query): ColumnInfo[] {
   const stageIndex = -1;
-  return Lib.returnedColumns(query, stageIndex).map(column => {
+  return Lib.returnedColumns(query, stageIndex).map((column) => {
     const columnInfo = Lib.displayInfo(query, stageIndex, column);
     return {
       key: Lib.columnKey(column),
@@ -91,7 +91,7 @@ function isValidSeries(series: SingleSeries) {
 }
 
 function getSeriesColumns(series: SingleSeries): ColumnInfo[] {
-  return series.data.cols.map(column => ({
+  return series.data.cols.map((column) => ({
     key: column.name,
     name: column.name,
     isAggregation: false,
@@ -118,13 +118,13 @@ function syncColumns<T>({
   shouldCreateSetting = () => false,
 }: SyncColumnsOpts<T>): T[] {
   const newNameByKey = Object.fromEntries(
-    newColumns.map(column => [column.key, column.name]),
+    newColumns.map((column) => [column.key, column.name]),
   );
   const oldKeyByName = Object.fromEntries(
-    oldColumns.map(column => [column.name, column.key]),
+    oldColumns.map((column) => [column.name, column.key]),
   );
   const oldNameByKey = Object.fromEntries(
-    oldColumns.map(column => [column.key, column.name]),
+    oldColumns.map((column) => [column.key, column.name]),
   );
   const remappedSettings = settings.reduce((settings: T[], setting) => {
     const oldName = getColumnName(setting);
@@ -140,7 +140,7 @@ function syncColumns<T>({
   const remappedNames = new Set(remappedSettings.map(getColumnName));
   const addedSettings = newColumns
     .filter(
-      column =>
+      (column) =>
         !oldNameByKey[column.key] &&
         !remappedNames.has(column.name) &&
         shouldCreateSetting(column),
@@ -167,9 +167,9 @@ function syncColumnNames({
     settings,
     newColumns,
     oldColumns,
-    getColumnName: setting => setting,
+    getColumnName: (setting) => setting,
     setColumnName: (_, newName) => newName,
-    createSetting: column => column.name,
+    createSetting: (column) => column.name,
     shouldCreateSetting,
   });
 }
@@ -190,9 +190,9 @@ function syncTableColumns(
       settings: columnSettings,
       newColumns,
       oldColumns,
-      getColumnName: setting => setting.name,
+      getColumnName: (setting) => setting.name,
       setColumnName: (setting, newName) => ({ ...setting, name: newName }),
-      createSetting: column => ({ name: column.name, enabled: true }),
+      createSetting: (column) => ({ name: column.name, enabled: true }),
       shouldCreateSetting: () => true,
     }),
   };
@@ -214,7 +214,7 @@ function syncColumnSettings(
     oldColumns,
     getColumnName: ([key]) => getColumnNameFromKey(key),
     setColumnName: ([_key, setting], name) => [getColumnKey({ name }), setting],
-    createSetting: column => [getColumnKey(column), {}],
+    createSetting: (column) => [getColumnKey(column), {}],
     shouldCreateSetting: () => false,
   });
 
@@ -240,7 +240,7 @@ function syncGraphMetrics(
       settings: graphMetrics,
       newColumns,
       oldColumns,
-      shouldCreateSetting: column => column.isAggregation,
+      shouldCreateSetting: (column) => column.isAggregation,
     }),
   };
 }
diff --git a/frontend/src/metabase/querying/viz-settings/utils/sync-viz-settings.unit.spec.tsx b/frontend/src/metabase/querying/viz-settings/utils/sync-viz-settings.unit.spec.tsx
index 19fe5f442d4..a005de90539 100644
--- a/frontend/src/metabase/querying/viz-settings/utils/sync-viz-settings.unit.spec.tsx
+++ b/frontend/src/metabase/querying/viz-settings/utils/sync-viz-settings.unit.spec.tsx
@@ -570,7 +570,7 @@ describe("syncVizSettingsWithSeries", () => {
       const newSettings = syncVizSettingsWithSeries(
         oldSettings,
         query,
-        newSeries.map(singleSeries => ({
+        newSeries.map((singleSeries) => ({
           ...singleSeries,
           error: { status: 500 },
         })),
@@ -584,7 +584,7 @@ describe("syncVizSettingsWithSeries", () => {
         oldSettings,
         query,
         newSeries,
-        oldSeries.map(singleSeries => ({
+        oldSeries.map((singleSeries) => ({
           ...singleSeries,
           error: { status: 500 },
         })),
diff --git a/frontend/src/metabase/questions/components/CopyQuestionForm.tsx b/frontend/src/metabase/questions/components/CopyQuestionForm.tsx
index f768dc68cc2..b43e475fe3c 100644
--- a/frontend/src/metabase/questions/components/CopyQuestionForm.tsx
+++ b/frontend/src/metabase/questions/components/CopyQuestionForm.tsx
@@ -131,8 +131,8 @@ export const CopyQuestionForm = ({
                 title={t`Where do you want to save this?`}
                 collectionPickerModalProps={{
                   models,
-                  recentFilter: items =>
-                    items.filter(item => {
+                  recentFilter: (items) =>
+                    items.filter((item) => {
                       // narrow type and make sure it's a dashboard or
                       // collection that the user can write to
                       return item.model !== "table" && item.can_write;
diff --git a/frontend/src/metabase/questions/components/CopyQuestionForm.unit.spec.tsx b/frontend/src/metabase/questions/components/CopyQuestionForm.unit.spec.tsx
index d4e86b022c8..be82dbcce0f 100644
--- a/frontend/src/metabase/questions/components/CopyQuestionForm.unit.spec.tsx
+++ b/frontend/src/metabase/questions/components/CopyQuestionForm.unit.spec.tsx
@@ -29,7 +29,7 @@ type SetupOpts = {
 };
 
 function setup({ initialValues = {}, model = "question" }: SetupOpts = {}) {
-  const onSubmit = jest.fn(question => Promise.resolve(question));
+  const onSubmit = jest.fn((question) => Promise.resolve(question));
   const onSaved = jest.fn();
   const onCancel = jest.fn();
 
diff --git a/frontend/src/metabase/questions/containers/ArchiveQuestionModal.jsx b/frontend/src/metabase/questions/containers/ArchiveQuestionModal.jsx
index 5a840bbf108..422bdcd3d30 100644
--- a/frontend/src/metabase/questions/containers/ArchiveQuestionModal.jsx
+++ b/frontend/src/metabase/questions/containers/ArchiveQuestionModal.jsx
@@ -7,11 +7,11 @@ import { ArchiveModal } from "metabase/components/ArchiveModal";
 import { connect } from "metabase/lib/redux";
 import { setArchivedQuestion } from "metabase/query_builder/actions";
 
-const mapDispatchToProps = dispatch => ({
-  archive: question => dispatch(setArchivedQuestion(question, true)),
+const mapDispatchToProps = (dispatch) => ({
+  archive: (question) => dispatch(setArchivedQuestion(question, true)),
 });
 
-const getLabels = question => {
+const getLabels = (question) => {
   const type = question.type();
 
   if (type === "question") {
diff --git a/frontend/src/metabase/redux/app.ts b/frontend/src/metabase/redux/app.ts
index a2dabff407f..9eb639044ca 100644
--- a/frontend/src/metabase/redux/app.ts
+++ b/frontend/src/metabase/redux/app.ts
@@ -87,7 +87,7 @@ export const toggleNavbar = createAction(TOGGLE_NAVBAR);
 const isNavbarOpen = handleActions(
   {
     [OPEN_NAVBAR]: () => true,
-    [TOGGLE_NAVBAR]: isOpen => !isOpen,
+    [TOGGLE_NAVBAR]: (isOpen) => !isOpen,
     [CLOSE_NAVBAR]: () => false,
     [LOCATION_CHANGE]: (
       prevState: boolean,
diff --git a/frontend/src/metabase/redux/auth.ts b/frontend/src/metabase/redux/auth.ts
index c313c57c77e..f50c657538c 100644
--- a/frontend/src/metabase/redux/auth.ts
+++ b/frontend/src/metabase/redux/auth.ts
@@ -7,21 +7,21 @@ const initialState = {
   redirect: true,
 };
 
-export const reducer = createReducer(initialState, builder => {
-  builder.addCase(login.pending, state => {
+export const reducer = createReducer(initialState, (builder) => {
+  builder.addCase(login.pending, (state) => {
     state.loginPending = true;
   });
-  builder.addCase(login.fulfilled, state => {
+  builder.addCase(login.fulfilled, (state) => {
     state.loginPending = false;
   });
 
-  builder.addCase(loginGoogle.pending, state => {
+  builder.addCase(loginGoogle.pending, (state) => {
     state.loginPending = true;
   });
-  builder.addCase(loginGoogle.fulfilled, state => {
+  builder.addCase(loginGoogle.fulfilled, (state) => {
     state.loginPending = false;
   });
-  builder.addCase(pauseRedirect.toString(), state => {
+  builder.addCase(pauseRedirect.toString(), (state) => {
     state.redirect = false;
   });
 });
diff --git a/frontend/src/metabase/redux/downloads.ts b/frontend/src/metabase/redux/downloads.ts
index a4153974439..0a3d5d1d8f1 100644
--- a/frontend/src/metabase/redux/downloads.ts
+++ b/frontend/src/metabase/redux/downloads.ts
@@ -208,7 +208,7 @@ const getDatasetParams = ({
         url: `/api/embed/dashboard/${token}/dashcard/${dashcardId}/card/${cardId}/${type}`,
         params: new URLSearchParams({
           parameters: JSON.stringify(params),
-          ..._.mapObject(exportParams, value => String(value)),
+          ..._.mapObject(exportParams, (value) => String(value)),
         }),
       };
     }
@@ -221,7 +221,7 @@ const getDatasetParams = ({
         url: Urls.embedCard(token, type),
         params: new URLSearchParams({
           parameters: JSON.stringify(Object.fromEntries(params)),
-          ..._.mapObject(exportParams, value => String(value)),
+          ..._.mapObject(exportParams, (value) => String(value)),
         }),
       };
     }
@@ -333,7 +333,7 @@ const getChartFileName = (question: Question) => {
 
 export const getDownloads = (state: State) => state.downloads;
 export const hasActiveDownloads = (state: State) =>
-  state.downloads.some(download => download.status === "in-progress");
+  state.downloads.some((download) => download.status === "in-progress");
 
 const initialState: DownloadsState = [];
 
@@ -343,7 +343,7 @@ const downloads = createSlice({
   reducers: {
     clearAll: () => initialState,
   },
-  extraReducers: builder => {
+  extraReducers: (builder) => {
     builder
       .addCase(downloadDataset.pending, (state, action) => {
         const title = t`Results for ${
@@ -356,14 +356,14 @@ const downloads = createSlice({
         });
       })
       .addCase(downloadDataset.fulfilled, (state, action) => {
-        const download = state.find(item => item.id === action.meta.arg.id);
+        const download = state.find((item) => item.id === action.meta.arg.id);
         if (download) {
           download.status = "complete";
           download.title = action.payload.name;
         }
       })
       .addCase(downloadDataset.rejected, (state, action) => {
-        const download = state.find(item => item.id === action.meta.arg.id);
+        const download = state.find((item) => item.id === action.meta.arg.id);
         if (download) {
           download.status = "error";
           download.error =
diff --git a/frontend/src/metabase/redux/embed/embed.ts b/frontend/src/metabase/redux/embed/embed.ts
index 67de2cc6842..10cc55c6f18 100644
--- a/frontend/src/metabase/redux/embed/embed.ts
+++ b/frontend/src/metabase/redux/embed/embed.ts
@@ -84,7 +84,7 @@ function normalizeEntityTypesCommaSeparatedSearchParameter(
   const [optionValues] = searchParams.getAll(PARAMETER);
   if (optionValues && isArrayString(optionValues)) {
     searchParams.delete(PARAMETER);
-    optionValues.split(",").forEach(value => {
+    optionValues.split(",").forEach((value) => {
       const normalizedValue = value.trim();
       if (normalizedValue) {
         searchParams.append(PARAMETER, normalizedValue);
@@ -125,7 +125,7 @@ function normalizeEntityTypes(
     const entityTypes = Array.isArray(entityTypesValueOrArray)
       ? entityTypesValueOrArray
       : [entityTypesValueOrArray];
-    const filteredEntityTypes = entityTypes.filter(type =>
+    const filteredEntityTypes = entityTypes.filter((type) =>
       ALLOWED_ENTITY_TYPES.includes(type),
     );
 
diff --git a/frontend/src/metabase/redux/entities.js b/frontend/src/metabase/redux/entities.js
index b0a3e72458b..9400bda3b7d 100644
--- a/frontend/src/metabase/redux/entities.js
+++ b/frontend/src/metabase/redux/entities.js
@@ -7,7 +7,7 @@ export const { entities, reducer, requestsReducer } =
   combineEntities(entitiesArray);
 export default reducer;
 
-export const enhanceRequestsReducer = originalRequestsReducer => {
+export const enhanceRequestsReducer = (originalRequestsReducer) => {
   return (state, action) =>
     originalRequestsReducer(requestsReducer(state, action), action);
 };
diff --git a/frontend/src/metabase/redux/metadata.js b/frontend/src/metabase/redux/metadata.js
index 87e4ba0fbb6..0306598ea3c 100644
--- a/frontend/src/metabase/redux/metadata.js
+++ b/frontend/src/metabase/redux/metadata.js
@@ -12,7 +12,7 @@ import { MetabaseApi, RevisionsApi } from "metabase/services";
 
 // NOTE: All of these actions are deprecated. Use metadata entities directly.
 
-const deprecated = message => {
+const deprecated = (message) => {
   if (!isProduction) {
     console.warn("DEPRECATED: " + message);
   }
@@ -24,7 +24,7 @@ export const fetchSegments = (reload = false) => {
   return Segments.actions.fetchList(null, { reload });
 };
 
-export const updateSegment = segment => {
+export const updateSegment = (segment) => {
   deprecated("metabase/redux/metadata updateSegment");
   return Segments.actions.update(segment);
 };
@@ -39,13 +39,13 @@ export const fetchDatabaseMetadata = (dbId, reload = false) => {
   return Databases.actions.fetchDatabaseMetadata({ id: dbId }, { reload });
 };
 
-export const updateDatabase = database => {
+export const updateDatabase = (database) => {
   deprecated("metabase/redux/metadata updateDatabase");
   const slimDatabase = _.omit(database, "tables", "tables_lookup");
   return Databases.actions.update(slimDatabase);
 };
 
-export const updateTable = table => {
+export const updateTable = (table) => {
   deprecated("metabase/redux/metadata updateTable");
   const slimTable = _.omit(
     table,
@@ -73,7 +73,7 @@ export const fetchField = createThunkAction(
   METADATA_FETCH_FIELD,
   (id, reload = false) => {
     deprecated("metabase/redux/metadata fetchField");
-    return async dispatch => {
+    return async (dispatch) => {
       const action = await dispatch(Fields.actions.fetch({ id }, { reload }));
       const field = Fields.HACK_getObjectFromAction(action);
       if (field?.dimensions?.[0]?.human_readable_field_id != null) {
@@ -94,24 +94,24 @@ export const updateFieldValues = (fieldId, fieldValuePairs) => {
 };
 
 export { ADD_PARAM_VALUES } from "metabase/entities/fields";
-export const addParamValues = paramValues => {
+export const addParamValues = (paramValues) => {
   deprecated("metabase/redux/metadata addParamValues");
   return Fields.actions.addParamValues(paramValues);
 };
 
 export { ADD_FIELDS } from "metabase/entities/fields";
-export const addFields = fieldMaps => {
+export const addFields = (fieldMaps) => {
   deprecated("metabase/redux/metadata addFields");
   return Fields.actions.addFields(fieldMaps);
 };
 
-export const updateField = field => {
+export const updateField = (field) => {
   deprecated("metabase/redux/metadata updateField");
   const slimField = _.omit(field, "filter_operators_lookup");
   return Fields.actions.update(slimField);
 };
 
-export const deleteFieldDimension = fieldId => {
+export const deleteFieldDimension = (fieldId) => {
   deprecated("metabase/redux/metadata deleteFieldDimension");
   return Fields.actions.deleteFieldDimension({ id: fieldId });
 };
@@ -246,7 +246,7 @@ export const fetchRealDatabasesWithMetadata = createThunkAction(
       await dispatch(fetchRealDatabases());
       const databases = getIn(getState(), ["entities", "databases"]);
       await Promise.all(
-        Object.values(databases).map(database =>
+        Object.values(databases).map((database) =>
           dispatch(fetchDatabaseMetadata(database.id)),
         ),
       );
diff --git a/frontend/src/metabase/redux/metadata.unit.spec.js b/frontend/src/metabase/redux/metadata.unit.spec.js
index 6da329b78e9..366c8463668 100644
--- a/frontend/src/metabase/redux/metadata.unit.spec.js
+++ b/frontend/src/metabase/redux/metadata.unit.spec.js
@@ -8,7 +8,7 @@ describe("deprecated metadata actions", () => {
   beforeEach(() => {
     jest.clearAllMocks();
 
-    dispatch = jest.fn(a => a);
+    dispatch = jest.fn((a) => a);
   });
 
   describe("fetchField", () => {
diff --git a/frontend/src/metabase/redux/requests.js b/frontend/src/metabase/redux/requests.js
index d918a01ccba..84cefaa0ac5 100644
--- a/frontend/src/metabase/redux/requests.js
+++ b/frontend/src/metabase/redux/requests.js
@@ -26,7 +26,7 @@ export const setRequestError = createAction(
 );
 export const setRequestUnloaded = createAction(
   "metabase/requests/SET_REQUEST_UNLOADED",
-  statePath => ({ statePath }),
+  (statePath) => ({ statePath }),
 );
 
 const initialRequestState = {
@@ -76,7 +76,7 @@ const requestStateReducer = handleActions(
       }),
     },
     [setRequestUnloaded]: {
-      next: state => ({
+      next: (state) => ({
         ...state,
         loaded: false,
         error: null,
@@ -98,7 +98,7 @@ function requestStateReducerRecursive(state, action) {
   }
 }
 
-const isBulkInvalidation = statePath => {
+const isBulkInvalidation = (statePath) => {
   // Bulk invalidations only have a statePath with a length of 2
   return statePath.length <= 2;
 };
@@ -109,7 +109,7 @@ export default (state = {}, action) => {
     const hasStateToUpdate = !!getIn(state, statePath);
 
     if (hasStateToUpdate || !isBulkInvalidation(statePath)) {
-      state = updateIn(state, action.payload.statePath, subState =>
+      state = updateIn(state, action.payload.statePath, (subState) =>
         requestStateReducerRecursive(subState, action),
       );
     }
diff --git a/frontend/src/metabase/redux/settings.ts b/frontend/src/metabase/redux/settings.ts
index f5f92a26615..e9609f57c6a 100644
--- a/frontend/src/metabase/redux/settings.ts
+++ b/frontend/src/metabase/redux/settings.ts
@@ -64,15 +64,15 @@ export const settings = createReducer(
   // note: this sets the initial state to the current values in the window object
   // this is necessary so that we never have empty settings
   { values: window.MetabaseBootstrap || {}, loading: false },
-  builder => {
+  (builder) => {
     builder
-      .addCase(refreshSiteSettings.pending, state => {
+      .addCase(refreshSiteSettings.pending, (state) => {
         state.loading = true;
       })
-      .addCase(refreshSiteSettings.fulfilled, state => {
+      .addCase(refreshSiteSettings.fulfilled, (state) => {
         state.loading = false;
       })
-      .addCase(refreshSiteSettings.rejected, state => {
+      .addCase(refreshSiteSettings.rejected, (state) => {
         state.loading = false;
       })
       .addCase(loadSettings, (state, { payload }) => {
diff --git a/frontend/src/metabase/redux/undo.ts b/frontend/src/metabase/redux/undo.ts
index f3c67735493..8491fda7bc3 100644
--- a/frontend/src/metabase/redux/undo.ts
+++ b/frontend/src/metabase/redux/undo.ts
@@ -13,7 +13,7 @@ const PERFORM_UNDO = "metabase/questions/PERFORM_UNDO";
 
 let nextUndoId = 0;
 
-export const addUndo = createThunkAction(ADD_UNDO, undo => {
+export const addUndo = createThunkAction(ADD_UNDO, (undo) => {
   return (dispatch, getState) => {
     const { icon = "check", timeout = 5000, canDismiss = true } = undo;
     const id = undo.id ?? nextUndoId++;
@@ -51,10 +51,10 @@ export const pauseUndo = createAction(PAUSE_UNDO, (undo: Undo) => {
 });
 
 const RESUME_UNDO = "metabase/questions/RESUME_UNDO";
-export const resumeUndo = createThunkAction(RESUME_UNDO, undo => {
+export const resumeUndo = createThunkAction(RESUME_UNDO, (undo) => {
   const restTime = undo.timeout - (undo.pausedAt - undo.startedAt);
 
-  return dispatch => {
+  return (dispatch) => {
     return {
       ...undo,
       timeoutId: setTimeout(
@@ -72,8 +72,8 @@ function getUndo(state: State, undoId: Undo["id"]) {
 
 const getAutoConnectedUndos = createSelector(
   [(state: State) => state.undo],
-  undos => {
-    return undos.filter(undo => undo.type === "filterAutoConnectDone");
+  (undos) => {
+    return undos.filter((undo) => undo.type === "filterAutoConnectDone");
   },
 );
 
@@ -84,7 +84,7 @@ export const getIsRecentlyAutoConnectedDashcard = createSelector(
     (_state, _props, parameterId) => parameterId,
   ],
   (undos, dashcardId, parameterId) => {
-    const isRecentlyAutoConnected = undos.some(undo => {
+    const isRecentlyAutoConnected = undos.some((undo) => {
       const isDashcardAutoConnected =
         undo.extraInfo?.dashcardIds?.includes(dashcardId);
       const isSameParameterSelected = undo.extraInfo?.parameterId
@@ -107,11 +107,11 @@ export const dismissUndo = createAction(
 
 export const dismissAllUndo = createAction(DISMISS_ALL_UNDO);
 
-export const performUndo = createThunkAction(PERFORM_UNDO, undoId => {
+export const performUndo = createThunkAction(PERFORM_UNDO, (undoId) => {
   return (dispatch, getState) => {
     const undo = getUndo(getState(), undoId);
     if (undo) {
-      undo.actions?.forEach(action => dispatch(action));
+      undo.actions?.forEach((action) => dispatch(action));
       dispatch(dismissUndo({ undoId }));
     }
   };
@@ -167,7 +167,7 @@ export function undoReducer(
     }
 
     const undoId = payload;
-    const dismissedUndo = state.find(undo => undo.id === undoId);
+    const dismissedUndo = state.find((undo) => undo.id === undoId);
 
     if (dismissedUndo) {
       clearTimeoutForUndo(dismissedUndo);
@@ -176,7 +176,7 @@ export function undoReducer(
       console.warn("DISMISS_UNDO", payload);
       return state;
     }
-    return state.filter(undo => undo.id !== undoId);
+    return state.filter((undo) => undo.id !== undoId);
   } else if (type === DISMISS_ALL_UNDO) {
     for (const undo of state) {
       clearTimeoutForUndo(undo);
@@ -187,7 +187,7 @@ export function undoReducer(
       return state;
     }
 
-    return state.map(undo => {
+    return state.map((undo) => {
       if (undo.id === payload.id) {
         return {
           ...undo,
@@ -203,7 +203,7 @@ export function undoReducer(
       return state;
     }
 
-    return state.map(undo => {
+    return state.map((undo) => {
       if (undo.id === payload.id) {
         return {
           ...undo,
diff --git a/frontend/src/metabase/redux/uploads.ts b/frontend/src/metabase/redux/uploads.ts
index 4a50de0d120..dd788868f3e 100644
--- a/frontend/src/metabase/redux/uploads.ts
+++ b/frontend/src/metabase/redux/uploads.ts
@@ -41,7 +41,7 @@ export const getAllUploads = (state: State) => state.upload;
 
 export const hasActiveUploads = (state: State) =>
   Object.values(getAllUploads(state)).some(
-    upload => upload.status === "in-progress",
+    (upload) => upload.status === "in-progress",
   );
 
 export interface UploadFileProps {
@@ -163,7 +163,7 @@ const upload = handleActions<
     },
     [UPLOAD_FILE_END]: {
       next: (state, { payload }) =>
-        updateIn(state, [payload.id], val => ({
+        updateIn(state, [payload.id], (val) => ({
           ...val,
           ...payload,
           status: "complete",
@@ -171,7 +171,7 @@ const upload = handleActions<
     },
     [UPLOAD_FILE_ERROR]: {
       next: (state, { payload }) =>
-        updateIn(state, [payload.id], val => ({
+        updateIn(state, [payload.id], (val) => ({
           ...val,
           ...payload,
           status: "error",
diff --git a/frontend/src/metabase/redux/user.ts b/frontend/src/metabase/redux/user.ts
index a918c1331b8..35ae31f35af 100644
--- a/frontend/src/metabase/redux/user.ts
+++ b/frontend/src/metabase/redux/user.ts
@@ -31,11 +31,11 @@ export const clearCurrentUser = createAction(
   "metabase/user/CLEAR_CURRENT_USER",
 );
 
-export const currentUser = createReducer<User | null>(null, builder => {
+export const currentUser = createReducer<User | null>(null, (builder) => {
   builder
     .addCase(clearCurrentUser, () => null)
     .addCase(refreshCurrentUser.fulfilled, (state, action) => action.payload)
-    .addCase(CLOSE_QB_NEWB_MODAL, state => {
+    .addCase(CLOSE_QB_NEWB_MODAL, (state) => {
       if (state) {
         state.is_qbnewb = false;
         return state;
diff --git a/frontend/src/metabase/reference/components/Field.jsx b/frontend/src/metabase/reference/components/Field.jsx
index 29d71ae4cb4..af21a5315be 100644
--- a/frontend/src/metabase/reference/components/Field.jsx
+++ b/frontend/src/metabase/reference/components/Field.jsx
@@ -63,7 +63,7 @@ const Field = ({
               <SemanticTypePicker
                 field={field}
                 value={semanticType}
-                onChange={value => {
+                onChange={(value) => {
                   formField.semantic_type.onChange({
                     target: {
                       name: formField.semantic_type.name,
@@ -111,7 +111,7 @@ const Field = ({
                       formField.fk_target_field_id.value ||
                       field.fk_target_field_id
                     }
-                    onChange={value => {
+                    onChange={(value) => {
                       formField.fk_target_field_id.onChange({
                         target: {
                           name: formField.fk_target_field_id.name,
diff --git a/frontend/src/metabase/reference/components/FieldFkTargetPicker.tsx b/frontend/src/metabase/reference/components/FieldFkTargetPicker.tsx
index deca5edb808..c2d597cc947 100644
--- a/frontend/src/metabase/reference/components/FieldFkTargetPicker.tsx
+++ b/frontend/src/metabase/reference/components/FieldFkTargetPicker.tsx
@@ -19,7 +19,7 @@ export const FieldFkTargetPicker = ({
   onChange,
 }: Props) => {
   const dispatch = useDispatch();
-  const idFields = useSelector(state => {
+  const idFields = useSelector((state) => {
     return Databases.selectors.getIdFields(state, { databaseId });
   });
 
diff --git a/frontend/src/metabase/reference/components/FieldTypeDetail.jsx b/frontend/src/metabase/reference/components/FieldTypeDetail.jsx
index f65262b9464..859191ad04f 100644
--- a/frontend/src/metabase/reference/components/FieldTypeDetail.jsx
+++ b/frontend/src/metabase/reference/components/FieldTypeDetail.jsx
@@ -37,7 +37,7 @@ const FieldTypeDetail = ({
               <SemanticTypePicker
                 field={field}
                 value={semanticType}
-                onChange={value => {
+                onChange={(value) => {
                   fieldTypeFormField.onChange({
                     target: {
                       name: fieldTypeFormField.name,
@@ -64,7 +64,7 @@ const FieldTypeDetail = ({
                     value={
                       foreignKeyFormField.value || field.fk_target_field_id
                     }
-                    onChange={value => {
+                    onChange={(value) => {
                       foreignKeyFormField.onChange({
                         target: {
                           name: foreignKeyFormField.name,
diff --git a/frontend/src/metabase/reference/components/Formula.tsx b/frontend/src/metabase/reference/components/Formula.tsx
index 1d3abd5c64c..36d9312f634 100644
--- a/frontend/src/metabase/reference/components/Formula.tsx
+++ b/frontend/src/metabase/reference/components/Formula.tsx
@@ -44,7 +44,7 @@ export const Formula = ({
       <span className={S.formulaTitle}>{t`View the ${type} formula`}</span>
     </div>
     <Transition mounted={isExpanded} duration={300} transition={TRANSITION}>
-      {styles => (
+      {(styles) => (
         <div className={S.formulaDefinition} style={styles}>
           <QueryDefinition
             className={S.formulaDefinitionInner}
diff --git a/frontend/src/metabase/reference/databases/DatabaseDetail.jsx b/frontend/src/metabase/reference/databases/DatabaseDetail.jsx
index 72d002fa9ab..b64bd4c09a7 100644
--- a/frontend/src/metabase/reference/databases/DatabaseDetail.jsx
+++ b/frontend/src/metabase/reference/databases/DatabaseDetail.jsx
@@ -69,7 +69,7 @@ const propTypes = {
   onSubmit: PropTypes.func.isRequired,
 };
 
-const DatabaseDetail = props => {
+const DatabaseDetail = (props) => {
   const {
     style,
     entity,
@@ -91,10 +91,11 @@ const DatabaseDetail = props => {
     handleReset,
   } = useFormik({
     initialValues: {},
-    onSubmit: fields => onSubmit(fields, { ...props, resetForm: handleReset }),
+    onSubmit: (fields) =>
+      onSubmit(fields, { ...props, resetForm: handleReset }),
   });
 
-  const getFormField = name => ({
+  const getFormField = (name) => ({
     ...getFieldProps(name),
     ...getFieldMeta(name),
   });
diff --git a/frontend/src/metabase/reference/databases/DatabaseList.jsx b/frontend/src/metabase/reference/databases/DatabaseList.jsx
index 5c8fb098854..728ba5d0b54 100644
--- a/frontend/src/metabase/reference/databases/DatabaseList.jsx
+++ b/frontend/src/metabase/reference/databases/DatabaseList.jsx
@@ -37,7 +37,7 @@ class DatabaseList extends Component {
     const { entities, style, loadingError, loading } = this.props;
 
     const databases = Object.values(entities)
-      .filter(database => {
+      .filter((database) => {
         const exists = Boolean(database?.id && database?.name);
         return exists && !database.is_saved_questions;
       })
@@ -57,7 +57,7 @@ class DatabaseList extends Component {
             Object.keys(entities).length > 0 ? (
               <div className={CS.wrapper}>
                 <List>
-                  {databases.map(database => (
+                  {databases.map((database) => (
                     <ListItem
                       key={database.id}
                       name={database.name}
diff --git a/frontend/src/metabase/reference/databases/FieldDetail.jsx b/frontend/src/metabase/reference/databases/FieldDetail.jsx
index df45fc15b35..0c58abb4337 100644
--- a/frontend/src/metabase/reference/databases/FieldDetail.jsx
+++ b/frontend/src/metabase/reference/databases/FieldDetail.jsx
@@ -116,7 +116,7 @@ const propTypes = {
   onSubmit: PropTypes.func.isRequired,
 };
 
-const FieldDetail = props => {
+const FieldDetail = (props) => {
   const {
     style,
     entity,
@@ -140,10 +140,11 @@ const FieldDetail = props => {
     handleReset,
   } = useFormik({
     initialValues: {},
-    onSubmit: fields => onSubmit(fields, { ...props, resetForm: handleReset }),
+    onSubmit: (fields) =>
+      onSubmit(fields, { ...props, resetForm: handleReset }),
   });
 
-  const getFormField = name => ({
+  const getFormField = (name) => ({
     ...getFieldProps(name),
     ...getFieldMeta(name),
   });
diff --git a/frontend/src/metabase/reference/databases/FieldList.jsx b/frontend/src/metabase/reference/databases/FieldList.jsx
index 6d837486d22..d6e17c26f3d 100644
--- a/frontend/src/metabase/reference/databases/FieldList.jsx
+++ b/frontend/src/metabase/reference/databases/FieldList.jsx
@@ -73,7 +73,7 @@ const propTypes = {
   "data-testid": PropTypes.string,
 };
 
-const FieldList = props => {
+const FieldList = (props) => {
   const {
     style,
     entities,
@@ -96,16 +96,16 @@ const FieldList = props => {
     handleReset,
   } = useFormik({
     initialValues: {},
-    onSubmit: fields =>
+    onSubmit: (fields) =>
       onSubmit(entities, fields, { ...props, resetForm: handleReset }),
   });
 
-  const getFormField = name => ({
+  const getFormField = (name) => ({
     ...getFieldProps(name),
     ...getFieldMeta(name),
   });
 
-  const getNestedFormField = id => ({
+  const getNestedFormField = (id) => ({
     display_name: getFormField(`${id}.display_name`),
     description: getFormField(`${id}.description`),
     semantic_type: getFormField(`${id}.semantic_type`),
@@ -169,7 +169,7 @@ const FieldList = props => {
                     // respect the column sort order
                     .sort((a, b) => a.position - b.position)
                     .map(
-                      entity =>
+                      (entity) =>
                         entity &&
                         entity.id &&
                         entity.name && (
diff --git a/frontend/src/metabase/reference/databases/TableDetail.jsx b/frontend/src/metabase/reference/databases/TableDetail.jsx
index dcb30b60336..5f890f4731c 100644
--- a/frontend/src/metabase/reference/databases/TableDetail.jsx
+++ b/frontend/src/metabase/reference/databases/TableDetail.jsx
@@ -103,7 +103,7 @@ const propTypes = {
   onSubmit: PropTypes.func.isRequired,
 };
 
-const TableDetail = props => {
+const TableDetail = (props) => {
   const {
     style,
     entity,
@@ -127,10 +127,11 @@ const TableDetail = props => {
     handleReset,
   } = useFormik({
     initialValues: {},
-    onSubmit: fields => onSubmit(fields, { ...props, resetForm: handleReset }),
+    onSubmit: (fields) =>
+      onSubmit(fields, { ...props, resetForm: handleReset }),
   });
 
-  const getFormField = name => ({
+  const getFormField = (name) => ({
     ...getFieldProps(name),
     ...getFieldMeta(name),
   });
diff --git a/frontend/src/metabase/reference/databases/TableList.jsx b/frontend/src/metabase/reference/databases/TableList.jsx
index fc7025a2e48..59287172126 100644
--- a/frontend/src/metabase/reference/databases/TableList.jsx
+++ b/frontend/src/metabase/reference/databases/TableList.jsx
@@ -41,7 +41,7 @@ const mapDispatchToProps = {
   ...metadataActions,
 };
 
-const createListItem = table => (
+const createListItem = (table) => (
   <ListItem
     data-testid="table-list-item"
     key={table.id}
@@ -53,7 +53,7 @@ const createListItem = table => (
   />
 );
 
-const createSchemaSeparator = table => (
+const createSchemaSeparator = (table) => (
   <li className={R.schemaSeparator}>{table.schema_name}</li>
 );
 
@@ -63,8 +63,8 @@ export const separateTablesBySchema = (
   createListItem,
 ) => {
   const sortedTables = _.chain(tables)
-    .sortBy(t => t.name)
-    .sortBy(t => t.schema_name)
+    .sortBy((t) => t.name)
+    .sortBy((t) => t.schema_name)
     .value();
 
   return sortedTables.map((table, index, sortedTables) => {
@@ -124,7 +124,7 @@ class TableList extends Component {
                         createListItem,
                       )
                     : _.sortBy(tables, "name").map(
-                        table =>
+                        (table) =>
                           table &&
                           table.id &&
                           table.name &&
diff --git a/frontend/src/metabase/reference/databases/TableQuestions.jsx b/frontend/src/metabase/reference/databases/TableQuestions.jsx
index d2fc72e1231..d90302edd7d 100644
--- a/frontend/src/metabase/reference/databases/TableQuestions.jsx
+++ b/frontend/src/metabase/reference/databases/TableQuestions.jsx
@@ -81,7 +81,7 @@ class TableQuestions extends Component {
               <div className={cx(CS.wrapper, CS.wrapperTrim)}>
                 <List>
                   {Object.values(entities).map(
-                    entity =>
+                    (entity) =>
                       entity &&
                       entity.id &&
                       entity.name && (
diff --git a/frontend/src/metabase/reference/reference.js b/frontend/src/metabase/reference/reference.js
index c1c29014915..64c9b945c59 100644
--- a/frontend/src/metabase/reference/reference.js
+++ b/frontend/src/metabase/reference/reference.js
@@ -39,7 +39,7 @@ export const hideDashboardModal = createAction(HIDE_DASHBOARD_MODAL);
 // Helper functions. This is meant to be a transitional state to get things out of tryFetchData() and friends
 
 const fetchDataWrapper = (props, fn) => {
-  return async argument => {
+  return async (argument) => {
     props.clearError();
     props.startLoading();
     try {
@@ -61,17 +61,17 @@ export const wrappedFetchDatabaseMetadataAndQuestion = async (
   props,
   databaseID,
 ) => {
-  fetchDataWrapper(props, async dbID => {
+  fetchDataWrapper(props, async (dbID) => {
     await Promise.all([
       props.fetchDatabaseMetadata(dbID),
       props.fetchQuestions(),
     ]);
   })(databaseID);
 };
-export const wrappedFetchDatabases = props => {
+export const wrappedFetchDatabases = (props) => {
   fetchDataWrapper(props, props.fetchRealDatabases)({});
 };
-export const wrappedFetchSegments = props => {
+export const wrappedFetchSegments = (props) => {
   fetchDataWrapper(props, props.fetchSegments)({});
 };
 
@@ -80,13 +80,13 @@ export const wrappedFetchSegmentDetail = (props, segmentID) => {
 };
 
 export const wrappedFetchSegmentQuestions = async (props, segmentID) => {
-  fetchDataWrapper(props, async sID => {
+  fetchDataWrapper(props, async (sID) => {
     await props.fetchSegments(sID);
     await Promise.all([props.fetchSegmentTable(sID), props.fetchQuestions()]);
   })(segmentID);
 };
 export const wrappedFetchSegmentRevisions = async (props, segmentID) => {
-  fetchDataWrapper(props, async sID => {
+  fetchDataWrapper(props, async (sID) => {
     await props.fetchSegments(sID);
     await Promise.all([
       props.fetchSegmentRevisions(sID),
@@ -95,7 +95,7 @@ export const wrappedFetchSegmentRevisions = async (props, segmentID) => {
   })(segmentID);
 };
 export const wrappedFetchSegmentFields = async (props, segmentID) => {
-  fetchDataWrapper(props, async sID => {
+  fetchDataWrapper(props, async (sID) => {
     await props.fetchSegments(sID);
     await Promise.all([
       props.fetchSegmentFields(sID),
@@ -107,7 +107,7 @@ export const wrappedFetchSegmentFields = async (props, segmentID) => {
 // This is called when a component gets a new set of props.
 // I *think* this is un-necessary in all cases as we're using multiple
 // components where the old code re-used the same component
-export const clearState = props => {
+export const clearState = (props) => {
   props.endEditing();
   props.endLoading();
   props.clearError();
@@ -115,7 +115,7 @@ export const clearState = props => {
 };
 
 // This is called on the success or failure of a form triggered update
-const resetForm = props => {
+const resetForm = (props) => {
   props.resetForm();
   props.endLoading();
   props.endEditing();
@@ -128,7 +128,7 @@ const resetForm = props => {
 // of that component
 
 const updateDataWrapper = (props, fn) => {
-  return async fields => {
+  return async (fields) => {
     props.clearError();
     props.startLoading();
     try {
@@ -166,7 +166,7 @@ export const rUpdateFields = (fields, formFields, props) => {
     props.startLoading();
     try {
       const updatedFields = Object.keys(formFields)
-        .map(fieldId => ({
+        .map((fieldId) => ({
           field: fields[fieldId],
           formField: filterUntouchedFields(
             formFields[fieldId],
@@ -199,31 +199,31 @@ export default handleActions(
       throw: (state, { payload }) => assoc(state, "error", payload),
     },
     [CLEAR_ERROR]: {
-      next: state => assoc(state, "error", null),
+      next: (state) => assoc(state, "error", null),
     },
     [START_LOADING]: {
-      next: state => assoc(state, "isLoading", true),
+      next: (state) => assoc(state, "isLoading", true),
     },
     [END_LOADING]: {
-      next: state => assoc(state, "isLoading", false),
+      next: (state) => assoc(state, "isLoading", false),
     },
     [START_EDITING]: {
-      next: state => assoc(state, "isEditing", true),
+      next: (state) => assoc(state, "isEditing", true),
     },
     [END_EDITING]: {
-      next: state => assoc(state, "isEditing", false),
+      next: (state) => assoc(state, "isEditing", false),
     },
     [EXPAND_FORMULA]: {
-      next: state => assoc(state, "isFormulaExpanded", true),
+      next: (state) => assoc(state, "isFormulaExpanded", true),
     },
     [COLLAPSE_FORMULA]: {
-      next: state => assoc(state, "isFormulaExpanded", false),
+      next: (state) => assoc(state, "isFormulaExpanded", false),
     },
     [SHOW_DASHBOARD_MODAL]: {
-      next: state => assoc(state, "isDashboardModalOpen", true),
+      next: (state) => assoc(state, "isDashboardModalOpen", true),
     },
     [HIDE_DASHBOARD_MODAL]: {
-      next: state => assoc(state, "isDashboardModalOpen", false),
+      next: (state) => assoc(state, "isDashboardModalOpen", false),
     },
   },
   initialState,
diff --git a/frontend/src/metabase/reference/segments/SegmentDetail.jsx b/frontend/src/metabase/reference/segments/SegmentDetail.jsx
index 75b60f7a7d8..46fa4a76255 100644
--- a/frontend/src/metabase/reference/segments/SegmentDetail.jsx
+++ b/frontend/src/metabase/reference/segments/SegmentDetail.jsx
@@ -81,7 +81,7 @@ const mapDispatchToProps = {
   onSubmit: actions.rUpdateSegmentDetail,
 };
 
-const validate = values =>
+const validate = (values) =>
   !values.revision_message
     ? { revision_message: t`Please enter a revision message` }
     : {};
@@ -107,7 +107,7 @@ const propTypes = {
   onSubmit: PropTypes.func.isRequired,
 };
 
-const SegmentDetail = props => {
+const SegmentDetail = (props) => {
   const {
     style,
     entity,
@@ -135,10 +135,11 @@ const SegmentDetail = props => {
     validate,
     initialValues: {},
     initialErrors: validate({}),
-    onSubmit: fields => onSubmit(fields, { ...props, resetForm: handleReset }),
+    onSubmit: (fields) =>
+      onSubmit(fields, { ...props, resetForm: handleReset }),
   });
 
-  const getFormField = name => ({
+  const getFormField = (name) => ({
     ...getFieldProps(name),
     ...getFieldMeta(name),
   });
diff --git a/frontend/src/metabase/reference/segments/SegmentFieldDetail.jsx b/frontend/src/metabase/reference/segments/SegmentFieldDetail.jsx
index 6495a9965e8..6f1103556a5 100644
--- a/frontend/src/metabase/reference/segments/SegmentFieldDetail.jsx
+++ b/frontend/src/metabase/reference/segments/SegmentFieldDetail.jsx
@@ -100,7 +100,7 @@ const propTypes = {
   onSubmit: PropTypes.func.isRequired,
 };
 
-const SegmentFieldDetail = props => {
+const SegmentFieldDetail = (props) => {
   const {
     style,
     entity,
@@ -124,10 +124,11 @@ const SegmentFieldDetail = props => {
     handleReset,
   } = useFormik({
     initialValues: {},
-    onSubmit: fields => onSubmit(fields, { ...props, resetForm: handleReset }),
+    onSubmit: (fields) =>
+      onSubmit(fields, { ...props, resetForm: handleReset }),
   });
 
-  const getFormField = name => ({
+  const getFormField = (name) => ({
     ...getFieldProps(name),
     ...getFieldMeta(name),
   });
diff --git a/frontend/src/metabase/reference/segments/SegmentFieldList.jsx b/frontend/src/metabase/reference/segments/SegmentFieldList.jsx
index 6074774654c..83a9bd48af3 100644
--- a/frontend/src/metabase/reference/segments/SegmentFieldList.jsx
+++ b/frontend/src/metabase/reference/segments/SegmentFieldList.jsx
@@ -72,7 +72,7 @@ const propTypes = {
   onSubmit: PropTypes.func,
 };
 
-const SegmentFieldList = props => {
+const SegmentFieldList = (props) => {
   const {
     segment,
     style,
@@ -96,16 +96,16 @@ const SegmentFieldList = props => {
     handleReset,
   } = useFormik({
     initialValues: {},
-    onSubmit: fields =>
+    onSubmit: (fields) =>
       onSubmit(entities, fields, { ...props, resetForm: handleReset }),
   });
 
-  const getFormField = name => ({
+  const getFormField = (name) => ({
     ...getFieldProps(name),
     ...getFieldMeta(name),
   });
 
-  const getNestedFormField = id => ({
+  const getNestedFormField = (id) => ({
     display_name: getFormField(`${id}.display_name`),
     semantic_type: getFormField(`${id}.semantic_type`),
     fk_target_field_id: getFormField(`${id}.fk_target_field_id`),
@@ -161,7 +161,7 @@ const SegmentFieldList = props => {
                 </div>
                 <List>
                   {Object.values(entities).map(
-                    entity =>
+                    (entity) =>
                       entity &&
                       entity.id &&
                       entity.name && (
diff --git a/frontend/src/metabase/reference/segments/SegmentList/SegmentList.tsx b/frontend/src/metabase/reference/segments/SegmentList/SegmentList.tsx
index bfcc7d5bb63..deb455b8caf 100644
--- a/frontend/src/metabase/reference/segments/SegmentList/SegmentList.tsx
+++ b/frontend/src/metabase/reference/segments/SegmentList/SegmentList.tsx
@@ -31,7 +31,7 @@ export function SegmentList({ style }: SegmentListProps) {
   const entities = useSelector(getSegments);
   const loading = useSelector(getLoading);
   const loadingError = useSelector(getError);
-  const adminLink = useSelector(state =>
+  const adminLink = useSelector((state) =>
     getDocsUrl(state, {
       page: "data-modeling/segments",
       anchor: "creating-a-segment",
@@ -50,7 +50,7 @@ export function SegmentList({ style }: SegmentListProps) {
             <div className={cx(CS.wrapper, CS.wrapperTrim)}>
               <List>
                 {Object.values(entities).map(
-                  entity =>
+                  (entity) =>
                     entity &&
                     entity.id &&
                     entity.name && (
diff --git a/frontend/src/metabase/reference/segments/SegmentQuestions.jsx b/frontend/src/metabase/reference/segments/SegmentQuestions.jsx
index 83fedd27c3a..e3b78032cca 100644
--- a/frontend/src/metabase/reference/segments/SegmentQuestions.jsx
+++ b/frontend/src/metabase/reference/segments/SegmentQuestions.jsx
@@ -65,7 +65,7 @@ export const SegmentQuestions = ({ style, table, segment, metadata }) => {
             <div className={cx(CS.wrapper, CS.wrapperTrim)}>
               <List>
                 {data.map(
-                  question =>
+                  (question) =>
                     question.id() &&
                     question.displayName() && (
                       <ListItem
diff --git a/frontend/src/metabase/reference/segments/SegmentRevisions.jsx b/frontend/src/metabase/reference/segments/SegmentRevisions.jsx
index 075e3528c1a..30a6bad2729 100644
--- a/frontend/src/metabase/reference/segments/SegmentRevisions.jsx
+++ b/frontend/src/metabase/reference/segments/SegmentRevisions.jsx
@@ -62,7 +62,7 @@ class SegmentRevisions extends Component {
     const userColorAssignments =
       user && Object.keys(revisions).length > 0
         ? assignUserColors(
-            Object.values(revisions).map(revision =>
+            Object.values(revisions).map((revision) =>
               getIn(revision, ["user", "id"]),
             ),
             user.id,
@@ -93,7 +93,7 @@ class SegmentRevisions extends Component {
                 >
                   <div>
                     {Object.values(revisions)
-                      .map(revision =>
+                      .map((revision) =>
                         revision && revision.diff ? (
                           <Revision
                             key={revision.id}
diff --git a/frontend/src/metabase/reference/selectors.js b/frontend/src/metabase/reference/selectors.js
index 5fe9ac76aca..e502ee75f64 100644
--- a/frontend/src/metabase/reference/selectors.js
+++ b/frontend/src/metabase/reference/selectors.js
@@ -97,7 +97,9 @@ export const getSegmentRevisions = createSelector(
 export const getTableQuestions = createSelector(
   [getTable, getQuestions],
   (table, questions) =>
-    Object.values(questions).filter(question => question.table_id === table.id),
+    Object.values(questions).filter(
+      (question) => question.table_id === table.id,
+    ),
 );
 
 const getDatabaseBySegment = createSelector(
@@ -132,7 +134,7 @@ export const getError = (state, props) => state.reference.error;
 
 export const getHasSingleSchema = createSelector(
   [getTablesByDatabase],
-  tables =>
+  (tables) =>
     tables && Object.keys(tables).length > 0
       ? Object.values(tables).every(
           (table, index, tables) => table.schema_name === tables[0].schema,
diff --git a/frontend/src/metabase/reference/utils.js b/frontend/src/metabase/reference/utils.js
index 9142cf823c9..6fb3da948a2 100644
--- a/frontend/src/metabase/reference/utils.js
+++ b/frontend/src/metabase/reference/utils.js
@@ -10,7 +10,7 @@ import { isTypePK } from "metabase-lib/v1/types/utils/isa";
 
 export const idsToObjectMap = (ids, objects) =>
   ids
-    .map(id => objects[id])
+    .map((id) => objects[id])
     .reduce((map, object) => ({ ...map, [object.id]: object }), {});
 // recursive freezing done by assoc here is too expensive
 // hangs browser for large databases
@@ -18,23 +18,25 @@ export const idsToObjectMap = (ids, objects) =>
 
 export const filterUntouchedFields = (fields, entity = {}) =>
   Object.keys(fields)
-    .filter(key => fields[key] !== undefined && entity[key] !== fields[key])
+    .filter((key) => fields[key] !== undefined && entity[key] !== fields[key])
     .reduce((map, key) => ({ ...map, [key]: fields[key] }), {});
 
-export const isEmptyObject = object => Object.keys(object).length === 0;
+export const isEmptyObject = (object) => Object.keys(object).length === 0;
 
-export const databaseToForeignKeys = database =>
+export const databaseToForeignKeys = (database) =>
   database && database.tables_lookup
     ? Object.values(database.tables_lookup)
         // ignore tables without primary key
         .filter(
-          table =>
-            table && table.fields.find(field => isTypePK(field.semantic_type)),
+          (table) =>
+            table &&
+            table.fields.find((field) => isTypePK(field.semantic_type)),
         )
-        .map(table => ({
+        .map((table) => ({
           table: table,
           field:
-            table && table.fields.find(field => isTypePK(field.semantic_type)),
+            table &&
+            table.fields.find((field) => isTypePK(field.semantic_type)),
         }))
         .map(({ table, field }) => ({
           id: field.id,
@@ -116,14 +118,14 @@ function filterBySegmentId(query, segmentId) {
   return Lib.filter(query, stageIndex, segmentMetadata);
 }
 
-export const getQuestionUrl = getQuestionArgs =>
+export const getQuestionUrl = (getQuestionArgs) =>
   Urls.question(null, { hash: getQuestion(getQuestionArgs) });
 
 // little utility function to determine if we 'has' things, useful
 // for handling entity empty states
-export const has = entity => entity && entity.length > 0;
+export const has = (entity) => entity && entity.length > 0;
 
-export const getDescription = question => {
+export const getDescription = (question) => {
   const timestamp = moment(question.getCreatedAt()).fromNow();
   const author = question.getCreator().common_name;
   return t`Created ${timestamp} by ${author}`;
diff --git a/frontend/src/metabase/reference/utils.unit.spec.js b/frontend/src/metabase/reference/utils.unit.spec.js
index 37956121fae..927b5eb0762 100644
--- a/frontend/src/metabase/reference/utils.unit.spec.js
+++ b/frontend/src/metabase/reference/utils.unit.spec.js
@@ -75,8 +75,8 @@ describe("Reference utils.js", () => {
         6: { id: 6, name: "Buffalo", schema_name: "bar" },
       };
 
-      const createSchemaSeparator = table => table.schema_name;
-      const createListItem = table => table;
+      const createSchemaSeparator = (table) => table.schema_name;
+      const createListItem = (table) => table;
 
       const schemaSeparatedTables = separateTablesBySchema(
         tables,
diff --git a/frontend/src/metabase/route-guards.tsx b/frontend/src/metabase/route-guards.tsx
index 0b77c505ccc..b629a98f78c 100644
--- a/frontend/src/metabase/route-guards.tsx
+++ b/frontend/src/metabase/route-guards.tsx
@@ -25,7 +25,7 @@ const MetabaseIsSetup = connectedReduxRedirect<Props, State>({
   wrapperDisplayName: "MetabaseIsSetup",
   redirectPath: "/setup",
   allowRedirectBack: false,
-  authenticatedSelector: state => getSetting(state, "has-user-setup"),
+  authenticatedSelector: (state) => getSetting(state, "has-user-setup"),
   redirectAction: routerActions.replace,
   context: MetabaseReduxContext,
 });
@@ -33,7 +33,7 @@ const MetabaseIsSetup = connectedReduxRedirect<Props, State>({
 const UserIsAuthenticated = connectedReduxRedirect<Props, State>({
   wrapperDisplayName: "UserIsAuthenticated",
   redirectPath: "/auth/login",
-  authenticatedSelector: state => !!state.currentUser,
+  authenticatedSelector: (state) => !!state.currentUser,
   redirectAction: routerActions.replace,
   context: MetabaseReduxContext,
 });
@@ -42,7 +42,7 @@ const UserIsAdmin = connectedReduxRedirect<Props, State>({
   wrapperDisplayName: "UserIsAdmin",
   redirectPath: "/unauthorized",
   allowRedirectBack: false,
-  authenticatedSelector: state =>
+  authenticatedSelector: (state) =>
     Boolean(state.currentUser && state.currentUser.is_superuser),
   redirectAction: routerActions.replace,
   context: MetabaseReduxContext,
@@ -52,9 +52,9 @@ const UserIsNotAuthenticated = connectedReduxRedirect<Props, State>({
   wrapperDisplayName: "UserIsNotAuthenticated",
   redirectPath: () => getRedirectUrl(),
   allowRedirectBack: false,
-  authenticatingSelector: state =>
+  authenticatingSelector: (state) =>
     state.auth.loginPending || !state.auth.redirect,
-  authenticatedSelector: state => !state.currentUser,
+  authenticatedSelector: (state) => !state.currentUser,
   redirectAction: routerActions.replace,
   context: MetabaseReduxContext,
 });
@@ -63,7 +63,7 @@ const UserCanAccessSettings = connectedReduxRedirect<Props, State>({
   wrapperDisplayName: "UserCanAccessSettings",
   redirectPath: "/unauthorized",
   allowRedirectBack: false,
-  authenticatedSelector: state => (getAdminPaths(state)?.length ?? 0) > 0,
+  authenticatedSelector: (state) => (getAdminPaths(state)?.length ?? 0) > 0,
   redirectAction: routerActions.replace,
   context: MetabaseReduxContext,
 });
@@ -72,7 +72,7 @@ export const UserCanAccessOnboarding = connectedReduxRedirect<Props, State>({
   wrapperDisplayName: "UserCanAccessOnboarding",
   redirectPath: "/",
   allowRedirectBack: false,
-  authenticatedSelector: state => getCanAccessOnboardingPage(state),
+  authenticatedSelector: (state) => getCanAccessOnboardingPage(state),
   redirectAction: routerActions.replace,
   context: MetabaseReduxContext,
 });
diff --git a/frontend/src/metabase/route-guards.unit.spec.tsx b/frontend/src/metabase/route-guards.unit.spec.tsx
index 1a294f7450a..2765aad6bb5 100644
--- a/frontend/src/metabase/route-guards.unit.spec.tsx
+++ b/frontend/src/metabase/route-guards.unit.spec.tsx
@@ -20,7 +20,7 @@ describe("route-guards", () => {
       const RouteGuard = setupRouteGuard({
         // leverage the same context used by the main application
         context: MetabaseReduxContext,
-        authenticatedSelector: state => {
+        authenticatedSelector: (state) => {
           selectorState = state;
           return !!state.auth.VAL_ONLY_IN_THIS_CTX;
         },
@@ -47,7 +47,7 @@ describe("route-guards", () => {
             getState: () => ({ auth: { VAL_ONLY_IN_THIS_CTX: false } }),
           },
         }),
-        authenticatedSelector: state => {
+        authenticatedSelector: (state) => {
           selectorState = state;
           return !!state.auth.VAL_ONLY_IN_THIS_CTX;
         },
diff --git a/frontend/src/metabase/routes-embed.jsx b/frontend/src/metabase/routes-embed.jsx
index db70c5e256c..678d2744bda 100644
--- a/frontend/src/metabase/routes-embed.jsx
+++ b/frontend/src/metabase/routes-embed.jsx
@@ -6,7 +6,7 @@ import { PublicOrEmbeddedQuestion } from "metabase/public/containers/PublicOrEmb
 
 import { PublicOrEmbeddedDashboardPage } from "./public/containers/PublicOrEmbeddedDashboard";
 
-export const getRoutes = store => (
+export const getRoutes = (store) => (
   <Route>
     <Route path="embed" component={PublicApp}>
       <Route path="question/:token" component={PublicOrEmbeddedQuestion} />
diff --git a/frontend/src/metabase/routes-public.jsx b/frontend/src/metabase/routes-public.jsx
index 51c0717aecd..2e85f39a2df 100644
--- a/frontend/src/metabase/routes-public.jsx
+++ b/frontend/src/metabase/routes-public.jsx
@@ -7,7 +7,7 @@ import { PublicOrEmbeddedQuestion } from "metabase/public/containers/PublicOrEmb
 import { PublicOrEmbeddedDashboardPage } from "./public/containers/PublicOrEmbeddedDashboard";
 import { getApplicationName } from "./selectors/whitelabel";
 
-export const getRoutes = store => {
+export const getRoutes = (store) => {
   const applicationName = getApplicationName(store.getState());
   return (
     <Route title={applicationName}>
diff --git a/frontend/src/metabase/routes-stable-id-aware.tsx b/frontend/src/metabase/routes-stable-id-aware.tsx
index 1c2334137cd..9eb3ec47631 100644
--- a/frontend/src/metabase/routes-stable-id-aware.tsx
+++ b/frontend/src/metabase/routes-stable-id-aware.tsx
@@ -43,7 +43,7 @@ export const EntityIdRedirect = ({
 
   const paramsWithValues: ParamWithValue[] = useMemo(() => {
     // add the value from the params or the query
-    return parametersToTranslate.map(config => {
+    return parametersToTranslate.map((config) => {
       const value = match(config.type)
         .with("param", () => params[config.name])
         .with("search", () => location.query[config.name])
diff --git a/frontend/src/metabase/routes.jsx b/frontend/src/metabase/routes.jsx
index 35d295c8b4d..e4c017b6b37 100644
--- a/frontend/src/metabase/routes.jsx
+++ b/frontend/src/metabase/routes.jsx
@@ -68,7 +68,7 @@ import { createEntityIdRedirect } from "./routes-stable-id-aware";
 import { getSetting } from "./selectors/settings";
 import { getApplicationName } from "./selectors/whitelabel";
 
-export const getRoutes = store => {
+export const getRoutes = (store) => {
   const applicationName = getApplicationName(store.getState());
   const hasUserSetup = getSetting(store.getState(), "has-user-setup");
 
diff --git a/frontend/src/metabase/schema.js b/frontend/src/metabase/schema.js
index 4e2f080a868..2f35facc4ae 100644
--- a/frontend/src/metabase/schema.js
+++ b/frontend/src/metabase/schema.js
@@ -62,7 +62,7 @@ export const FieldSchema = new schema.Entity("fields", undefined, {
       uniqueId,
     };
   },
-  idAttribute: field => {
+  idAttribute: (field) => {
     return getUniqueFieldId(field);
   },
 });
diff --git a/frontend/src/metabase/search/components/DropdownSidebarFilter/DropdownSidebarFilter.tsx b/frontend/src/metabase/search/components/DropdownSidebarFilter/DropdownSidebarFilter.tsx
index 7f6ccb457b7..61dd4f16f9d 100644
--- a/frontend/src/metabase/search/components/DropdownSidebarFilter/DropdownSidebarFilter.tsx
+++ b/frontend/src/metabase/search/components/DropdownSidebarFilter/DropdownSidebarFilter.tsx
@@ -149,7 +149,7 @@ export const DropdownSidebarFilter = ({
                 <Stack mah={maxHeight}>
                   <ContentComponent
                     value={value}
-                    onChange={selected => onApplyFilter(selected)}
+                    onChange={(selected) => onApplyFilter(selected)}
                     width={popoverWidth}
                   />
                 </Stack>
diff --git a/frontend/src/metabase/search/components/DropdownSidebarFilter/DropdownSidebarFilter.unit.spec.tsx b/frontend/src/metabase/search/components/DropdownSidebarFilter/DropdownSidebarFilter.unit.spec.tsx
index 6f7f690a884..ef5169f8330 100644
--- a/frontend/src/metabase/search/components/DropdownSidebarFilter/DropdownSidebarFilter.unit.spec.tsx
+++ b/frontend/src/metabase/search/components/DropdownSidebarFilter/DropdownSidebarFilter.unit.spec.tsx
@@ -30,8 +30,8 @@ const mockFilter: SearchFilterComponent = {
       </div>
     );
   },
-  fromUrl: value => value,
-  toUrl: value => value,
+  fromUrl: (value) => value,
+  toUrl: (value) => value,
 };
 
 const MockSearchSidebarFilter = ({
diff --git a/frontend/src/metabase/search/components/SearchSidebar/SearchSidebar.tsx b/frontend/src/metabase/search/components/SearchSidebar/SearchSidebar.tsx
index 959cca4b257..d2e234e6f04 100644
--- a/frontend/src/metabase/search/components/SearchSidebar/SearchSidebar.tsx
+++ b/frontend/src/metabase/search/components/SearchSidebar/SearchSidebar.tsx
@@ -62,7 +62,7 @@ export const SearchSidebar = ({ value, onChange }: SearchSidebarProps) => {
           filter={Filter}
           value={filterValue}
           data-testid={`${key}-search-filter`}
-          onChange={value => onOutputChange(key, Filter.toUrl(value))}
+          onChange={(value) => onOutputChange(key, Filter.toUrl(value))}
         />
       );
     } else if (Filter.type === "dropdown") {
@@ -71,7 +71,7 @@ export const SearchSidebar = ({ value, onChange }: SearchSidebarProps) => {
           filter={Filter}
           data-testid={`${key}-search-filter`}
           value={filterValue}
-          onChange={value => onOutputChange(key, Filter.toUrl(value))}
+          onChange={(value) => onOutputChange(key, Filter.toUrl(value))}
         />
       );
     }
diff --git a/frontend/src/metabase/search/components/SearchUserPicker/SearchUserPicker.tsx b/frontend/src/metabase/search/components/SearchUserPicker/SearchUserPicker.tsx
index 9813c4f05b7..395c3decee6 100644
--- a/frontend/src/metabase/search/components/SearchUserPicker/SearchUserPicker.tsx
+++ b/frontend/src/metabase/search/components/SearchUserPicker/SearchUserPicker.tsx
@@ -33,7 +33,7 @@ export const SearchUserPicker = ({
   const isSelected = (user: UserListResult) =>
     selectedUserIds.includes(user.id);
 
-  const filteredUsers = users.filter(user => {
+  const filteredUsers = users.filter((user) => {
     return (
       user.common_name.toLowerCase().includes(userFilter.toLowerCase()) &&
       !isSelected(user)
@@ -59,7 +59,7 @@ export const SearchUserPicker = ({
   };
 
   const generateUserListElements = (userList: UserListResult[]) => {
-    return userList.map(user => (
+    return userList.map((user) => (
       <UserListElement
         key={user.id}
         isSelected={isSelected(user)}
@@ -82,8 +82,8 @@ export const SearchUserPicker = ({
             p="xs"
             mah="30vh"
           >
-            {selectedUserIds.map(userId => {
-              const user = users.find(user => user.id === userId);
+            {selectedUserIds.map((userId) => {
+              const user = users.find((user) => user.id === userId);
               return (
                 <SelectedUserButton
                   data-testid="selected-user-button"
@@ -108,7 +108,7 @@ export const SearchUserPicker = ({
               placeholder={t`Search for someone…`}
               value={userFilter}
               tabIndex={0}
-              onChange={event => setUserFilter(event.currentTarget.value)}
+              onChange={(event) => setUserFilter(event.currentTarget.value)}
               mt="-0.25rem"
               miw="18ch"
             />
diff --git a/frontend/src/metabase/search/components/SearchUserPicker/SearchUserPicker.unit.spec.tsx b/frontend/src/metabase/search/components/SearchUserPicker/SearchUserPicker.unit.spec.tsx
index 5fb015c1a23..ab7259f28ce 100644
--- a/frontend/src/metabase/search/components/SearchUserPicker/SearchUserPicker.unit.spec.tsx
+++ b/frontend/src/metabase/search/components/SearchUserPicker/SearchUserPicker.unit.spec.tsx
@@ -67,9 +67,9 @@ describe("SearchUserPicker", () => {
   });
 
   it("should show selected users in the select box on initial load", async () => {
-    await setup({ initialSelectedUsers: TEST_USERS.map(user => user.id) });
+    await setup({ initialSelectedUsers: TEST_USERS.map((user) => user.id) });
     expect(
-      screen.getAllByTestId("selected-user-button").map(el => el.textContent),
+      screen.getAllByTestId("selected-user-button").map((el) => el.textContent),
     ).toEqual(["Alice", "Bob"]);
 
     // all users are in the select box, so the search list should be empty
@@ -96,7 +96,7 @@ describe("SearchUserPicker", () => {
 
     await userEvent.click(searchUserList.getByText("Bob"));
     expect(
-      screen.getAllByTestId("selected-user-button").map(el => el.textContent),
+      screen.getAllByTestId("selected-user-button").map((el) => el.textContent),
     ).toEqual(["Alice", "Bob"]);
 
     expect(searchUserList.getByText("No results")).toBeInTheDocument();
@@ -104,7 +104,7 @@ describe("SearchUserPicker", () => {
 
   it("should remove user from select box and add them to search list when user is remove from select box", async () => {
     await setup({
-      initialSelectedUsers: TEST_USERS.map(user => user.id),
+      initialSelectedUsers: TEST_USERS.map((user) => user.id),
     });
 
     const searchUserList = within(screen.getByTestId("search-user-list"));
@@ -155,7 +155,7 @@ describe("SearchUserPicker", () => {
 
   it("should call onChange with an empty list when the user clicks Apply with no selection", async () => {
     const { mockOnChange } = await setup({
-      initialSelectedUsers: TEST_USERS.map(user => user.id),
+      initialSelectedUsers: TEST_USERS.map((user) => user.id),
     });
     const searchUserList = within(screen.getByTestId("search-user-select-box"));
     await userEvent.click(searchUserList.getByText("Alice"));
diff --git a/frontend/src/metabase/search/components/ToggleSidebarFilter/ToggleSidebarFilter.tsx b/frontend/src/metabase/search/components/ToggleSidebarFilter/ToggleSidebarFilter.tsx
index 972ad255f32..fa448882668 100644
--- a/frontend/src/metabase/search/components/ToggleSidebarFilter/ToggleSidebarFilter.tsx
+++ b/frontend/src/metabase/search/components/ToggleSidebarFilter/ToggleSidebarFilter.tsx
@@ -26,7 +26,7 @@ export const ToggleSidebarFilter = ({
       label={<Text color="text-dark">{label()}</Text>}
       data-is-checked={value}
       checked={value}
-      onChange={event => onChange(event.currentTarget.checked)}
+      onChange={(event) => onChange(event.currentTarget.checked)}
     />
   );
 };
diff --git a/frontend/src/metabase/search/components/ToggleSidebarFilter/ToggleSidebarFilter.unit.spec.tsx b/frontend/src/metabase/search/components/ToggleSidebarFilter/ToggleSidebarFilter.unit.spec.tsx
index 4def8097b8b..cc2bf28eb8b 100644
--- a/frontend/src/metabase/search/components/ToggleSidebarFilter/ToggleSidebarFilter.unit.spec.tsx
+++ b/frontend/src/metabase/search/components/ToggleSidebarFilter/ToggleSidebarFilter.unit.spec.tsx
@@ -10,8 +10,8 @@ const mockFilter: SearchFilterComponent = {
   label: () => "Mock Filter",
   iconName: "filter",
   type: "toggle",
-  fromUrl: value => value,
-  toUrl: value => value,
+  fromUrl: (value) => value,
+  toUrl: (value) => value,
 };
 
 const MockToggleSidebarFilter = ({
diff --git a/frontend/src/metabase/search/components/UserNameDisplay/UserNameDisplay.tsx b/frontend/src/metabase/search/components/UserNameDisplay/UserNameDisplay.tsx
index bfc8450d19e..ddd1270f7a6 100644
--- a/frontend/src/metabase/search/components/UserNameDisplay/UserNameDisplay.tsx
+++ b/frontend/src/metabase/search/components/UserNameDisplay/UserNameDisplay.tsx
@@ -19,7 +19,7 @@ export const UserNameDisplay = ({
   >(UserApi.list);
   const users = value?.data ?? [];
 
-  const selectedUserList = users.filter(user => userIdList.includes(user.id));
+  const selectedUserList = users.filter((user) => userIdList.includes(user.id));
 
   const getDisplayValue = () => {
     if (isLoading) {
diff --git a/frontend/src/metabase/search/components/UserNameDisplay/UserNameDisplay.unit.spec.tsx b/frontend/src/metabase/search/components/UserNameDisplay/UserNameDisplay.unit.spec.tsx
index e0aa605435a..f74aea93049 100644
--- a/frontend/src/metabase/search/components/UserNameDisplay/UserNameDisplay.unit.spec.tsx
+++ b/frontend/src/metabase/search/components/UserNameDisplay/UserNameDisplay.unit.spec.tsx
@@ -69,7 +69,7 @@ describe("UserNameDisplay", () => {
 
   it("should display `X users selected` if there are multiple users", async () => {
     await setup({
-      userIdList: TEST_USER_LIST_RESULTS.map(user => user.id),
+      userIdList: TEST_USER_LIST_RESULTS.map((user) => user.id),
     });
     expect(
       screen.getByText(`${TEST_USER_LIST_RESULTS.length} users selected`),
diff --git a/frontend/src/metabase/search/components/filters/CreatedAtFilter.tsx b/frontend/src/metabase/search/components/filters/CreatedAtFilter.tsx
index 00d611c32b6..f565285c82b 100644
--- a/frontend/src/metabase/search/components/filters/CreatedAtFilter.tsx
+++ b/frontend/src/metabase/search/components/filters/CreatedAtFilter.tsx
@@ -21,6 +21,6 @@ export const CreatedAtFilter: SearchFilterDropdown<"created_at"> = {
       <SearchFilterDatePicker value={value} onChange={onChange} />
     </Box>
   ),
-  fromUrl: value => value,
-  toUrl: value => value,
+  fromUrl: (value) => value,
+  toUrl: (value) => value,
 };
diff --git a/frontend/src/metabase/search/components/filters/LastEditedAtFilter.tsx b/frontend/src/metabase/search/components/filters/LastEditedAtFilter.tsx
index 3c82247abce..eb5975845c2 100644
--- a/frontend/src/metabase/search/components/filters/LastEditedAtFilter.tsx
+++ b/frontend/src/metabase/search/components/filters/LastEditedAtFilter.tsx
@@ -21,6 +21,6 @@ export const LastEditedAtFilter: SearchFilterDropdown<"last_edited_at"> = {
       <SearchFilterDatePicker value={value} onChange={onChange} />
     </Box>
   ),
-  fromUrl: value => value,
-  toUrl: value => value,
+  fromUrl: (value) => value,
+  toUrl: (value) => value,
 };
diff --git a/frontend/src/metabase/search/components/filters/NativeQueryFilter/NativeQueryFilter.tsx b/frontend/src/metabase/search/components/filters/NativeQueryFilter/NativeQueryFilter.tsx
index 2e71928ce3a..3ca070181fd 100644
--- a/frontend/src/metabase/search/components/filters/NativeQueryFilter/NativeQueryFilter.tsx
+++ b/frontend/src/metabase/search/components/filters/NativeQueryFilter/NativeQueryFilter.tsx
@@ -4,6 +4,6 @@ import type { SearchFilterToggle } from "metabase/search/types";
 export const NativeQueryFilter: SearchFilterToggle = {
   label: NativeQueryLabel,
   type: "toggle",
-  fromUrl: value => value === "true",
+  fromUrl: (value) => value === "true",
   toUrl: (value: boolean) => (value ? "true" : null),
 };
diff --git a/frontend/src/metabase/search/components/filters/SearchTrashedItemsFilter.tsx b/frontend/src/metabase/search/components/filters/SearchTrashedItemsFilter.tsx
index 4c397177fd4..16d946a129e 100644
--- a/frontend/src/metabase/search/components/filters/SearchTrashedItemsFilter.tsx
+++ b/frontend/src/metabase/search/components/filters/SearchTrashedItemsFilter.tsx
@@ -5,6 +5,6 @@ import type { SearchFilterToggle } from "metabase/search/types";
 export const SearchTrashedItemsFilter: SearchFilterToggle = {
   label: () => t`Search items in trash`,
   type: "toggle",
-  fromUrl: value => value === "true",
+  fromUrl: (value) => value === "true",
   toUrl: (value: boolean) => (value ? "true" : null),
 };
diff --git a/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilter.tsx b/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilter.tsx
index a5edab8ffee..27e06bf0025 100644
--- a/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilter.tsx
+++ b/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilter.tsx
@@ -18,7 +18,7 @@ export const TypeFilter: SearchFilterComponent<"type"> = {
   type: "dropdown",
   DisplayComponent: TypeFilterDisplay,
   ContentComponent: TypeFilterContent,
-  fromUrl: value => {
+  fromUrl: (value) => {
     if (Array.isArray(value)) {
       return filterEnabledSearchTypes(value);
     }
diff --git a/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterContent.tsx b/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterContent.tsx
index acb19107dcf..e13bd63048f 100644
--- a/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterContent.tsx
+++ b/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterContent.tsx
@@ -26,7 +26,7 @@ export const TypeFilterContent: SearchFilterDropdown<"type">["ContentComponent"]
     );
 
     const availableModels = (metadata && metadata.available_models) ?? [];
-    const typeFilters = enabledSearchTypes.filter(type =>
+    const typeFilters = enabledSearchTypes.filter((type) =>
       availableModels.includes(type),
     );
 
@@ -40,10 +40,10 @@ export const TypeFilterContent: SearchFilterDropdown<"type">["ContentComponent"]
           data-testid="type-filter-checkbox-group"
           w="100%"
           value={selectedTypes}
-          onChange={value => setSelectedTypes(value as EnabledSearchModel[])}
+          onChange={(value) => setSelectedTypes(value as EnabledSearchModel[])}
         >
           <Stack gap="md" p="md" justify="center" align="flex-start">
-            {typeFilters.map(model => (
+            {typeFilters.map((model) => (
               <Checkbox
                 wrapperProps={{
                   "data-testid": "type-filter-checkbox",
diff --git a/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterContent.unit.spec.tsx b/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterContent.unit.spec.tsx
index fbc74269139..8448c316673 100644
--- a/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterContent.unit.spec.tsx
+++ b/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterContent.unit.spec.tsx
@@ -130,7 +130,7 @@ describe("TypeFilterContent", () => {
 
     expect(options).toHaveLength(TEST_TYPE_SUBSET.length);
 
-    options.forEach(option => {
+    options.forEach((option) => {
       expect(TEST_TYPE_SUBSET).toContain(option.value);
     });
   });
@@ -142,7 +142,7 @@ describe("TypeFilterContent", () => {
 
     expect(options.length).toEqual(TEST_TYPES.length);
 
-    const checkedOptions = options.filter(option => option.checked);
+    const checkedOptions = options.filter((option) => option.checked);
 
     expect(checkedOptions.length).toEqual(TEST_TYPE_SUBSET.length);
     for (const checkedOption of checkedOptions) {
@@ -167,7 +167,7 @@ describe("TypeFilterContent", () => {
     const { onChangeFilters } = await setup({ initialValue: TEST_TYPE_SUBSET });
 
     const options = getCheckboxes();
-    const checkedOptions = options.filter(option => option.checked);
+    const checkedOptions = options.filter((option) => option.checked);
     for (const checkedOption of checkedOptions) {
       await userEvent.click(checkedOption);
     }
diff --git a/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterDisplay.unit.spec.tsx b/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterDisplay.unit.spec.tsx
index e30630ec9d8..8b793b64ddc 100644
--- a/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterDisplay.unit.spec.tsx
+++ b/frontend/src/metabase/search/components/filters/TypeFilter/TypeFilterDisplay.unit.spec.tsx
@@ -33,7 +33,7 @@ describe("TypeFilterDisplay", () => {
 
   it.each(Object.keys(MODEL_TYPE_DISPLAY_NAMES))(
     "should display correct text for %s type selected",
-    type => {
+    (type) => {
       const searchModelType = type as EnabledSearchModel;
       setup([searchModelType]);
       const expectedText: string = MODEL_TYPE_DISPLAY_NAMES[searchModelType];
diff --git a/frontend/src/metabase/search/containers/SearchApp.jsx b/frontend/src/metabase/search/containers/SearchApp.jsx
index 0d8c2f74978..8250e62cace 100644
--- a/frontend/src/metabase/search/containers/SearchApp.jsx
+++ b/frontend/src/metabase/search/containers/SearchApp.jsx
@@ -58,12 +58,12 @@ function SearchApp({ location }) {
   };
 
   const onChangeLocation = useCallback(
-    nextLocation => dispatch(push(nextLocation)),
+    (nextLocation) => dispatch(push(nextLocation)),
     [dispatch],
   );
 
   const onFilterChange = useCallback(
-    newFilters => {
+    (newFilters) => {
       onChangeLocation({
         pathname: "search",
         query: { q: searchText.trim(), ...newFilters },
@@ -74,7 +74,7 @@ function SearchApp({ location }) {
 
   const { data, error, isFetching } = useSearchQuery(query);
   const list = useMemo(() => {
-    return data?.data?.map(item => Search.wrapEntity(item, dispatch)) ?? [];
+    return data?.data?.map((item) => Search.wrapEntity(item, dispatch)) ?? [];
   }, [data, dispatch]);
 
   return (
diff --git a/frontend/src/metabase/search/utils/enabled-search-type/enabled-search-type.ts b/frontend/src/metabase/search/utils/enabled-search-type/enabled-search-type.ts
index 6624f45245a..9ab4ce10f4a 100644
--- a/frontend/src/metabase/search/utils/enabled-search-type/enabled-search-type.ts
+++ b/frontend/src/metabase/search/utils/enabled-search-type/enabled-search-type.ts
@@ -5,7 +5,8 @@ export function isEnabledSearchModelType(
   value: unknown,
 ): value is EnabledSearchModel {
   return (
-    typeof value === "string" && enabledSearchTypes.some(type => type === value)
+    typeof value === "string" &&
+    enabledSearchTypes.some((type) => type === value)
   );
 }
 
diff --git a/frontend/src/metabase/search/utils/enabled-search-type/enabled-search-type.unit.spec.ts b/frontend/src/metabase/search/utils/enabled-search-type/enabled-search-type.unit.spec.ts
index 5a962a27472..bc740cd79c8 100644
--- a/frontend/src/metabase/search/utils/enabled-search-type/enabled-search-type.unit.spec.ts
+++ b/frontend/src/metabase/search/utils/enabled-search-type/enabled-search-type.unit.spec.ts
@@ -17,13 +17,13 @@ const TEST_INVALID_VALUES = [null, undefined, 123, "invalid", [], {}];
 
 describe("isEnabledSearchModelType", () => {
   it("should return true if value is in EnabledSearchModelType", () => {
-    TEST_VALID_VALUES.forEach(value => {
+    TEST_VALID_VALUES.forEach((value) => {
       expect(isEnabledSearchModelType(value)).toBe(true);
     });
   });
 
   it("should return false if value is not in EnabledSearchModelType", () => {
-    TEST_INVALID_VALUES.forEach(value => {
+    TEST_INVALID_VALUES.forEach((value) => {
       expect(isEnabledSearchModelType(value)).toBe(false);
     });
   });
diff --git a/frontend/src/metabase/search/utils/user-search-params/user-search-params.ts b/frontend/src/metabase/search/utils/user-search-params/user-search-params.ts
index 230432421e2..408d117f292 100644
--- a/frontend/src/metabase/search/utils/user-search-params/user-search-params.ts
+++ b/frontend/src/metabase/search/utils/user-search-params/user-search-params.ts
@@ -13,7 +13,7 @@ export const parseUserIdArray = (value: SearchQueryParamValue): UserId[] => {
   }
 
   if (Array.isArray(value)) {
-    const parsedIds: (number | null)[] = value.map(idString =>
+    const parsedIds: (number | null)[] = value.map((idString) =>
       parseUserId(idString),
     );
     return parsedIds.filter(isNotNull);
@@ -38,4 +38,4 @@ export const parseUserId = (value: SearchQueryParamValue): UserId | null => {
 export const stringifyUserIdArray = (
   value?: UserId[] | null,
 ): SearchQueryParamValue =>
-  value ? value.map(idString => String(idString)) : [];
+  value ? value.map((idString) => String(idString)) : [];
diff --git a/frontend/src/metabase/selectors/app.ts b/frontend/src/metabase/selectors/app.ts
index 1fe4ade3b19..454ee7eae78 100644
--- a/frontend/src/metabase/selectors/app.ts
+++ b/frontend/src/metabase/selectors/app.ts
@@ -53,7 +53,7 @@ export const getRouterHash = (state: State, props: RouterProps) => {
   return props?.location?.hash ?? window.location.hash;
 };
 
-export const getIsAdminApp = createSelector([getRouterPath], path => {
+export const getIsAdminApp = createSelector([getRouterPath], (path) => {
   return path.startsWith("/admin/");
 });
 
@@ -72,7 +72,7 @@ export const getIsCollectionPathVisible = createSelector(
 
     return (
       ((question != null && question.isSaved()) || dashboard != null) &&
-      PATHS_WITH_COLLECTION_BREADCRUMBS.some(pattern => pattern.test(path))
+      PATHS_WITH_COLLECTION_BREADCRUMBS.some((pattern) => pattern.test(path))
     );
   },
 );
@@ -81,7 +81,7 @@ export const getIsQuestionLineageVisible = createSelector(
   [getIsSavedQuestionChanged, getRouterPath],
   (isSavedQuestionChanged, path) =>
     isSavedQuestionChanged &&
-    PATHS_WITH_QUESTION_LINEAGE.some(pattern => pattern.test(path)),
+    PATHS_WITH_QUESTION_LINEAGE.some((pattern) => pattern.test(path)),
 );
 
 export const getIsNavBarEnabled = createSelector(
@@ -100,7 +100,7 @@ export const getIsNavBarEnabled = createSelector(
       return false;
     }
 
-    return !PATHS_WITHOUT_NAVBAR.some(pattern => pattern.test(path));
+    return !PATHS_WITHOUT_NAVBAR.some((pattern) => pattern.test(path));
   },
 );
 
@@ -158,7 +158,7 @@ export const getIsAppBarVisible = createSelector(
     ) {
       return false;
     }
-    return !PATHS_WITHOUT_NAVBAR.some(pattern => pattern.test(path));
+    return !PATHS_WITHOUT_NAVBAR.some((pattern) => pattern.test(path));
   },
 );
 
@@ -185,7 +185,7 @@ export const getIsNewButtonVisible = createSelector(
 
 export const getIsProfileLinkVisible = createSelector(
   [getIsEmbeddingIframe],
-  isEmbeddingIframe => !isEmbeddingIframe,
+  (isEmbeddingIframe) => !isEmbeddingIframe,
 );
 
 export const getErrorPage = (state: State) => {
@@ -231,7 +231,7 @@ export const getIsDndAvailable = (state: State) => {
 
 export const getCustomHomePageDashboardId = createSelector(
   [getUser],
-  user => user?.custom_homepage?.dashboard_id || null,
+  (user) => user?.custom_homepage?.dashboard_id || null,
 );
 
 export const getHasDismissedCustomHomePageToast = (state: State) => {
diff --git a/frontend/src/metabase/selectors/data.ts b/frontend/src/metabase/selectors/data.ts
index 6804d19172f..6cae13b4baf 100644
--- a/frontend/src/metabase/selectors/data.ts
+++ b/frontend/src/metabase/selectors/data.ts
@@ -3,27 +3,27 @@ import type DatabaseEntity from "metabase-lib/v1/metadata/Database";
 import type { Database } from "metabase-types/api";
 
 export const getHasDataAccess = (databases: (Database | DatabaseEntity)[]) => {
-  return databases.some(d => !d.is_saved_questions);
+  return databases.some((d) => !d.is_saved_questions);
 };
 
 export const getHasOwnDatabase = (databases: (Database | DatabaseEntity)[]) => {
-  return databases.some(d => !d.is_sample && !d.is_saved_questions);
+  return databases.some((d) => !d.is_sample && !d.is_saved_questions);
 };
 
 export const getHasNativeWrite = (databases: (Database | DatabaseEntity)[]) => {
-  return databases.some(d => d.native_permissions === "write");
+  return databases.some((d) => d.native_permissions === "write");
 };
 
 export const getHasDatabaseWithJsonEngine = (
   databases: (Database | DatabaseEntity)[],
 ) => {
-  return databases.some(d => getEngineNativeType(d.engine) === "json");
+  return databases.some((d) => getEngineNativeType(d.engine) === "json");
 };
 
 export const getHasDatabaseWithActionsEnabled = (
   databases: (Database | DatabaseEntity)[],
 ) => {
   return databases.some(
-    database => !!database.settings?.["database-enable-actions"],
+    (database) => !!database.settings?.["database-enable-actions"],
   );
 };
diff --git a/frontend/src/metabase/selectors/metadata.ts b/frontend/src/metabase/selectors/metadata.ts
index 8a2cf039907..5d963a1b013 100644
--- a/frontend/src/metabase/selectors/metadata.ts
+++ b/frontend/src/metabase/selectors/metadata.ts
@@ -110,33 +110,33 @@ export const getMetadata: (
     const metadata = new Metadata({ settings });
 
     metadata.databases = Object.fromEntries(
-      Object.values(databases).map(d => [d.id, createDatabase(d, metadata)]),
+      Object.values(databases).map((d) => [d.id, createDatabase(d, metadata)]),
     );
     metadata.schemas = Object.fromEntries(
-      Object.values(schemas).map(s => [s.id, createSchema(s, metadata)]),
+      Object.values(schemas).map((s) => [s.id, createSchema(s, metadata)]),
     );
     metadata.tables = Object.fromEntries(
-      Object.values(tables).map(t => [t.id, createTable(t, metadata)]),
+      Object.values(tables).map((t) => [t.id, createTable(t, metadata)]),
     );
     metadata.fields = Object.fromEntries(
       Object.values(fields)
-        .filter(f => f.uniqueId != null) // remove stub field instances created for field values without field properties
-        .map(f => [f.uniqueId, createField(f, metadata)]),
+        .filter((f) => f.uniqueId != null) // remove stub field instances created for field values without field properties
+        .map((f) => [f.uniqueId, createField(f, metadata)]),
     );
     metadata.segments = Object.fromEntries(
-      Object.values(segments).map(s => [s.id, createSegment(s, metadata)]),
+      Object.values(segments).map((s) => [s.id, createSegment(s, metadata)]),
     );
     metadata.questions = Object.fromEntries(
-      Object.values(questions).map(c => [c.id, createQuestion(c, metadata)]),
+      Object.values(questions).map((c) => [c.id, createQuestion(c, metadata)]),
     );
 
-    Object.values(metadata.databases).forEach(database => {
+    Object.values(metadata.databases).forEach((database) => {
       database.tables = hydrateDatabaseTables(database, metadata);
     });
-    Object.values(metadata.schemas).forEach(schema => {
+    Object.values(metadata.schemas).forEach((schema) => {
       schema.database = hydrateSchemaDatabase(schema, metadata);
     });
-    Object.values(metadata.tables).forEach(table => {
+    Object.values(metadata.tables).forEach((table) => {
       table.db = hydrateTableDatabase(table, metadata);
       table.schema = hydrateTableSchema(table, metadata);
       table.fields = hydrateTableFields(table, metadata);
@@ -144,20 +144,20 @@ export const getMetadata: (
       table.segments = hydrateTableSegments(table, metadata);
       table.metrics = hydrateTableMetrics(table, metadata);
     });
-    Object.values(metadata.databases).forEach(database => {
+    Object.values(metadata.databases).forEach((database) => {
       database.schemas = hydrateDatabaseSchemas(database, metadata);
     });
-    Object.values(metadata.schemas).forEach(schema => {
+    Object.values(metadata.schemas).forEach((schema) => {
       schema.tables = hydrateSchemaTables(schema, metadata);
     });
-    Object.values(metadata.segments).forEach(segment => {
+    Object.values(metadata.segments).forEach((segment) => {
       segment.table = hydrateSegmentTable(segment, metadata);
     });
-    Object.values(metadata.fields).forEach(field => {
+    Object.values(metadata.fields).forEach((field) => {
       hydrateField(field, metadata);
     });
-    Object.values(metadata.tables).forEach(table => {
-      table.fields?.forEach(field => hydrateField(field, metadata));
+    Object.values(metadata.tables).forEach((table) => {
+      table.fields?.forEach((field) => hydrateField(field, metadata));
     });
 
     return metadata;
@@ -244,11 +244,11 @@ function hydrateDatabaseTables(
 ): Table[] {
   const tableIds = database.getPlainObject().tables ?? [];
   if (tableIds.length > 0) {
-    return tableIds.map(tableId => metadata.table(tableId)).filter(isNotNull);
+    return tableIds.map((tableId) => metadata.table(tableId)).filter(isNotNull);
   }
 
   return Object.values(metadata.tables).filter(
-    table =>
+    (table) =>
       !isVirtualCardId(table.id) && table.schema && table.db_id === database.id,
   );
 }
@@ -259,11 +259,11 @@ function hydrateDatabaseSchemas(
 ): Schema[] {
   const schemaIds = database.getPlainObject().schemas;
   if (schemaIds) {
-    return schemaIds.map(s => metadata.schema(s)).filter(isNotNull);
+    return schemaIds.map((s) => metadata.schema(s)).filter(isNotNull);
   }
 
   return Object.values(metadata.schemas).filter(
-    s => s.database && s.database.id === database.id,
+    (s) => s.database && s.database.id === database.id,
   );
 }
 
@@ -278,14 +278,14 @@ function hydrateSchemaDatabase(
 function hydrateSchemaTables(schema: Schema, metadata: Metadata): Table[] {
   const tableIds = schema.getPlainObject().tables;
   if (tableIds) {
-    return tableIds.map(table => metadata.table(table)).filter(isNotNull);
+    return tableIds.map((table) => metadata.table(table)).filter(isNotNull);
   } else if (schema.database && schema.database.getTables().length > 0) {
     return schema.database
       .getTables()
-      .filter(table => table.schema_name === schema.name);
+      .filter((table) => table.schema_name === schema.name);
   } else {
     return Object.values(metadata.tables).filter(
-      table => table.schema && table.schema.id === schema.id,
+      (table) => table.schema && table.schema.id === schema.id,
     );
   }
 }
@@ -311,10 +311,10 @@ function hydrateTableFields(entityTable: Table, metadata: Metadata): Field[] {
 
   if (!apiTable.original_fields) {
     const fieldIds = apiTable.fields ?? [];
-    return fieldIds.map(id => metadata.field(id)).filter(isNotNull);
+    return fieldIds.map((id) => metadata.field(id)).filter(isNotNull);
   }
 
-  return apiTable.original_fields.map(apiField => {
+  return apiTable.original_fields.map((apiField) => {
     const { entities, result } = normalize(apiField, FieldSchema);
     const normalizedField = entities.fields?.[result];
     return createField(normalizedField, metadata);
@@ -333,7 +333,7 @@ function hydrateTableForeignKeys(
   table: Table,
   metadata: Metadata,
 ): ForeignKey[] | undefined {
-  return table.getPlainObject().fks?.map(fk => {
+  return table.getPlainObject().fks?.map((fk) => {
     const instance = createForeignKey(fk, metadata);
     instance.origin = metadata.field(fk.origin_id) ?? undefined;
     instance.destination = metadata.field(fk.destination_id) ?? undefined;
@@ -343,12 +343,12 @@ function hydrateTableForeignKeys(
 
 function hydrateTableSegments(table: Table, metadata: Metadata): Segment[] {
   const segmentIds = table.getPlainObject().segments ?? [];
-  return segmentIds.map(id => metadata.segment(id)).filter(isNotNull);
+  return segmentIds.map((id) => metadata.segment(id)).filter(isNotNull);
 }
 
 function hydrateTableMetrics(table: Table, metadata: Metadata): Question[] {
   const metricIds = table.getPlainObject().metrics ?? [];
-  return metricIds.map(id => metadata.question(id)).filter(isNotNull);
+  return metricIds.map((id) => metadata.question(id)).filter(isNotNull);
 }
 
 function hydrateFieldTable(
diff --git a/frontend/src/metabase/selectors/selectors.unit.spec.ts b/frontend/src/metabase/selectors/selectors.unit.spec.ts
index 77ba1f9488c..1ae4dcd7f35 100644
--- a/frontend/src/metabase/selectors/selectors.unit.spec.ts
+++ b/frontend/src/metabase/selectors/selectors.unit.spec.ts
@@ -106,7 +106,7 @@ describe("getDocsUrl", () => {
     ["v1.41.3-snapshot", "latest"],
     ["v1.41.2-rc1", "v0.41"],
     ["v1.41.1-RANDOM-SUFFIX", "v0.41"],
-  ].forEach(v => {
+  ].forEach((v) => {
     it("handles version " + v[0] + " by pointing it to " + v[1], () => {
       const state = createMockState({
         settings: createMockSettingsState({
diff --git a/frontend/src/metabase/selectors/settings.ts b/frontend/src/metabase/selectors/settings.ts
index 0e3ac6bd1ba..e178be9bd74 100644
--- a/frontend/src/metabase/selectors/settings.ts
+++ b/frontend/src/metabase/selectors/settings.ts
@@ -7,12 +7,12 @@ import type { State } from "metabase-types/store";
 export const getSettings: <S extends State>(state: S) => GetSettings<S> =
   createSelector(
     (state: State) => state.settings,
-    settings => settings.values,
+    (settings) => settings.values,
   );
 
 export const getSettingsLoading = createSelector(
   (state: State) => state.settings,
-  settings => settings.loading,
+  (settings) => settings.loading,
 );
 
 type GetSettings<S extends State> = S["settings"]["values"];
diff --git a/frontend/src/metabase/selectors/user.ts b/frontend/src/metabase/selectors/user.ts
index 7f39fd1a5dc..7b280dfeb42 100644
--- a/frontend/src/metabase/selectors/user.ts
+++ b/frontend/src/metabase/selectors/user.ts
@@ -5,17 +5,17 @@ import type { State } from "metabase-types/store";
 
 export const getUser = (state: State) => state.currentUser;
 
-export const getUserId = createSelector([getUser], user => user?.id);
+export const getUserId = createSelector([getUser], (user) => user?.id);
 
 export const getUserIsAdmin = createSelector(
   [getUser],
-  user => user?.is_superuser || false,
+  (user) => user?.is_superuser || false,
 );
 
 export const canManageSubscriptions = createSelector(
   [
     getUserIsAdmin,
-    state =>
+    (state) =>
       PLUGIN_APPLICATION_PERMISSIONS.selectors.canManageSubscriptions(state),
   ],
   (isAdmin, canManageSubscriptions) => isAdmin || canManageSubscriptions,
@@ -24,17 +24,18 @@ export const canManageSubscriptions = createSelector(
 export const canAccessSettings = createSelector(
   [
     getUserIsAdmin,
-    state => PLUGIN_APPLICATION_PERMISSIONS.selectors.canAccessSettings(state),
+    (state) =>
+      PLUGIN_APPLICATION_PERMISSIONS.selectors.canAccessSettings(state),
   ],
   (isAdmin, canAccessSettings) => isAdmin || canAccessSettings,
 );
 
 export const getUserAttributes = createSelector(
   [getUser],
-  user => user?.login_attributes || {},
+  (user) => user?.login_attributes || {},
 );
 
 export const getUserPersonalCollectionId = createSelector(
   [getUser],
-  user => user?.personal_collection_id,
+  (user) => user?.personal_collection_id,
 );
diff --git a/frontend/src/metabase/selectors/web-app.ts b/frontend/src/metabase/selectors/web-app.ts
index cce13f8d387..95e29030991 100644
--- a/frontend/src/metabase/selectors/web-app.ts
+++ b/frontend/src/metabase/selectors/web-app.ts
@@ -5,7 +5,7 @@ import { getSetting } from "./settings";
 
 export const getIsWebApp = createSelector(
   [
-    state => getSetting(state, "site-url"),
+    (state) => getSetting(state, "site-url"),
     getIsEmbeddingIframe,
     getIsEmbeddingSdk,
   ],
diff --git a/frontend/src/metabase/services.js b/frontend/src/metabase/services.js
index 2f5906d4af1..be23a5f1302 100644
--- a/frontend/src/metabase/services.js
+++ b/frontend/src/metabase/services.js
@@ -107,7 +107,7 @@ export async function runQuestionQuery(
     ];
   }
 
-  const getDatasetQueryResult = datasetQuery => {
+  const getDatasetQueryResult = (datasetQuery) => {
     const datasetQueryWithParameters = { ...datasetQuery, parameters };
     return maybeUsePivotEndpoint(
       MetabaseApi.dataset,
@@ -132,7 +132,7 @@ export const CardApi = {
   list: GET("/api/card", (cards, { data }) =>
     // HACK: support for the "q" query param until backend implements it
     cards.filter(
-      card =>
+      (card) =>
         !data.q || card.name.toLowerCase().indexOf(data.q.toLowerCase()) >= 0,
     ),
   ),
diff --git a/frontend/src/metabase/setup/components/CompletedStep/CompletedStep.tsx b/frontend/src/metabase/setup/components/CompletedStep/CompletedStep.tsx
index 126c8ed9bb1..579bf3b8d24 100644
--- a/frontend/src/metabase/setup/components/CompletedStep/CompletedStep.tsx
+++ b/frontend/src/metabase/setup/components/CompletedStep/CompletedStep.tsx
@@ -21,7 +21,7 @@ export const CompletedStep = (): JSX.Element | null => {
   const [checkboxValue, setCheckboxValue] = useState(false);
   const email = useSelector(getUserEmail);
 
-  const isStepActive = useSelector(state =>
+  const isStepActive = useSelector((state) =>
     getIsStepActive(state, "completed"),
   );
   if (!isStepActive) {
diff --git a/frontend/src/metabase/setup/components/DatabaseHelp/DatabaseHelp.tsx b/frontend/src/metabase/setup/components/DatabaseHelp/DatabaseHelp.tsx
index 02199b7c82a..f924c9af254 100644
--- a/frontend/src/metabase/setup/components/DatabaseHelp/DatabaseHelp.tsx
+++ b/frontend/src/metabase/setup/components/DatabaseHelp/DatabaseHelp.tsx
@@ -6,7 +6,7 @@ import { SetupCardContainer } from "../SetupCardContainer";
 
 export const DatabaseHelp = (): JSX.Element => {
   const engine = useSelector(getDatabaseEngine);
-  const isStepActive = useSelector(state =>
+  const isStepActive = useSelector((state) =>
     getIsStepActive(state, "db_connection"),
   );
   const isVisible = isStepActive && engine != null;
diff --git a/frontend/src/metabase/setup/components/DatabaseStep/DatabaseStep.tsx b/frontend/src/metabase/setup/components/DatabaseStep/DatabaseStep.tsx
index a0d9d3f654e..bc9a6bcffaa 100644
--- a/frontend/src/metabase/setup/components/DatabaseStep/DatabaseStep.tsx
+++ b/frontend/src/metabase/setup/components/DatabaseStep/DatabaseStep.tsx
@@ -116,7 +116,7 @@ const getStepTitle = (
 };
 
 const getSubmitError = (error: unknown): unknown => {
-  return updateIn(error, ["data", "errors"], errors => ({
+  return updateIn(error, ["data", "errors"], (errors) => ({
     details: errors,
   }));
 };
diff --git a/frontend/src/metabase/setup/components/InactiveStep/InactiveStep.styled.tsx b/frontend/src/metabase/setup/components/InactiveStep/InactiveStep.styled.tsx
index 93541d64c6f..8034c845ca4 100644
--- a/frontend/src/metabase/setup/components/InactiveStep/InactiveStep.styled.tsx
+++ b/frontend/src/metabase/setup/components/InactiveStep/InactiveStep.styled.tsx
@@ -14,12 +14,12 @@ export const StepRoot = styled.section<Props>`
   border-radius: 0.5rem;
   padding: 1rem 2rem;
   margin-bottom: 1.75rem;
-  background-color: ${props =>
+  background-color: ${(props) =>
     color(props.isCompleted ? "bg-white" : "bg-medium")};
 `;
 
 export const StepTitle = styled.div<Props>`
-  color: ${props => (props.isCompleted ? color("success") : color("brand"))};
+  color: ${(props) => (props.isCompleted ? color("success") : color("brand"))};
   font-size: 1rem;
   font-weight: 700;
   margin: 0.5rem 0;
@@ -36,9 +36,9 @@ export const StepLabel = styled.div<Props>`
   width: 2.625rem;
   height: 2.625rem;
   border: 1px solid
-    ${props => (props.isCompleted ? color("success") : color("border"))};
+    ${(props) => (props.isCompleted ? color("success") : color("border"))};
   border-radius: 50%;
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.isCompleted ? color("success") : color("bg-white")};
 `;
 
diff --git a/frontend/src/metabase/setup/components/LanguageStep/LanguageStep.styled.tsx b/frontend/src/metabase/setup/components/LanguageStep/LanguageStep.styled.tsx
index 30c8a7313ae..bf8d2b36403 100644
--- a/frontend/src/metabase/setup/components/LanguageStep/LanguageStep.styled.tsx
+++ b/frontend/src/metabase/setup/components/LanguageStep/LanguageStep.styled.tsx
@@ -35,9 +35,9 @@ interface LocaleContainerProps {
 export const LocaleButton = styled.span<LocaleContainerProps>`
   display: block;
   padding: 0.5rem;
-  color: ${props => color(props.checked ? "text-white" : "text-dark")};
+  color: ${(props) => color(props.checked ? "text-white" : "text-dark")};
   border-radius: 0.25rem;
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.checked ? color("brand") : color("bg-white")};
   font-weight: 700;
 
diff --git a/frontend/src/metabase/setup/components/LanguageStep/LanguageStep.tsx b/frontend/src/metabase/setup/components/LanguageStep/LanguageStep.tsx
index d05b8bbf9b5..ec38c5396ff 100644
--- a/frontend/src/metabase/setup/components/LanguageStep/LanguageStep.tsx
+++ b/frontend/src/metabase/setup/components/LanguageStep/LanguageStep.tsx
@@ -54,7 +54,7 @@ export const LanguageStep = ({ stepLabel }: NumberedStepProps): JSX.Element => {
         {t`This language will be used throughout Metabase and will be the default for new users.`}
       </StepDescription>
       <LocaleGroup role="radiogroup">
-        {locales.map(item => (
+        {locales.map((item) => (
           <LocaleItem
             key={item.code}
             locale={item}
diff --git a/frontend/src/metabase/setup/components/LicenseTokenStep/LicenseTokenForm.tsx b/frontend/src/metabase/setup/components/LicenseTokenStep/LicenseTokenForm.tsx
index 178f069c6af..ae28ada21e2 100644
--- a/frontend/src/metabase/setup/components/LicenseTokenStep/LicenseTokenForm.tsx
+++ b/frontend/src/metabase/setup/components/LicenseTokenStep/LicenseTokenForm.tsx
@@ -26,7 +26,7 @@ export const LicenseTokenForm = ({
     <FormProvider
       initialValues={{ license_token: initialValue }}
       validationSchema={LICENSE_TOKEN_SCHEMA}
-      onSubmit={values => onSubmit(values.license_token)}
+      onSubmit={(values) => onSubmit(values.license_token)}
     >
       {({ errors, setValues }) => (
         <Form>
@@ -35,7 +35,7 @@ export const LicenseTokenForm = ({
               aria-label={t`Token`}
               placeholder={t`Paste your token here`}
               name="license_token"
-              onChange={e => {
+              onChange={(e) => {
                 const val = e.target.value;
                 const trimmed = val.trim();
                 if (val !== trimmed) {
diff --git a/frontend/src/metabase/setup/components/LicenseTokenStep/LicenseTokenStep.tsx b/frontend/src/metabase/setup/components/LicenseTokenStep/LicenseTokenStep.tsx
index d0513abdc77..57c8d37932c 100644
--- a/frontend/src/metabase/setup/components/LicenseTokenStep/LicenseTokenStep.tsx
+++ b/frontend/src/metabase/setup/components/LicenseTokenStep/LicenseTokenStep.tsx
@@ -15,7 +15,7 @@ import { LicenseTokenForm } from "./LicenseTokenForm";
 export const LicenseTokenStep = ({ stepLabel }: NumberedStepProps) => {
   const { isStepActive, isStepCompleted } = useStep("license_token");
 
-  const storeToken = useSelector(state => state.setup.licenseToken);
+  const storeToken = useSelector((state) => state.setup.licenseToken);
 
   const dispatch = useDispatch();
 
diff --git a/frontend/src/metabase/setup/components/LicenseTokenStep/constants.tsx b/frontend/src/metabase/setup/components/LicenseTokenStep/constants.tsx
index e00d6298d2b..256bbd24952 100644
--- a/frontend/src/metabase/setup/components/LicenseTokenStep/constants.tsx
+++ b/frontend/src/metabase/setup/components/LicenseTokenStep/constants.tsx
@@ -4,7 +4,7 @@ import * as Errors from "metabase/lib/errors";
 
 export const LICENSE_TOKEN_SCHEMA = Yup.object({
   license_token: Yup.string()
-    .test("license-token-test", Errors.exactLength({ length: 64 }), value =>
+    .test("license-token-test", Errors.exactLength({ length: 64 }), (value) =>
       Boolean(value?.length === 64 || value?.startsWith("airgap_")),
     )
     .required(Errors.required),
diff --git a/frontend/src/metabase/setup/components/SetupCardContainer/SetupCardContainer.styled.tsx b/frontend/src/metabase/setup/components/SetupCardContainer/SetupCardContainer.styled.tsx
index 1e8a4c94dda..9ec85b817e9 100644
--- a/frontend/src/metabase/setup/components/SetupCardContainer/SetupCardContainer.styled.tsx
+++ b/frontend/src/metabase/setup/components/SetupCardContainer/SetupCardContainer.styled.tsx
@@ -8,7 +8,7 @@ interface SetupCardContainerProps {
 }
 
 export const SetupCardContainer = styled.div<SetupCardContainerProps>`
-  display: ${props => (props.isVisible ? "block" : "none")};
+  display: ${(props) => (props.isVisible ? "block" : "none")};
   margin-bottom: 1.75rem;
 
   ${breakpointMinLarge} {
@@ -18,7 +18,7 @@ export const SetupCardContainer = styled.div<SetupCardContainerProps>`
     bottom: 2em;
     max-width: 20%;
     margin-bottom: 0;
-    transform: ${props => `translateY(${props.isVisible ? "0" : "200%"})`};
+    transform: ${(props) => `translateY(${props.isVisible ? "0" : "200%"})`};
     transition: transform 0.4s;
   }
 `;
diff --git a/frontend/src/metabase/setup/components/UserStep/UserStep.unit.spec.tsx b/frontend/src/metabase/setup/components/UserStep/UserStep.unit.spec.tsx
index 6cff805c133..082110e86ff 100644
--- a/frontend/src/metabase/setup/components/UserStep/UserStep.unit.spec.tsx
+++ b/frontend/src/metabase/setup/components/UserStep/UserStep.unit.spec.tsx
@@ -57,8 +57,8 @@ describe("UserStep", () => {
     setup({ step: "user_info", user });
 
     Object.values(user)
-      .filter(v => v.length > 0)
-      .forEach(v => {
+      .filter((v) => v.length > 0)
+      .forEach((v) => {
         expect(screen.getByDisplayValue(v)).toBeInTheDocument();
       });
   });
diff --git a/frontend/src/metabase/setup/reducers.ts b/frontend/src/metabase/setup/reducers.ts
index 469d50ec0e7..91c985e71eb 100644
--- a/frontend/src/metabase/setup/reducers.ts
+++ b/frontend/src/metabase/setup/reducers.ts
@@ -39,7 +39,7 @@ const initialState: SetupState = {
   user: getUserFromQueryParams(),
 };
 
-export const reducer = createReducer(initialState, builder => {
+export const reducer = createReducer(initialState, (builder) => {
   builder.addCase(loadUserDefaults.fulfilled, (state, { payload: user }) => {
     if (user) {
       state.user = user;
@@ -59,7 +59,7 @@ export const reducer = createReducer(initialState, builder => {
     state.locale = meta.arg;
     state.isLocaleLoaded = false;
   });
-  builder.addCase(updateLocale.fulfilled, state => {
+  builder.addCase(updateLocale.fulfilled, (state) => {
     state.isLocaleLoaded = true;
   });
   builder.addCase(submitUser.fulfilled, (state, { meta }) => {
@@ -85,7 +85,7 @@ export const reducer = createReducer(initialState, builder => {
     state.database = undefined;
     state.invite = meta.arg;
   });
-  builder.addCase(skipDatabase.pending, state => {
+  builder.addCase(skipDatabase.pending, (state) => {
     state.database = undefined;
     state.invite = undefined;
   });
diff --git a/frontend/src/metabase/setup/selectors.ts b/frontend/src/metabase/setup/selectors.ts
index 2837ec76da1..d659ae0630f 100644
--- a/frontend/src/metabase/setup/selectors.ts
+++ b/frontend/src/metabase/setup/selectors.ts
@@ -57,7 +57,8 @@ export const getIsStepActive = (state: State, step: SetupStep): boolean => {
 export const getIsStepCompleted = (state: State, step: SetupStep): boolean => {
   const steps = getSteps(state);
   return (
-    steps.findIndex(s => s.key === step) < steps.findIndex(s => s.isActiveStep)
+    steps.findIndex((s) => s.key === step) <
+    steps.findIndex((s) => s.isActiveStep)
   );
 };
 
@@ -100,7 +101,7 @@ export const getSteps = createSelector(
   (usageReason, activeStep, tokenFeatures, licenseToken) => {
     const isPaidPlan =
       tokenFeatures &&
-      Object.values(tokenFeatures).some(value => value === true);
+      Object.values(tokenFeatures).some((value) => value === true);
     const hasAddedPaidPlanInPreviousStep = Boolean(licenseToken);
 
     const shouldShowDBConnectionStep = usageReason !== "embedding";
@@ -143,6 +144,6 @@ export const getSteps = createSelector(
 
 export const getNextStep = (state: State) => {
   const steps = getSteps(state);
-  const activeStepIndex = steps.findIndex(step => step.isActiveStep);
+  const activeStepIndex = steps.findIndex((step) => step.isActiveStep);
   return steps[activeStepIndex + 1].key;
 };
diff --git a/frontend/src/metabase/setup/useStep.ts b/frontend/src/metabase/setup/useStep.ts
index 861ef9d2acb..887367f510e 100644
--- a/frontend/src/metabase/setup/useStep.ts
+++ b/frontend/src/metabase/setup/useStep.ts
@@ -9,8 +9,8 @@ import {
 import type { SetupStep } from "./types";
 
 export const useStep = (stepName: SetupStep) => {
-  const isStepActive = useSelector(state => getIsStepActive(state, stepName));
-  const isStepCompleted = useSelector(state =>
+  const isStepActive = useSelector((state) => getIsStepActive(state, stepName));
+  const isStepCompleted = useSelector((state) =>
     getIsStepCompleted(state, stepName),
   );
   const isSetupCompleted = useSelector(getIsSetupCompleted);
diff --git a/frontend/src/metabase/setup/utils.ts b/frontend/src/metabase/setup/utils.ts
index e00ab1a0479..ce19d0b63dd 100644
--- a/frontend/src/metabase/setup/utils.ts
+++ b/frontend/src/metabase/setup/utils.ts
@@ -13,7 +13,7 @@ export const getLocales = (
 ): Locale[] => {
   return _.chain(localeData)
     .map(([code, name]) => ({ code, name }))
-    .sortBy(locale => locale.name)
+    .sortBy((locale) => locale.name)
     .value();
 };
 
diff --git a/frontend/src/metabase/static-viz/components/ComboChart/ComboChart.stories.tsx b/frontend/src/metabase/static-viz/components/ComboChart/ComboChart.stories.tsx
index 469d41bee48..e39375bc550 100644
--- a/frontend/src/metabase/static-viz/components/ComboChart/ComboChart.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/ComboChart/ComboChart.stories.tsx
@@ -18,7 +18,7 @@ export default {
   component: StaticVisualization,
 };
 
-const Template: StoryFn<StaticChartProps> = args => {
+const Template: StoryFn<StaticChartProps> = (args) => {
   return (
     <div style={{ border: "1px solid black", display: "inline-block" }}>
       <StaticVisualization {...args} isStorybook />
diff --git a/frontend/src/metabase/static-viz/components/FunnelBarChart/FunnelBarChart.stories.tsx b/frontend/src/metabase/static-viz/components/FunnelBarChart/FunnelBarChart.stories.tsx
index 39956be80d6..1222200e3e6 100644
--- a/frontend/src/metabase/static-viz/components/FunnelBarChart/FunnelBarChart.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/FunnelBarChart/FunnelBarChart.stories.tsx
@@ -20,7 +20,7 @@ export default {
   component: StaticVisualization,
 };
 
-const Template: StoryFn<StaticChartProps> = args => {
+const Template: StoryFn<StaticChartProps> = (args) => {
   return (
     <div style={{ border: "1px solid black", display: "inline-block" }}>
       <StaticVisualization {...args} isStorybook />
diff --git a/frontend/src/metabase/static-viz/components/FunnelChart/FunnelChart.stories.tsx b/frontend/src/metabase/static-viz/components/FunnelChart/FunnelChart.stories.tsx
index 2ba498bc6e7..38645498fda 100644
--- a/frontend/src/metabase/static-viz/components/FunnelChart/FunnelChart.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/FunnelChart/FunnelChart.stories.tsx
@@ -12,7 +12,7 @@ export default {
   component: FunnelChart,
 };
 
-const Template: StoryFn<FunnelProps> = args => {
+const Template: StoryFn<FunnelProps> = (args) => {
   return <FunnelChart {...args} />;
 };
 
diff --git a/frontend/src/metabase/static-viz/components/FunnelChart/utils/funnel.ts b/frontend/src/metabase/static-viz/components/FunnelChart/utils/funnel.ts
index 3a03b7f1cf8..07beb964396 100644
--- a/frontend/src/metabase/static-viz/components/FunnelChart/utils/funnel.ts
+++ b/frontend/src/metabase/static-viz/components/FunnelChart/utils/funnel.ts
@@ -137,12 +137,12 @@ export const reorderData = (
     return data;
   }
 
-  const keys = data.map(datum => String(datum[0]));
+  const keys = data.map((datum) => String(datum[0]));
 
   return funnelOrder
-    .map(orderedItem => {
+    .map((orderedItem) => {
       if (orderedItem.enabled) {
-        const dataIndex = keys.findIndex(key => key === orderedItem.key);
+        const dataIndex = keys.findIndex((key) => key === orderedItem.key);
         return data[dataIndex];
       }
     })
diff --git a/frontend/src/metabase/static-viz/components/Gauge/Gauge.stories.tsx b/frontend/src/metabase/static-viz/components/Gauge/Gauge.stories.tsx
index 2512b432739..57ff928cfe9 100644
--- a/frontend/src/metabase/static-viz/components/Gauge/Gauge.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/Gauge/Gauge.stories.tsx
@@ -15,7 +15,7 @@ export default {
   component: GaugeContainer,
 };
 
-const Template: StoryFn<GaugeContainerProps> = args => {
+const Template: StoryFn<GaugeContainerProps> = (args) => {
   return <GaugeContainer {...args} />;
 };
 
diff --git a/frontend/src/metabase/static-viz/components/Gauge/Gauge.tsx b/frontend/src/metabase/static-viz/components/Gauge/Gauge.tsx
index 7a0edb0ab79..1cc28761224 100644
--- a/frontend/src/metabase/static-viz/components/Gauge/Gauge.tsx
+++ b/frontend/src/metabase/static-viz/components/Gauge/Gauge.tsx
@@ -91,7 +91,7 @@ export default function Gauge({
               startAngle={START_ANGLE}
               endAngle={END_ANGLE}
             >
-              {pie => {
+              {(pie) => {
                 // Renders similar to Pie's default children.
                 // https://github.com/airbnb/visx/blob/978c143dae4057e482b0ca909e8c5a16c85dfd1e/packages/visx-shape/src/shapes/Pie.tsx#L86-L98
                 const baseArcPath = pie.path({
diff --git a/frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx b/frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx
index e45f1f978de..4884b1d797b 100644
--- a/frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx
+++ b/frontend/src/metabase/static-viz/components/Gauge/GaugeContainer.tsx
@@ -62,7 +62,7 @@ export default function GaugeContainer({
   };
 
   const segmentMinMaxLabels: GaugeLabelData[] = segments
-    .flatMap(segmentDatum => {
+    .flatMap((segmentDatum) => {
       return [segmentDatum.min, segmentDatum.max];
     })
     // gauge segments could be continuous i.e. the current max and the next min is the same value.
@@ -112,7 +112,7 @@ export default function GaugeContainer({
     });
 
   const segmentLabels: GaugeLabelData[] = segments
-    .filter(segment => segment.label)
+    .filter((segment) => segment.label)
     .map((segment): GaugeLabelData => {
       const angle =
         START_ANGLE +
diff --git a/frontend/src/metabase/static-viz/components/Gauge/utils.tsx b/frontend/src/metabase/static-viz/components/Gauge/utils.tsx
index 06030a6b531..1ed23000214 100644
--- a/frontend/src/metabase/static-viz/components/Gauge/utils.tsx
+++ b/frontend/src/metabase/static-viz/components/Gauge/utils.tsx
@@ -90,7 +90,7 @@ export function calculateSegmentLabelTextAnchor(angle: number): TextAnchor {
 }
 
 export function calculateChartScale(gaugeLabels: GaugeLabelData[]) {
-  const gaugeLabelDimensions = gaugeLabels.map(gaugeLabel => {
+  const gaugeLabelDimensions = gaugeLabels.map((gaugeLabel) => {
     const labelWidth = measureTextWidth(
       gaugeLabel.value,
       SEGMENT_LABEL_FONT_SIZE,
diff --git a/frontend/src/metabase/static-viz/components/Legend/utils.ts b/frontend/src/metabase/static-viz/components/Legend/utils.ts
index f6f94078ed9..933c26c5401 100644
--- a/frontend/src/metabase/static-viz/components/Legend/utils.ts
+++ b/frontend/src/metabase/static-viz/components/Legend/utils.ts
@@ -123,7 +123,7 @@ export const calculateLegendRows = ({
   }
 
   const renderedWidth = Math.max(
-    ...rows.map(row =>
+    ...rows.map((row) =>
       row.reduce(
         (currRowWidth, item) =>
           currRowWidth +
@@ -161,7 +161,7 @@ function calculateNumRowsCols(
     colWidth = Math.floor(width / ++numCols);
   } while (
     items.every(
-      item =>
+      (item) =>
         calculateItemWidth(item, fontSize, fontWeight) +
           legendItemMarginRight <=
         colWidth,
@@ -252,7 +252,7 @@ export const calculateLegendRowsWithColumns = ({
     renderedWidth = colWidth * numCols;
   } else {
     const lastColumnWidth = Math.max(
-      ...rows.map(row => {
+      ...rows.map((row) => {
         if (row.length < numCols) {
           return 0;
         }
diff --git a/frontend/src/metabase/static-viz/components/PieChart/PieChart.stories.tsx b/frontend/src/metabase/static-viz/components/PieChart/PieChart.stories.tsx
index d0357c83ddf..4962ea92a31 100644
--- a/frontend/src/metabase/static-viz/components/PieChart/PieChart.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/PieChart/PieChart.stories.tsx
@@ -20,7 +20,7 @@ export default {
   component: StaticVisualization,
 };
 
-const Template: StoryFn<StaticChartProps> = args => {
+const Template: StoryFn<StaticChartProps> = (args) => {
   return (
     <div style={{ border: "1px solid black", display: "inline-block" }}>
       <StaticVisualization {...args} isStorybook />
diff --git a/frontend/src/metabase/static-viz/components/PieChart/legend.tsx b/frontend/src/metabase/static-viz/components/PieChart/legend.tsx
index 36a200a2dcd..abe286dfb0e 100644
--- a/frontend/src/metabase/static-viz/components/PieChart/legend.tsx
+++ b/frontend/src/metabase/static-viz/components/PieChart/legend.tsx
@@ -19,8 +19,8 @@ export function getPieChartLegend(
     items,
   } = calculateLegendRowsWithColumns({
     items: getArrayFromMapValues(chartModel.sliceTree)
-      .filter(s => s.includeInLegend)
-      .map(s => {
+      .filter((s) => s.includeInLegend)
+      .map((s) => {
         return {
           name: s.name,
           percent:
diff --git a/frontend/src/metabase/static-viz/components/ProgressBar/Pointer.tsx b/frontend/src/metabase/static-viz/components/ProgressBar/Pointer.tsx
index 27948e8eb5c..5fc8f9d49aa 100644
--- a/frontend/src/metabase/static-viz/components/ProgressBar/Pointer.tsx
+++ b/frontend/src/metabase/static-viz/components/ProgressBar/Pointer.tsx
@@ -10,7 +10,7 @@ export const Pointer = ({ width, height, fill }: PointerProps) => {
     [width / 2, 0],
     [0, height],
   ]
-    .map(point => point.join(","))
+    .map((point) => point.join(","))
     .join(" ");
 
   return <polygon fill={fill} points={points} />;
diff --git a/frontend/src/metabase/static-viz/components/ProgressBar/ProgressBar.stories.tsx b/frontend/src/metabase/static-viz/components/ProgressBar/ProgressBar.stories.tsx
index 040272cfa43..548781ddd10 100644
--- a/frontend/src/metabase/static-viz/components/ProgressBar/ProgressBar.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/ProgressBar/ProgressBar.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: ProgressBar,
 };
 
-const Template: StoryFn<ProgressBarProps> = args => {
+const Template: StoryFn<ProgressBarProps> = (args) => {
   return <ProgressBar {...args} />;
 };
 
diff --git a/frontend/src/metabase/static-viz/components/RowChart/RowChart.stories.tsx b/frontend/src/metabase/static-viz/components/RowChart/RowChart.stories.tsx
index b7cd00ef321..3fe4f48a380 100644
--- a/frontend/src/metabase/static-viz/components/RowChart/RowChart.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/RowChart/RowChart.stories.tsx
@@ -13,7 +13,7 @@ export default {
   component: RowChart,
 };
 
-const Template: StoryFn<StaticRowChartProps> = args => {
+const Template: StoryFn<StaticRowChartProps> = (args) => {
   return <RowChart {...args} />;
 };
 
diff --git a/frontend/src/metabase/static-viz/components/RowChart/RowChart.tsx b/frontend/src/metabase/static-viz/components/RowChart/RowChart.tsx
index c7b4efe9aa8..8dddf8c880c 100644
--- a/frontend/src/metabase/static-viz/components/RowChart/RowChart.tsx
+++ b/frontend/src/metabase/static-viz/components/RowChart/RowChart.tsx
@@ -92,7 +92,7 @@ const StaticRowChart = ({ data, settings, getColor }: StaticRowChartProps) => {
   const labelledSeries = getLabelledSeries(settings, series);
 
   const legend = calculateLegendRows({
-    items: series.map(series => ({
+    items: series.map((series) => ({
       key: series.seriesKey,
       name: series.seriesName,
       color: seriesColors[series.seriesKey],
diff --git a/frontend/src/metabase/static-viz/components/ScalarChart/ScalarChart.stories.tsx b/frontend/src/metabase/static-viz/components/ScalarChart/ScalarChart.stories.tsx
index 09850e95f50..cc2a160f154 100644
--- a/frontend/src/metabase/static-viz/components/ScalarChart/ScalarChart.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/ScalarChart/ScalarChart.stories.tsx
@@ -21,7 +21,7 @@ export default {
   component: ScalarChart,
 };
 
-const Template: StoryFn<StaticChartProps> = args => {
+const Template: StoryFn<StaticChartProps> = (args) => {
   return (
     <div style={{ border: "1px solid black", display: "inline-block" }}>
       <StaticVisualization {...args} isStorybook />
diff --git a/frontend/src/metabase/static-viz/components/ScatterPlot/ScatterPlot.stories.tsx b/frontend/src/metabase/static-viz/components/ScatterPlot/ScatterPlot.stories.tsx
index 28e55b8d382..5f5fff14baf 100644
--- a/frontend/src/metabase/static-viz/components/ScatterPlot/ScatterPlot.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/ScatterPlot/ScatterPlot.stories.tsx
@@ -20,7 +20,7 @@ export default {
   component: StaticVisualization,
 };
 
-const Template: StoryFn<StaticChartProps> = args => {
+const Template: StoryFn<StaticChartProps> = (args) => {
   return (
     <div style={{ border: "1px solid black", display: "inline-block" }}>
       <StaticVisualization {...args} isStorybook />
diff --git a/frontend/src/metabase/static-viz/components/WaterfallChart/WaterfallChart.stories.tsx b/frontend/src/metabase/static-viz/components/WaterfallChart/WaterfallChart.stories.tsx
index 58cb4adc762..07acbe95f48 100644
--- a/frontend/src/metabase/static-viz/components/WaterfallChart/WaterfallChart.stories.tsx
+++ b/frontend/src/metabase/static-viz/components/WaterfallChart/WaterfallChart.stories.tsx
@@ -17,7 +17,7 @@ export default {
   component: StaticVisualization,
 };
 
-const Template: StoryFn<StaticChartProps> = args => {
+const Template: StoryFn<StaticChartProps> = (args) => {
   return (
     <div style={{ border: "1px solid black", display: "inline-block" }}>
       <StaticVisualization {...args} isStorybook />
diff --git a/frontend/src/metabase/static-viz/lib/svg.ts b/frontend/src/metabase/static-viz/lib/svg.ts
index fc6c07a6ef2..cb9bd9e8eeb 100644
--- a/frontend/src/metabase/static-viz/lib/svg.ts
+++ b/frontend/src/metabase/static-viz/lib/svg.ts
@@ -41,7 +41,7 @@ function patchNode(node: ElementContent) {
     node.properties.dy = "0.5em";
   }
 
-  node.children.forEach(child => patchNode(child));
+  node.children.forEach((child) => patchNode(child));
 }
 
 /**
diff --git a/frontend/src/metabase/static-viz/lib/svg.unit.spec.ts b/frontend/src/metabase/static-viz/lib/svg.unit.spec.ts
index 976395ba479..fb338e144f4 100644
--- a/frontend/src/metabase/static-viz/lib/svg.unit.spec.ts
+++ b/frontend/src/metabase/static-viz/lib/svg.unit.spec.ts
@@ -70,7 +70,7 @@ describe("patchDominantBaseline", () => {
         nodes[node.properties.id] = node;
       }
 
-      node.children.forEach(child => recordNode(child));
+      node.children.forEach((child) => recordNode(child));
     }
     recordNode(patchedSvgElem);
 
diff --git a/frontend/src/metabase/status/components/DatabaseStatus/DatabaseStatus.tsx b/frontend/src/metabase/status/components/DatabaseStatus/DatabaseStatus.tsx
index 97b27905259..4006297a49a 100644
--- a/frontend/src/metabase/status/components/DatabaseStatus/DatabaseStatus.tsx
+++ b/frontend/src/metabase/status/components/DatabaseStatus/DatabaseStatus.tsx
@@ -47,7 +47,7 @@ const getDatabases = ({
   user,
   databases = [],
 }: DatabaseStatusProps): Database[] => {
-  return databases.filter(d => !d.is_sample && d.creator_id === user?.id);
+  return databases.filter((d) => !d.is_sample && d.creator_id === user?.id);
 };
 
 // eslint-disable-next-line import/no-default-export -- deprecated usage
diff --git a/frontend/src/metabase/status/components/DatabaseStatusLarge/DatabaseStatusLarge.tsx b/frontend/src/metabase/status/components/DatabaseStatusLarge/DatabaseStatusLarge.tsx
index 3db7c1fe8c7..0e7a1abaad3 100644
--- a/frontend/src/metabase/status/components/DatabaseStatusLarge/DatabaseStatusLarge.tsx
+++ b/frontend/src/metabase/status/components/DatabaseStatusLarge/DatabaseStatusLarge.tsx
@@ -22,7 +22,7 @@ const DatabaseStatusLarge = ({
 }: DatabaseStatusLargeProps): JSX.Element => {
   const status = {
     title: getTitle(databases),
-    items: databases.map(database => ({
+    items: databases.map((database) => ({
       id: database.id,
       title: database.name,
       icon: "database",
diff --git a/frontend/src/metabase/status/components/DownloadsStatusLarge/DownloadsStatusLarge.stories.tsx b/frontend/src/metabase/status/components/DownloadsStatusLarge/DownloadsStatusLarge.stories.tsx
index bdd04d37ce6..8ec7230efa6 100644
--- a/frontend/src/metabase/status/components/DownloadsStatusLarge/DownloadsStatusLarge.stories.tsx
+++ b/frontend/src/metabase/status/components/DownloadsStatusLarge/DownloadsStatusLarge.stories.tsx
@@ -10,7 +10,7 @@ export default {
   component: DownloadsStatusLarge,
 };
 
-const Template: StoryFn<DownloadsStatusLargeProps> = args => {
+const Template: StoryFn<DownloadsStatusLargeProps> = (args) => {
   return <DownloadsStatusLarge {...args} />;
 };
 
diff --git a/frontend/src/metabase/status/components/DownloadsStatusLarge/DownloadsStatusLarge.tsx b/frontend/src/metabase/status/components/DownloadsStatusLarge/DownloadsStatusLarge.tsx
index ed3f048d0ef..3b427ca9985 100644
--- a/frontend/src/metabase/status/components/DownloadsStatusLarge/DownloadsStatusLarge.tsx
+++ b/frontend/src/metabase/status/components/DownloadsStatusLarge/DownloadsStatusLarge.tsx
@@ -20,7 +20,7 @@ export const DownloadsStatusLarge = ({
   const status = useMemo(() => {
     return {
       title: getTitle(downloads),
-      items: downloads.map(download => ({
+      items: downloads.map((download) => ({
         id: download.id,
         title: download.title,
         icon: "download",
diff --git a/frontend/src/metabase/status/components/FileUploadStatus/FileUploadStatus.tsx b/frontend/src/metabase/status/components/FileUploadStatus/FileUploadStatus.tsx
index 9ea2b8ad1dd..2a445be737b 100644
--- a/frontend/src/metabase/status/components/FileUploadStatus/FileUploadStatus.tsx
+++ b/frontend/src/metabase/status/components/FileUploadStatus/FileUploadStatus.tsx
@@ -19,11 +19,11 @@ export const FileUploadStatus = () => {
   const resetUploads = () => dispatch(clearAllUploads());
 
   const groupedTables = _.groupBy(
-    uploads.filter(upload => upload.tableId),
+    uploads.filter((upload) => upload.tableId),
     "tableId",
   );
   const groupedCollections = _.groupBy(
-    uploads.filter(upload => upload.collectionId),
+    uploads.filter((upload) => upload.collectionId),
     "collectionId",
   );
 
@@ -32,7 +32,7 @@ export const FileUploadStatus = () => {
 
   return (
     <>
-      {tables.map(tableId => {
+      {tables.map((tableId) => {
         return (
           <FileUploadStatusContent
             key={`uploads-table-${tableId}`}
@@ -42,7 +42,7 @@ export const FileUploadStatus = () => {
           />
         );
       })}
-      {collections.map(collectionId => {
+      {collections.map((collectionId) => {
         return (
           <FileUploadStatusContent
             key={`uploads-collection-${collectionId}`}
@@ -68,7 +68,7 @@ const FileUploadStatusContent = ({
   resetUploads: () => void;
 }) => {
   const isActive = uploads.some(
-    upload => isUploadInProgress(upload) || isUploadAborted(upload),
+    (upload) => isUploadInProgress(upload) || isUploadAborted(upload),
   );
   const isVisible = useStatusVisibility(isActive);
 
diff --git a/frontend/src/metabase/status/components/FileUploadStatusLarge/FileUploadStatusLarge.stories.tsx b/frontend/src/metabase/status/components/FileUploadStatusLarge/FileUploadStatusLarge.stories.tsx
index 63d6c6f1fa1..7243d8841a1 100644
--- a/frontend/src/metabase/status/components/FileUploadStatusLarge/FileUploadStatusLarge.stories.tsx
+++ b/frontend/src/metabase/status/components/FileUploadStatusLarge/FileUploadStatusLarge.stories.tsx
@@ -11,7 +11,7 @@ export default {
   component: FileUploadStatusLarge,
 };
 
-const Template: StoryFn<FileUploadLargeProps> = args => {
+const Template: StoryFn<FileUploadLargeProps> = (args) => {
   return <FileUploadStatusLarge {...args} />;
 };
 
diff --git a/frontend/src/metabase/status/components/FileUploadStatusLarge/FileUploadStatusLarge.tsx b/frontend/src/metabase/status/components/FileUploadStatusLarge/FileUploadStatusLarge.tsx
index 35b2bc2fc5f..9e682a69988 100644
--- a/frontend/src/metabase/status/components/FileUploadStatusLarge/FileUploadStatusLarge.tsx
+++ b/frontend/src/metabase/status/components/FileUploadStatusLarge/FileUploadStatusLarge.tsx
@@ -52,7 +52,7 @@ const FileUploadLarge = ({
 
   const status = {
     title,
-    items: uploads.map(upload => ({
+    items: uploads.map((upload) => ({
       id: upload.id,
       title: getName(upload),
       icon: "model",
@@ -92,7 +92,7 @@ const getTitle = (
 ) => {
   const isDone = uploads.every(isUploadCompleted);
   const isOnlyReplace = uploads.every(
-    upload => upload.uploadMode === UploadMode.replace,
+    (upload) => upload.uploadMode === UploadMode.replace,
   );
   const isError = uploads.some(isUploadAborted);
 
diff --git a/frontend/src/metabase/status/components/StatusLarge/StatusLarge.styled.tsx b/frontend/src/metabase/status/components/StatusLarge/StatusLarge.styled.tsx
index 30bc993f294..3a64d891a9d 100644
--- a/frontend/src/metabase/status/components/StatusLarge/StatusLarge.styled.tsx
+++ b/frontend/src/metabase/status/components/StatusLarge/StatusLarge.styled.tsx
@@ -41,7 +41,7 @@ export const StatusBody = styled.div`
 
 export const StatusCardRoot = styled.div<{ hasBody?: boolean }>`
   display: flex;
-  align-items: ${props => (props.hasBody ? "flex-start" : "center")};
+  align-items: ${(props) => (props.hasBody ? "flex-start" : "center")};
   margin: 0.75rem;
 `;
 
@@ -99,6 +99,6 @@ export const StatusCardIconContainer = styled.div<StatusCardIconContainerProps>`
   height: 1.5rem;
   border-radius: 1rem;
   color: var(--mb-color-text-white);
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.isError ? color("error") : color("success")};
 `;
diff --git a/frontend/src/metabase/status/components/StatusLarge/StatusLarge.tsx b/frontend/src/metabase/status/components/StatusLarge/StatusLarge.tsx
index c9392078ad5..7fc2f97b49e 100644
--- a/frontend/src/metabase/status/components/StatusLarge/StatusLarge.tsx
+++ b/frontend/src/metabase/status/components/StatusLarge/StatusLarge.tsx
@@ -69,7 +69,7 @@ const StatusLarge = ({
         )}
       </StatusHeader>
       <StatusBody>
-        {status.items.map(item => (
+        {status.items.map((item) => (
           <StatusCard
             item={item}
             isActive={isActive}
diff --git a/frontend/src/metabase/store.js b/frontend/src/metabase/store.js
index eb50f78829a..6e6ecd0fb9e 100644
--- a/frontend/src/metabase/store.js
+++ b/frontend/src/metabase/store.js
@@ -15,7 +15,7 @@ export function getStore(reducers, history, intialState) {
   return configureStore({
     reducer,
     preloadedState: intialState,
-    middleware: getDefaultMiddleware =>
+    middleware: (getDefaultMiddleware) =>
       getDefaultMiddleware({
         immutableCheck: false,
         serializableCheck: false,
diff --git a/frontend/src/metabase/styled-components/containers/GlobalStyles/GlobalStyles.tsx b/frontend/src/metabase/styled-components/containers/GlobalStyles/GlobalStyles.tsx
index 373724c56ba..bf088d333b8 100644
--- a/frontend/src/metabase/styled-components/containers/GlobalStyles/GlobalStyles.tsx
+++ b/frontend/src/metabase/styled-components/containers/GlobalStyles/GlobalStyles.tsx
@@ -31,7 +31,7 @@ export const GlobalStyles = (): JSX.Element => {
 
       ${defaultFontFiles({ baseUrl: sitePath })}
       ${fontFiles?.map(
-        file => css`
+        (file) => css`
           @font-face {
             font-family: "Custom";
             src: url(${encodeURI(file.src)}) format("${file.fontFormat}");
diff --git a/frontend/src/metabase/styled-components/selectors.ts b/frontend/src/metabase/styled-components/selectors.ts
index b0279af2f17..2cdda37f087 100644
--- a/frontend/src/metabase/styled-components/selectors.ts
+++ b/frontend/src/metabase/styled-components/selectors.ts
@@ -17,6 +17,6 @@ export const getFont = createSelector(
   },
 );
 
-export const getFontFiles = createSelector([getSettings], settings => {
+export const getFontFiles = createSelector([getSettings], (settings) => {
   return settings["application-font-files"];
 });
diff --git a/frontend/src/metabase/styled-components/theme/css-variables.ts b/frontend/src/metabase/styled-components/theme/css-variables.ts
index 604d7ac83f9..2cd8423770d 100644
--- a/frontend/src/metabase/styled-components/theme/css-variables.ts
+++ b/frontend/src/metabase/styled-components/theme/css-variables.ts
@@ -51,7 +51,7 @@ function getSdkDesignSystemCssVariables(theme: MantineTheme) {
     /* Dynamic colors from SDK */
     ${Object.entries(SDK_TO_MAIN_APP_COLORS_MAPPING).flatMap(
       ([_key, metabaseColorNames]) => {
-        return metabaseColorNames.map(metabaseColorName => {
+        return metabaseColorNames.map((metabaseColorName) => {
           /**
            * Prevent returning the primary color when color is not found,
            * so we could add a logic to fallback to the default color ourselves.
diff --git a/frontend/src/metabase/timelines/collections/components/EventCard/EventCard.styled.tsx b/frontend/src/metabase/timelines/collections/components/EventCard/EventCard.styled.tsx
index 4a9a658e047..8ac788976a1 100644
--- a/frontend/src/metabase/timelines/collections/components/EventCard/EventCard.styled.tsx
+++ b/frontend/src/metabase/timelines/collections/components/EventCard/EventCard.styled.tsx
@@ -62,7 +62,7 @@ export const CardTitle = styled.div<CardTitleProps>`
   line-height: 1.25rem;
   font-weight: bold;
   word-wrap: break-word;
-  ${props => props.to && cardTitleHoverStyles};
+  ${(props) => props.to && cardTitleHoverStyles};
 `;
 
 export const CardDescription = styled(Markdown)`
diff --git a/frontend/src/metabase/timelines/collections/components/EventList/EventList.tsx b/frontend/src/metabase/timelines/collections/components/EventList/EventList.tsx
index 63268eab427..3f3a25e11d5 100644
--- a/frontend/src/metabase/timelines/collections/components/EventList/EventList.tsx
+++ b/frontend/src/metabase/timelines/collections/components/EventList/EventList.tsx
@@ -30,7 +30,7 @@ const EventList = ({
 }: EventListProps): JSX.Element => {
   return (
     <ListRoot>
-      {events.map(event => (
+      {events.map((event) => (
         <EventCard
           key={event.id}
           event={event}
diff --git a/frontend/src/metabase/timelines/collections/components/TimelineCard/TimelineCard.styled.tsx b/frontend/src/metabase/timelines/collections/components/TimelineCard/TimelineCard.styled.tsx
index 07f237e96f3..afdb6bdbfb1 100644
--- a/frontend/src/metabase/timelines/collections/components/TimelineCard/TimelineCard.styled.tsx
+++ b/frontend/src/metabase/timelines/collections/components/TimelineCard/TimelineCard.styled.tsx
@@ -42,7 +42,7 @@ export const CardCount = styled.span<CardCountProps>`
   display: block;
   flex: 0 0 auto;
   color: var(--mb-color-text-dark);
-  align-self: ${props => (props.isTopAligned ? "flex-start" : "")};
+  align-self: ${(props) => (props.isTopAligned ? "flex-start" : "")};
 `;
 
 export const CardMenu = styled.span`
@@ -70,7 +70,7 @@ export const CardRoot = styled(Link)`
   align-items: center;
   border: 1px solid var(--mb-color-border);
   border-radius: 6px;
-  cursor: ${props => (props.to ? "pointer" : "default")};
+  cursor: ${(props) => (props.to ? "pointer" : "default")};
 
-  ${props => props.to && cardRootHoverStyles}
+  ${(props) => props.to && cardRootHoverStyles}
 `;
diff --git a/frontend/src/metabase/timelines/collections/components/TimelineDetailsModal/TimelineDetailsModal.styled.tsx b/frontend/src/metabase/timelines/collections/components/TimelineDetailsModal/TimelineDetailsModal.styled.tsx
index 3580d692672..fbae1a3d704 100644
--- a/frontend/src/metabase/timelines/collections/components/TimelineDetailsModal/TimelineDetailsModal.styled.tsx
+++ b/frontend/src/metabase/timelines/collections/components/TimelineDetailsModal/TimelineDetailsModal.styled.tsx
@@ -36,7 +36,7 @@ export const ModalBody = styled.div<ModalBodyProps>`
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
-  justify-content: ${props => (props.isTopAligned ? "" : "center")};
+  justify-content: ${(props) => (props.isTopAligned ? "" : "center")};
   margin: 1rem 0 0;
   padding: 1rem 2rem 2rem;
   overflow-y: auto;
diff --git a/frontend/src/metabase/timelines/collections/components/TimelineDetailsModal/TimelineDetailsModal.tsx b/frontend/src/metabase/timelines/collections/components/TimelineDetailsModal/TimelineDetailsModal.tsx
index 6fb4c63d795..ea075cd7d97 100644
--- a/frontend/src/metabase/timelines/collections/components/TimelineDetailsModal/TimelineDetailsModal.tsx
+++ b/frontend/src/metabase/timelines/collections/components/TimelineDetailsModal/TimelineDetailsModal.tsx
@@ -70,7 +70,7 @@ const TimelineDetailsModal = ({
   const canWrite = timeline.collection?.can_write;
   const canGoBack = isArchive || !isOnlyTimeline;
 
-  const handleSearchChange: InputProps["onChange"] = e =>
+  const handleSearchChange: InputProps["onChange"] = (e) =>
     setInputText(e.target.value);
 
   return (
@@ -125,12 +125,12 @@ const getEvents = (
   isArchive: boolean,
 ) => {
   const chain = searchText
-    ? _.chain(events).filter(e => isEventMatch(e, searchText))
+    ? _.chain(events).filter((e) => isEventMatch(e, searchText))
     : _.chain(events);
 
   return chain
-    .filter(e => e.archived === isArchive)
-    .sortBy(e => parseTimestamp(e.timestamp))
+    .filter((e) => e.archived === isArchive)
+    .sortBy((e) => parseTimestamp(e.timestamp))
     .reverse()
     .value();
 };
diff --git a/frontend/src/metabase/timelines/collections/components/TimelineList/TimelineList.tsx b/frontend/src/metabase/timelines/collections/components/TimelineList/TimelineList.tsx
index 5fa4eefe7a5..485302e0438 100644
--- a/frontend/src/metabase/timelines/collections/components/TimelineList/TimelineList.tsx
+++ b/frontend/src/metabase/timelines/collections/components/TimelineList/TimelineList.tsx
@@ -15,7 +15,7 @@ const TimelineList = ({
 }: TimelineListProps): JSX.Element => {
   return (
     <ListRoot>
-      {timelines.map(timeline => (
+      {timelines.map((timeline) => (
         <TimelineCard
           key={timeline.id}
           timeline={timeline}
diff --git a/frontend/src/metabase/timelines/collections/components/TimelineListModal/TimelineListModal.styled.tsx b/frontend/src/metabase/timelines/collections/components/TimelineListModal/TimelineListModal.styled.tsx
index cfd84ea37db..6dc8331a7dd 100644
--- a/frontend/src/metabase/timelines/collections/components/TimelineListModal/TimelineListModal.styled.tsx
+++ b/frontend/src/metabase/timelines/collections/components/TimelineListModal/TimelineListModal.styled.tsx
@@ -16,7 +16,7 @@ export const ModalBody = styled.div<ModalBodyProps>`
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
-  justify-content: ${props => (props.isTopAligned ? "" : "center")};
+  justify-content: ${(props) => (props.isTopAligned ? "" : "center")};
   margin: 1rem 0 0;
   padding: 1rem 2rem 2rem;
   overflow-y: auto;
diff --git a/frontend/src/metabase/timelines/common/components/EventForm/EventForm.tsx b/frontend/src/metabase/timelines/common/components/EventForm/EventForm.tsx
index 48aca45d340..87882078a3e 100644
--- a/frontend/src/metabase/timelines/common/components/EventForm/EventForm.tsx
+++ b/frontend/src/metabase/timelines/common/components/EventForm/EventForm.tsx
@@ -61,7 +61,7 @@ const EventForm = ({
   }, []);
 
   const timelineOptions = useMemo(() => {
-    return timelines.map(t => ({ name: getTimelineName(t), value: t.id }));
+    return timelines.map((t) => ({ name: getTimelineName(t), value: t.id }));
   }, [timelines]);
 
   return (
@@ -84,7 +84,7 @@ const EventForm = ({
             hasTime={values.time_matters}
             dateFormat={dateSettings?.date_style}
             timeFormat={dateSettings?.time_style}
-            onHasTimeChange={value => setFieldValue("time_matters", value)}
+            onHasTimeChange={(value) => setFieldValue("time_matters", value)}
           />
           <FormTextArea
             name="description"
diff --git a/frontend/src/metabase/timelines/common/components/ModalFooter/ModalFooter.styled.tsx b/frontend/src/metabase/timelines/common/components/ModalFooter/ModalFooter.styled.tsx
index 7f14a59019b..d7554d76f11 100644
--- a/frontend/src/metabase/timelines/common/components/ModalFooter/ModalFooter.styled.tsx
+++ b/frontend/src/metabase/timelines/common/components/ModalFooter/ModalFooter.styled.tsx
@@ -9,5 +9,5 @@ export const FooterRoot = styled.div<FooterProps>`
   display: flex;
   gap: 1rem;
   justify-content: flex-end;
-  padding: ${props => (props.hasPadding ? "2rem" : "0")} 2rem 2rem;
+  padding: ${(props) => (props.hasPadding ? "2rem" : "0")} 2rem 2rem;
 `;
diff --git a/frontend/src/metabase/timelines/common/components/ModalHeader/ModalHeader.styled.tsx b/frontend/src/metabase/timelines/common/components/ModalHeader/ModalHeader.styled.tsx
index 0c7b5992f81..3ad500351d9 100644
--- a/frontend/src/metabase/timelines/common/components/ModalHeader/ModalHeader.styled.tsx
+++ b/frontend/src/metabase/timelines/common/components/ModalHeader/ModalHeader.styled.tsx
@@ -12,10 +12,10 @@ export const HeaderLink = styled.div`
   min-width: 0;
   margin-right: auto;
   color: var(--mb-color-text-dark);
-  cursor: ${props => props.onClick && "pointer"};
+  cursor: ${(props) => props.onClick && "pointer"};
 
   &:hover {
-    color: ${props => props.onClick && color("brand")};
+    color: ${(props) => props.onClick && color("brand")};
   }
 `;
 
diff --git a/frontend/src/metabase/timelines/common/components/MoveEventModal/MoveEventModal.tsx b/frontend/src/metabase/timelines/common/components/MoveEventModal/MoveEventModal.tsx
index 29ac6ceea33..3dad9742aae 100644
--- a/frontend/src/metabase/timelines/common/components/MoveEventModal/MoveEventModal.tsx
+++ b/frontend/src/metabase/timelines/common/components/MoveEventModal/MoveEventModal.tsx
@@ -34,7 +34,7 @@ const MoveEventModal = ({
   onCancel,
   onClose,
 }: MoveEventModalProps): JSX.Element => {
-  const oldTimeline = timelines.find(t => t.id === event.timeline_id);
+  const oldTimeline = timelines.find((t) => t.id === event.timeline_id);
   const [newTimeline, setNewTimeline] = useState(oldTimeline);
   const isEnabled = newTimeline?.id !== oldTimeline?.id;
 
diff --git a/frontend/src/metabase/timelines/common/components/NewEventModal/NewEventModal.tsx b/frontend/src/metabase/timelines/common/components/NewEventModal/NewEventModal.tsx
index f68f2dee43a..03168193627 100644
--- a/frontend/src/metabase/timelines/common/components/NewEventModal/NewEventModal.tsx
+++ b/frontend/src/metabase/timelines/common/components/NewEventModal/NewEventModal.tsx
@@ -39,7 +39,7 @@ const NewEventModal = ({
   onClose,
 }: NewEventModalProps): JSX.Element => {
   const availableTimelines = useMemo(() => {
-    return timelines.filter(t => t.collection?.can_write);
+    return timelines.filter((t) => t.collection?.can_write);
   }, [timelines]);
 
   const initialValues = useMemo(() => {
@@ -48,7 +48,7 @@ const NewEventModal = ({
 
   const handleSubmit = useCallback(
     async (values: TimelineEventData) => {
-      const timeline = timelines.find(t => t.id === values.timeline_id);
+      const timeline = timelines.find((t) => t.id === values.timeline_id);
       await onSubmit(values, collection, timeline);
       onSubmitSuccess?.();
     },
diff --git a/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.stories.tsx b/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.stories.tsx
index 21435aedf8e..afb1f402860 100644
--- a/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.stories.tsx
+++ b/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.stories.tsx
@@ -14,7 +14,7 @@ export default {
   component: TimelinePicker,
 };
 
-const Template: StoryFn<TimelinePickerProps> = args => {
+const Template: StoryFn<TimelinePickerProps> = (args) => {
   const [value, setValue] = useState<Timeline>();
   return <TimelinePicker {...args} value={value} onChange={setValue} />;
 };
diff --git a/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.styled.tsx b/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.styled.tsx
index d48abc19b0d..95fec8709b1 100644
--- a/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.styled.tsx
+++ b/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.styled.tsx
@@ -79,7 +79,7 @@ export const CardRoot = styled.div<CardProps>`
   padding: 1rem;
   border-radius: 0.25rem;
   cursor: pointer;
-  ${props => props.isSelected && selectedStyles}
+  ${(props) => props.isSelected && selectedStyles}
 
   &:hover {
     ${selectedStyles}
diff --git a/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.tsx b/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.tsx
index 2aaa5384b20..08ed6bd1170 100644
--- a/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.tsx
+++ b/frontend/src/metabase/timelines/common/components/TimelinePicker/TimelinePicker.tsx
@@ -25,7 +25,7 @@ export interface TimelinePickerProps {
 const TimelinePicker = ({ value, options, onChange }: TimelinePickerProps) => {
   return (
     <ListRoot>
-      {options.map(option => (
+      {options.map((option) => (
         <TimelineCard
           key={option.id}
           timeline={option}
diff --git a/frontend/src/metabase/timelines/questions/components/EventCard/EventCard.styled.tsx b/frontend/src/metabase/timelines/questions/components/EventCard/EventCard.styled.tsx
index 9055dbe77a0..4e22eaba11c 100644
--- a/frontend/src/metabase/timelines/questions/components/EventCard/EventCard.styled.tsx
+++ b/frontend/src/metabase/timelines/questions/components/EventCard/EventCard.styled.tsx
@@ -13,8 +13,8 @@ export const CardRoot = styled.div<CardRootProps>`
   display: flex;
   padding: 0.25rem 0.75rem;
   border-left: 0.25rem solid
-    ${props => (props.isSelected ? "var(--mb-color-brand)" : "transparent")};
-  background-color: ${props =>
+    ${(props) => (props.isSelected ? "var(--mb-color-brand)" : "transparent")};
+  background-color: ${(props) =>
     props.isSelected ? alpha("brand", 0.03) : "transparent"};
   cursor: pointer;
 
diff --git a/frontend/src/metabase/timelines/questions/components/TimelineCard/TimelineCard.tsx b/frontend/src/metabase/timelines/questions/components/TimelineCard/TimelineCard.tsx
index 0703b1840c7..1bdf7ab1274 100644
--- a/frontend/src/metabase/timelines/questions/components/TimelineCard/TimelineCard.tsx
+++ b/frontend/src/metabase/timelines/questions/components/TimelineCard/TimelineCard.tsx
@@ -44,21 +44,21 @@ const TimelineCard = ({
   onHideTimelineEvents,
 }: TimelineCardProps): JSX.Element => {
   const events = getEvents(timeline.events);
-  const isEventSelected = events.some(e => selectedEventIds.includes(e.id));
+  const isEventSelected = events.some((e) => selectedEventIds.includes(e.id));
   const [isExpanded, setIsExpanded] = useState(isDefault || isEventSelected);
 
   const anyEventVisible = useMemo(
-    () => events.some(event => visibleEventIds.includes(event.id)),
+    () => events.some((event) => visibleEventIds.includes(event.id)),
     [events, visibleEventIds],
   );
 
   const allEventsVisible = useMemo(
-    () => events.every(event => visibleEventIds.includes(event.id)),
+    () => events.every((event) => visibleEventIds.includes(event.id)),
     [events, visibleEventIds],
   );
 
   const handleHeaderClick = useCallback(() => {
-    setIsExpanded(isExpanded => !isExpanded);
+    setIsExpanded((isExpanded) => !isExpanded);
   }, []);
 
   const handleCheckboxClick = useCallback((event: MouseEvent) => {
@@ -103,7 +103,7 @@ const TimelineCard = ({
       </CardHeader>
       {isExpanded && (
         <CardContent>
-          {events.map(event => (
+          {events.map((event) => (
             <EventCard
               key={event.id}
               event={event}
@@ -126,7 +126,7 @@ const TimelineCard = ({
 
 const getEvents = (events: TimelineEvent[] = []) => {
   return _.chain(events)
-    .sortBy(e => e.timestamp)
+    .sortBy((e) => e.timestamp)
     .reverse()
     .value();
 };
diff --git a/frontend/src/metabase/timelines/questions/components/TimelineEmptyState/TimelineEmptyState.tsx b/frontend/src/metabase/timelines/questions/components/TimelineEmptyState/TimelineEmptyState.tsx
index c4ce22f853c..7f9839318ae 100644
--- a/frontend/src/metabase/timelines/questions/components/TimelineEmptyState/TimelineEmptyState.tsx
+++ b/frontend/src/metabase/timelines/questions/components/TimelineEmptyState/TimelineEmptyState.tsx
@@ -18,7 +18,7 @@ const TimelineEmptyState = ({
   onNewEvent,
 }: TimelineEmptyStateProps): JSX.Element => {
   const canWrite =
-    timelines.some(timeline => timeline.collection?.can_write) ||
+    timelines.some((timeline) => timeline.collection?.can_write) ||
     collection.can_write;
 
   const applicationName = useSelector(getApplicationName);
diff --git a/frontend/src/metabase/timelines/questions/components/TimelineList/TimelineList.tsx b/frontend/src/metabase/timelines/questions/components/TimelineList/TimelineList.tsx
index 168ffe4c6c6..70216ccf9c9 100644
--- a/frontend/src/metabase/timelines/questions/components/TimelineList/TimelineList.tsx
+++ b/frontend/src/metabase/timelines/questions/components/TimelineList/TimelineList.tsx
@@ -26,7 +26,7 @@ const TimelineList = ({
 }: TimelineListProps): JSX.Element => {
   return (
     <div>
-      {timelines.map(timeline => (
+      {timelines.map((timeline) => (
         <TimelineCard
           key={timeline.id}
           timeline={timeline}
diff --git a/frontend/src/metabase/ui/components/feedback/Loader/Loader.stories.tsx b/frontend/src/metabase/ui/components/feedback/Loader/Loader.stories.tsx
index 35622d9f91c..6fdcdb9afdf 100644
--- a/frontend/src/metabase/ui/components/feedback/Loader/Loader.stories.tsx
+++ b/frontend/src/metabase/ui/components/feedback/Loader/Loader.stories.tsx
@@ -17,7 +17,7 @@ const argTypes = {
 
 const SizeTemplate = () => (
   <Grid w="10rem" columns={2} align="center">
-    {argTypes.size.options.map(size => (
+    {argTypes.size.options.map((size) => (
       <Fragment key={size}>
         <Grid.Col span={1}>
           <Text fw="bold">{size}</Text>
diff --git a/frontend/src/metabase/ui/components/feedback/Skeleton/Skeleton.stories.tsx b/frontend/src/metabase/ui/components/feedback/Skeleton/Skeleton.stories.tsx
index c0113e16f8d..1ea18335ed3 100644
--- a/frontend/src/metabase/ui/components/feedback/Skeleton/Skeleton.stories.tsx
+++ b/frontend/src/metabase/ui/components/feedback/Skeleton/Skeleton.stories.tsx
@@ -8,7 +8,7 @@ const args: Partial<SkeletonProps> = {
   natural: false,
 };
 
-const Template: StoryFn<typeof Skeleton> = args => {
+const Template: StoryFn<typeof Skeleton> = (args) => {
   return (
     <Stack gap="sm">
       A column of 10 skeletons
diff --git a/frontend/src/metabase/ui/components/icons/Icon/Icon.stories.tsx b/frontend/src/metabase/ui/components/icons/Icon/Icon.stories.tsx
index abb308a2675..ffa85fff051 100644
--- a/frontend/src/metabase/ui/components/icons/Icon/Icon.stories.tsx
+++ b/frontend/src/metabase/ui/components/icons/Icon/Icon.stories.tsx
@@ -24,7 +24,7 @@ const argTypes = {
 const ListTemplate = () => {
   return (
     <Box>
-      {iconNames.map(icon => (
+      {iconNames.map((icon) => (
         <Box key={icon} display="inline-block" w="100px" m="20px" ta="center">
           <p>{icon}</p>
           <Icon name={icon} />
diff --git a/frontend/src/metabase/ui/components/inputs/Autocomplete/Autocomplete.config.tsx b/frontend/src/metabase/ui/components/inputs/Autocomplete/Autocomplete.config.tsx
index 4efdb6f7311..01afb585fcb 100644
--- a/frontend/src/metabase/ui/components/inputs/Autocomplete/Autocomplete.config.tsx
+++ b/frontend/src/metabase/ui/components/inputs/Autocomplete/Autocomplete.config.tsx
@@ -10,7 +10,7 @@ export const autocompleteOverrides: MantineThemeOverride["components"] = {
       comboboxProps: {
         withinPortal: true,
       },
-      renderOption: item => <DefaultSelectItem {...item.option} />,
+      renderOption: (item) => <DefaultSelectItem {...item.option} />,
       maxDropdownHeight: 512,
       withScrollArea: false,
     },
diff --git a/frontend/src/metabase/ui/components/inputs/Autocomplete/Autocomplete.stories.tsx b/frontend/src/metabase/ui/components/inputs/Autocomplete/Autocomplete.stories.tsx
index f37913b8b92..107957317c0 100644
--- a/frontend/src/metabase/ui/components/inputs/Autocomplete/Autocomplete.stories.tsx
+++ b/frontend/src/metabase/ui/components/inputs/Autocomplete/Autocomplete.stories.tsx
@@ -51,10 +51,10 @@ const dataWithGroups: ComboboxItemGroup<ComboboxItemWithIcon>[] =
   }));
 
 const dataWithIcons: ComboboxItem[] = dataWithGroups
-  .map(({ items }) => items.map(item => item))
+  .map(({ items }) => items.map((item) => item))
   .flat();
 
-const dataWithLabels = dataWithIcons.map(item => ({
+const dataWithLabels = dataWithIcons.map((item) => ({
   ...item,
   icon: undefined,
 }));
diff --git a/frontend/src/metabase/ui/components/inputs/Chip/Chip.stories.tsx b/frontend/src/metabase/ui/components/inputs/Chip/Chip.stories.tsx
index cdba7d69cf0..e517ccefc32 100644
--- a/frontend/src/metabase/ui/components/inputs/Chip/Chip.stories.tsx
+++ b/frontend/src/metabase/ui/components/inputs/Chip/Chip.stories.tsx
@@ -19,7 +19,7 @@ export default {
   argTypes,
 };
 
-const Template: StoryFn<ChipProps> = args => {
+const Template: StoryFn<ChipProps> = (args) => {
   return <Chip {...args} />;
 };
 
diff --git a/frontend/src/metabase/ui/components/inputs/Combobox/Combobox.stories.tsx b/frontend/src/metabase/ui/components/inputs/Combobox/Combobox.stories.tsx
index 1ddc2dfd6e3..3ab5caea660 100644
--- a/frontend/src/metabase/ui/components/inputs/Combobox/Combobox.stories.tsx
+++ b/frontend/src/metabase/ui/components/inputs/Combobox/Combobox.stories.tsx
@@ -19,7 +19,7 @@ export default {
   argTypes,
 };
 
-const Template: StoryFn<ComboboxProps> = args => {
+const Template: StoryFn<ComboboxProps> = (args) => {
   return <Combobox {...args} />;
 };
 
diff --git a/frontend/src/metabase/ui/components/inputs/FileInput/FileInputValue.tsx b/frontend/src/metabase/ui/components/inputs/FileInput/FileInputValue.tsx
index 42053054c2b..660aa09cbf9 100644
--- a/frontend/src/metabase/ui/components/inputs/FileInput/FileInputValue.tsx
+++ b/frontend/src/metabase/ui/components/inputs/FileInput/FileInputValue.tsx
@@ -7,7 +7,7 @@ interface FileInputValueProps {
 
 export const FileInputValue = ({ value }: FileInputValueProps) => {
   const text = Array.isArray(value)
-    ? value.map(file => file.name).join(", ")
+    ? value.map((file) => file.name).join(", ")
     : value?.name;
 
   return (
diff --git a/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.stories.tsx b/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.stories.tsx
index 4dcd89cb984..ea7caa01d46 100644
--- a/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.stories.tsx
+++ b/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.stories.tsx
@@ -60,7 +60,7 @@ const argTypes = {
 };
 
 const DefaultTemplate = (args: MultiAutocompleteProps) => (
-  <MultiAutocomplete {...args} shouldCreate={query => query.length > 0} />
+  <MultiAutocomplete {...args} shouldCreate={(query) => query.length > 0} />
 );
 
 const VariantTemplate = (args: MultiAutocompleteProps) => (
diff --git a/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.tsx b/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.tsx
index 4e8922292a6..36444596b24 100644
--- a/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.tsx
+++ b/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.tsx
@@ -44,7 +44,7 @@ export function MultiAutocomplete({
     value: controlledValue,
     defaultValue,
     finalValue: [],
-    onChange: val => {
+    onChange: (val) => {
       onChange?.(val);
     },
   });
@@ -67,7 +67,7 @@ export function MultiAutocomplete({
     const values = unique(newValues)
       .map(parseValues)
       .flat()
-      .filter(val => shouldCreate(val, []));
+      .filter((val) => shouldCreate(val, []));
     stupidRef.current = values;
     setLastSelectedValues(values);
     setSelectedValues(values);
@@ -159,7 +159,7 @@ export function MultiAutocomplete({
       onFocus={handleFocus}
       onSearchChange={handleSearchChange}
       onPasteCapture={handlePaste}
-      onBlur={e => {
+      onBlur={(e) => {
         setIsFocused(false);
         onBlur?.(e);
       }}
diff --git a/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.unit.spec.tsx b/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.unit.spec.tsx
index e98dc1cf8c4..1f9a7ba500b 100644
--- a/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.unit.spec.tsx
+++ b/frontend/src/metabase/ui/components/inputs/MultiAutocomplete/MultiAutocomplete.unit.spec.tsx
@@ -293,7 +293,7 @@ describe("MultiAutocomplete", () => {
       filter: ({ options }) => {
         // type cast because we are dealing with ungrouped items
         return (options as SelectOption[]).filter(
-          option => option.value === "bar",
+          (option) => option.value === "bar",
         );
       },
     });
diff --git a/frontend/src/metabase/ui/components/inputs/MultiSelect/MultiSelect.config.tsx b/frontend/src/metabase/ui/components/inputs/MultiSelect/MultiSelect.config.tsx
index fec414558d0..08990c2aa8a 100644
--- a/frontend/src/metabase/ui/components/inputs/MultiSelect/MultiSelect.config.tsx
+++ b/frontend/src/metabase/ui/components/inputs/MultiSelect/MultiSelect.config.tsx
@@ -12,7 +12,7 @@ export const multiSelectOverrides = {
       variant: "default",
       maxDropdownHeight: 512,
       hidePickedOptions: true,
-      renderOption: props => (
+      renderOption: (props) => (
         <DefaultSelectItem {...props.option} selected={props.checked} />
       ),
       withScrollArea: false,
diff --git a/frontend/src/metabase/ui/components/inputs/MultiSelect/MultiSelect.stories.tsx b/frontend/src/metabase/ui/components/inputs/MultiSelect/MultiSelect.stories.tsx
index 7b47f3ad377..e4baea092f2 100644
--- a/frontend/src/metabase/ui/components/inputs/MultiSelect/MultiSelect.stories.tsx
+++ b/frontend/src/metabase/ui/components/inputs/MultiSelect/MultiSelect.stories.tsx
@@ -43,9 +43,9 @@ const dataWithGroupsLarge = [
 
 const dataWithGroups = dataWithGroupsLarge;
 
-const dataWithIcons = dataWithGroupsLarge.flatMap(group => group.items);
+const dataWithIcons = dataWithGroupsLarge.flatMap((group) => group.items);
 
-const dataWithLabels = dataWithIcons.map(item => ({
+const dataWithLabels = dataWithIcons.map((item) => ({
   ...item,
   icon: undefined,
 }));
diff --git a/frontend/src/metabase/ui/components/inputs/Select/Select.config.tsx b/frontend/src/metabase/ui/components/inputs/Select/Select.config.tsx
index cad443963b2..adaf8872fe0 100644
--- a/frontend/src/metabase/ui/components/inputs/Select/Select.config.tsx
+++ b/frontend/src/metabase/ui/components/inputs/Select/Select.config.tsx
@@ -11,7 +11,7 @@ export const selectOverrides = {
       withScrollArea: false,
       allowDeselect: false,
       inputWrapperOrder: ["label", "description", "input", "error"],
-      renderOption: item => (
+      renderOption: (item) => (
         <DefaultSelectItem {...item.option} selected={item.checked} />
       ),
       clearButtonProps: {
diff --git a/frontend/src/metabase/ui/components/inputs/Select/Select.stories.tsx b/frontend/src/metabase/ui/components/inputs/Select/Select.stories.tsx
index 0f62663ba06..e90ae6abff2 100644
--- a/frontend/src/metabase/ui/components/inputs/Select/Select.stories.tsx
+++ b/frontend/src/metabase/ui/components/inputs/Select/Select.stories.tsx
@@ -52,7 +52,7 @@ const dataWithGroups: ComboboxItemGroup<ComboboxItemWithIcon>[] =
   }));
 
 const dataWithNoGroups: ComboboxItem[] = dataWithGroups
-  .map(({ items }) => items.map(item => item))
+  .map(({ items }) => items.map((item) => item))
   .flat();
 
 const args: Partial<SelectProps<string>> = {
diff --git a/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/SpecialTagsInput.tsx b/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/SpecialTagsInput.tsx
index 1dab44a71e0..5fc81b0ff80 100644
--- a/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/SpecialTagsInput.tsx
+++ b/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/SpecialTagsInput.tsx
@@ -155,7 +155,7 @@ export const SpecialTagsInput = forwardRef(function _SpecialTagsInput(
 
   const handleValueSelect = (val: string) => {
     const isDuplicate = _value.some(
-      tag => tag.toLowerCase() === val.toLowerCase(),
+      (tag) => tag.toLowerCase() === val.toLowerCase(),
     );
 
     if (isDuplicate) {
@@ -297,7 +297,7 @@ export const SpecialTagsInput = forwardRef(function _SpecialTagsInput(
         size={size}
         readOnly={readOnly}
         __staticSelector="TagsInput"
-        onOptionSubmit={val => {
+        onOptionSubmit={(val) => {
           onOptionSubmit?.(val);
           // Moved this to be before setSearchValue, and passing back the proper value
           // rather than the label
@@ -363,18 +363,20 @@ export const SpecialTagsInput = forwardRef(function _SpecialTagsInput(
                   {...getStyles("inputField")}
                   unstyled={unstyled}
                   onKeyDown={handleInputKeydown}
-                  onFocus={event => {
+                  onFocus={(event) => {
                     onFocus?.(event);
                     combobox.openDropdown();
                   }}
-                  onBlur={event => {
+                  onBlur={(event) => {
                     onBlur?.(event);
                     acceptValueOnBlur && handleValueSelect(_searchValue);
                     combobox.closeDropdown();
                   }}
                   onPaste={handlePaste}
                   value={_searchValue}
-                  onChange={event => setSearchValue(event.currentTarget.value)}
+                  onChange={(event) =>
+                    setSearchValue(event.currentTarget.value)
+                  }
                   required={required && _value.length === 0}
                   disabled={disabled}
                   readOnly={readOnly}
diff --git a/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/filter-picked-tags.ts b/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/filter-picked-tags.ts
index 01542522c7b..6eacf12568e 100644
--- a/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/filter-picked-tags.ts
+++ b/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/filter-picked-tags.ts
@@ -6,14 +6,14 @@ interface FilterPickedTagsInput {
 }
 
 export function filterPickedTags({ data, value }: FilterPickedTagsInput) {
-  const normalizedValue = value.map(item => item.trim().toLowerCase());
+  const normalizedValue = value.map((item) => item.trim().toLowerCase());
 
   const filtered = data.reduce<ComboboxParsedItem[]>((acc, item) => {
     if (isOptionsGroup(item)) {
       acc.push({
         group: item.group,
         items: item.items.filter(
-          option =>
+          (option) =>
             normalizedValue.indexOf(option.value.toLowerCase().trim()) === -1,
         ),
       });
diff --git a/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/get-splitted-tags.ts b/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/get-splitted-tags.ts
index 93d146fe72d..55421b366ba 100644
--- a/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/get-splitted-tags.ts
+++ b/frontend/src/metabase/ui/components/inputs/SpecialTagsInput/get-splitted-tags.ts
@@ -5,8 +5,8 @@ function splitTags(splitChars: string[] | undefined, value: string) {
 
   return value
     .split(new RegExp(`[${splitChars.join("")}]`))
-    .map(tag => tag.trim())
-    .filter(tag => tag !== "");
+    .map((tag) => tag.trim())
+    .filter((tag) => tag !== "");
 }
 
 interface GetSplittedTagsInput {
diff --git a/frontend/src/metabase/ui/components/inputs/TextInputBlurChange/TextInputBlurChange.tsx b/frontend/src/metabase/ui/components/inputs/TextInputBlurChange/TextInputBlurChange.tsx
index 28df5d0dda9..16b0b763fbf 100644
--- a/frontend/src/metabase/ui/components/inputs/TextInputBlurChange/TextInputBlurChange.tsx
+++ b/frontend/src/metabase/ui/components/inputs/TextInputBlurChange/TextInputBlurChange.tsx
@@ -25,7 +25,7 @@ export function TextInputBlurChange<T extends TextInputProps = TextInputProps>({
   value,
   onChange,
   onBlurChange,
-  normalize = value => value,
+  normalize = (value) => value,
   ...restProps
 }: TextInputBlurChangeProps<T>) {
   const [internalValue, setInternalValue] = useState<T["value"]>();
diff --git a/frontend/src/metabase/ui/components/inputs/TextInputBlurChange/TextInputBlurChange.unit.spec.tsx b/frontend/src/metabase/ui/components/inputs/TextInputBlurChange/TextInputBlurChange.unit.spec.tsx
index da8ec4dbac9..a275e81f123 100644
--- a/frontend/src/metabase/ui/components/inputs/TextInputBlurChange/TextInputBlurChange.unit.spec.tsx
+++ b/frontend/src/metabase/ui/components/inputs/TextInputBlurChange/TextInputBlurChange.unit.spec.tsx
@@ -46,7 +46,7 @@ describe("InputBlurChange", () => {
 
   it("should set `internalValue` to the normalized value even if the normalized value is the same as the previous one", async () => {
     const value = "/";
-    setup({ value, normalize: value => (value as string).trim() });
+    setup({ value, normalize: (value) => (value as string).trim() });
     const input = screen.getByDisplayValue(value) as HTMLInputElement;
     await userEvent.clear(input);
     await userEvent.type(input, "           /         ");
@@ -62,7 +62,7 @@ function setup({
   normalize,
 }: Partial<TextInputBlurChangeProps> = {}) {
   const onChange = jest.fn();
-  const onBlurChange = jest.fn(e => e.target.value);
+  const onBlurChange = jest.fn((e) => e.target.value);
 
   render(
     <TextInputBlurChange
diff --git a/frontend/src/metabase/ui/components/navigation/Tabs/Tabs.stories.tsx b/frontend/src/metabase/ui/components/navigation/Tabs/Tabs.stories.tsx
index e00c698afea..d6bf6b90028 100644
--- a/frontend/src/metabase/ui/components/navigation/Tabs/Tabs.stories.tsx
+++ b/frontend/src/metabase/ui/components/navigation/Tabs/Tabs.stories.tsx
@@ -22,13 +22,13 @@ const tabs = [
 const DefaultTemplate = (args: TabsProps) => (
   <Tabs {...args}>
     <Tabs.List>
-      {tabs.map(tab => (
+      {tabs.map((tab) => (
         <Tabs.Tab key={tab.value} value={tab.value} disabled={tab.disabled}>
           {tab.label}
         </Tabs.Tab>
       ))}
     </Tabs.List>
-    {tabs.map(tab => (
+    {tabs.map((tab) => (
       <Tabs.Panel key={tab.value} value={tab.value}>
         {tab.label}
       </Tabs.Panel>
@@ -39,7 +39,7 @@ const DefaultTemplate = (args: TabsProps) => (
 const IconsTemplate = (args: TabsProps) => (
   <Tabs {...args}>
     <Tabs.List>
-      {tabs.map(tab => (
+      {tabs.map((tab) => (
         <Tabs.Tab
           key={tab.value}
           value={tab.value}
@@ -50,7 +50,7 @@ const IconsTemplate = (args: TabsProps) => (
         </Tabs.Tab>
       ))}
     </Tabs.List>
-    {tabs.map(tab => (
+    {tabs.map((tab) => (
       <Tabs.Panel key={tab.value} value={tab.value}>
         {tab.label}
       </Tabs.Panel>
diff --git a/frontend/src/metabase/ui/components/typography/Anchor/Anchor.stories.tsx b/frontend/src/metabase/ui/components/typography/Anchor/Anchor.stories.tsx
index 870134fb374..b94734bdc14 100644
--- a/frontend/src/metabase/ui/components/typography/Anchor/Anchor.stories.tsx
+++ b/frontend/src/metabase/ui/components/typography/Anchor/Anchor.stories.tsx
@@ -35,7 +35,7 @@ const DefaultTemplate = (args: AnchorProps) => (
 
 const SizeTemplate = (args: AnchorProps) => (
   <Grid align="center" maw="18rem">
-    {argTypes.size.options.map(size => (
+    {argTypes.size.options.map((size) => (
       <Fragment key={size}>
         <Grid.Col span={2}>
           <Text fw="bold">{size}</Text>
diff --git a/frontend/src/metabase/ui/components/typography/Text/Text.stories.tsx b/frontend/src/metabase/ui/components/typography/Text/Text.stories.tsx
index eb305aba51b..d83793d3a91 100644
--- a/frontend/src/metabase/ui/components/typography/Text/Text.stories.tsx
+++ b/frontend/src/metabase/ui/components/typography/Text/Text.stories.tsx
@@ -56,7 +56,7 @@ const DefaultTemplate = (args: TextProps) => (
 
 const SizeTemplate = (args: TextProps) => (
   <Grid align="center" maw="18rem">
-    {argTypes.size.options.map(size => (
+    {argTypes.size.options.map((size) => (
       <Fragment key={size}>
         <Grid.Col span={2}>
           <Text fw="bold">{size}</Text>
diff --git a/frontend/src/metabase/ui/components/utils/Paper/Paper.stories.tsx b/frontend/src/metabase/ui/components/utils/Paper/Paper.stories.tsx
index c8ec81414ee..e952b5594ae 100644
--- a/frontend/src/metabase/ui/components/utils/Paper/Paper.stories.tsx
+++ b/frontend/src/metabase/ui/components/utils/Paper/Paper.stories.tsx
@@ -40,17 +40,17 @@ const DefaultTemplate = (args: PaperProps) => (
 const GridTemplate = (args: PaperProps) => (
   <Grid columns={argTypes.radius.options.length + 1} align="center" gutter="xl">
     <Grid.Col span={1} />
-    {argTypes.radius.options.map(radius => (
+    {argTypes.radius.options.map((radius) => (
       <Grid.Col key={radius} span={1}>
         <Text fw="bold">Radius {radius}</Text>
       </Grid.Col>
     ))}
-    {argTypes.p.options.flatMap(padding => (
+    {argTypes.p.options.flatMap((padding) => (
       <Fragment key={padding}>
         <Grid.Col span={1}>
           <Text fw="bold">Padding {padding}</Text>
         </Grid.Col>
-        {argTypes.radius.options.map(radius => (
+        {argTypes.radius.options.map((radius) => (
           <Grid.Col key={radius} span={1}>
             <Paper {...args} p={padding} radius={radius}>
               <Text>{sampleArgs.text}</Text>
diff --git a/frontend/src/metabase/ui/syntax/highlight.ts b/frontend/src/metabase/ui/syntax/highlight.ts
index d7227badd73..03c22a7b918 100644
--- a/frontend/src/metabase/ui/syntax/highlight.ts
+++ b/frontend/src/metabase/ui/syntax/highlight.ts
@@ -37,7 +37,7 @@ export function classNameForTag(tag: Tag | Tag[]): string {
     return tag.map(classNameForTag).join(" ");
   }
 
-  const styledTag = styledTags.find(item => tagId(item.tag) === tagId(tag));
+  const styledTag = styledTags.find((item) => tagId(item.tag) === tagId(tag));
   return styledTag?.class ?? "";
 }
 
diff --git a/frontend/src/metabase/ui/utils/colors.ts b/frontend/src/metabase/ui/utils/colors.ts
index 80e25f15de9..d39df12df99 100644
--- a/frontend/src/metabase/ui/utils/colors.ts
+++ b/frontend/src/metabase/ui/utils/colors.ts
@@ -74,10 +74,10 @@ export function getColorShades(colorName: string): ColorShades {
 export function getThemeColors(): Record<string, ColorShades> {
   return {
     ...Object.fromEntries(
-      ORIGINAL_COLORS.map(name => [name, getColorShades("transparent")]),
+      ORIGINAL_COLORS.map((name) => [name, getColorShades("transparent")]),
     ),
     ...Object.fromEntries(
-      CUSTOM_COLORS.map(name => [name, getColorShades(legacyColor(name))]),
+      CUSTOM_COLORS.map((name) => [name, getColorShades(legacyColor(name))]),
     ),
   };
 }
diff --git a/frontend/src/metabase/visualizations/click-actions/Mode/Mode.ts b/frontend/src/metabase/visualizations/click-actions/Mode/Mode.ts
index 8b8f07b152a..61e3c01a519 100644
--- a/frontend/src/metabase/visualizations/click-actions/Mode/Mode.ts
+++ b/frontend/src/metabase/visualizations/click-actions/Mode/Mode.ts
@@ -45,7 +45,7 @@ export class Mode {
       ...(mode.hasDrills
         ? queryDrill(question, clicked, this.isDrillEnabled)
         : []),
-      ...(mode.clickActions?.flatMap(drill => drill(props)) ?? []),
+      ...(mode.clickActions?.flatMap((drill) => drill(props)) ?? []),
     ];
 
     if (!actions.length && mode.fallback) {
diff --git a/frontend/src/metabase/visualizations/click-actions/actions/ColumnFormattingAction/ColumnFormattingAction.tsx b/frontend/src/metabase/visualizations/click-actions/actions/ColumnFormattingAction/ColumnFormattingAction.tsx
index 5733e22798d..19405586981 100644
--- a/frontend/src/metabase/visualizations/click-actions/actions/ColumnFormattingAction/ColumnFormattingAction.tsx
+++ b/frontend/src/metabase/visualizations/click-actions/actions/ColumnFormattingAction/ColumnFormattingAction.tsx
@@ -51,7 +51,7 @@ export const ColumnFormattingAction: LegacyDrill = ({ question, clicked }) => {
     );
 
     const columnSettingsWidget = widgets.find(
-      widget => widget.id === "column_settings",
+      (widget) => widget.id === "column_settings",
     );
 
     const extraProps = {
diff --git a/frontend/src/metabase/visualizations/click-actions/actions/DashboardClickAction.tsx b/frontend/src/metabase/visualizations/click-actions/actions/DashboardClickAction.tsx
index bd0b4560872..7e00e02d357 100644
--- a/frontend/src/metabase/visualizations/click-actions/actions/DashboardClickAction.tsx
+++ b/frontend/src/metabase/visualizations/click-actions/actions/DashboardClickAction.tsx
@@ -54,7 +54,7 @@ function getAction(
       };
     case "dashboard-reset":
       return {
-        action: () => dispatch => {
+        action: () => (dispatch) => {
           const tabId = getDashboardDrillTab(clicked);
 
           if (tabId) {
@@ -64,7 +64,7 @@ function getAction(
           const parameterIdValuePairs = getDashboardDrillParameters(clicked);
           parameterIdValuePairs
             .map(([id, value]) => setParameterValue(id, value))
-            .forEach(action => dispatch(action));
+            .forEach((action) => dispatch(action));
         },
       };
   }
diff --git a/frontend/src/metabase/visualizations/components/CardRenderer.jsx b/frontend/src/metabase/visualizations/components/CardRenderer.jsx
index 03a99297da4..b55c3ffb67c 100644
--- a/frontend/src/metabase/visualizations/components/CardRenderer.jsx
+++ b/frontend/src/metabase/visualizations/components/CardRenderer.jsx
@@ -82,7 +82,7 @@ class CardRenderer extends Component {
       <div
         className={this.props.className}
         style={this.props.style}
-        ref={element => {
+        ref={(element) => {
           this.containerRef = element;
 
           if (this.props.forwardedRef) {
@@ -107,5 +107,5 @@ const CardRendererWithRef = forwardRef(
 export default ExplicitSize({
   wrapped: true,
   // Avoid using debounce when isDashboard=true because there should not be any initial delay when rendering cards
-  refreshMode: props => (props.isDashboard ? "debounceLeading" : "throttle"),
+  refreshMode: (props) => (props.isDashboard ? "debounceLeading" : "throttle"),
 })(CardRendererWithRef);
diff --git a/frontend/src/metabase/visualizations/components/ChartCaption.tsx b/frontend/src/metabase/visualizations/components/ChartCaption.tsx
index a6eb59711f9..65c858932c0 100644
--- a/frontend/src/metabase/visualizations/components/ChartCaption.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartCaption.tsx
@@ -34,7 +34,7 @@ const ChartCaption = ({
   const description = settings["card.description"];
   const data = (series as TransformedSeries)._raw || series;
   const card = data[0].card;
-  const cardIds = new Set(data.map(s => s.card.id));
+  const cardIds = new Set(data.map((s) => s.card.id));
   const canSelectTitle = cardIds.size === 1 && onChangeCardAndRun;
 
   const handleSelectTitle = useCallback(() => {
diff --git a/frontend/src/metabase/visualizations/components/ChartSettings/BaseChartSettings/BaseChartSettings.tsx b/frontend/src/metabase/visualizations/components/ChartSettings/BaseChartSettings/BaseChartSettings.tsx
index 90ed75fcee2..1ec60594f5c 100644
--- a/frontend/src/metabase/visualizations/components/ChartSettings/BaseChartSettings/BaseChartSettings.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartSettings/BaseChartSettings/BaseChartSettings.tsx
@@ -71,14 +71,15 @@ export const BaseChartSettings = ({
         {
           series: series,
         },
-      ).some(widget => !widget.hidden);
+      ).some((widget) => !widget.hidden);
     },
     [chartSettings, series],
   );
 
   const styleWidget = useMemo(() => {
     const seriesSettingsWidget =
-      currentWidget && widgets.find(widget => widget.id === "series_settings");
+      currentWidget &&
+      widgets.find((widget) => widget.id === "series_settings");
 
     const display = transformedSeries?.[0]?.card?.display;
     // In the pie the chart, clicking on the "measure" settings menu will only
@@ -110,7 +111,7 @@ export const BaseChartSettings = ({
         return null;
       }
 
-      const singleSeriesForColumn = transformedSeries?.find(single => {
+      const singleSeriesForColumn = transformedSeries?.find((single) => {
         const metricColumn = single.data.cols[1];
         if (metricColumn) {
           return (
@@ -135,7 +136,7 @@ export const BaseChartSettings = ({
 
   const formattingWidget = useMemo(() => {
     const widget =
-      currentWidget && widgets.find(widget => widget.id === currentWidget.id);
+      currentWidget && widgets.find((widget) => widget.id === currentWidget.id);
 
     if (widget) {
       return { ...widget, props: { ...widget.props, ...currentWidget.props } };
@@ -203,9 +204,9 @@ export const BaseChartSettings = ({
               value={chartSettingCurrentSection ?? undefined}
               onChange={handleShowSection}
               options={sectionNames}
-              optionNameFn={v => v}
-              optionValueFn={v => v}
-              optionKeyFn={v => v}
+              optionNameFn={(v) => v}
+              optionValueFn={(v) => v}
+              optionKeyFn={(v) => v}
               variant="underlined"
             />
           </SectionContainer>
diff --git a/frontend/src/metabase/visualizations/components/ChartSettings/BaseChartSettings/hooks.ts b/frontend/src/metabase/visualizations/components/ChartSettings/BaseChartSettings/hooks.ts
index 7f0729ae380..ab70aab9535 100644
--- a/frontend/src/metabase/visualizations/components/ChartSettings/BaseChartSettings/hooks.ts
+++ b/frontend/src/metabase/visualizations/components/ChartSettings/BaseChartSettings/hooks.ts
@@ -44,10 +44,10 @@ export const useChartSettingsSections = ({
       "display",
       "axes",
       // include all section names so any forgotten sections are sorted to the end
-      ...names.map(x => x.toLowerCase()),
+      ...names.map((x) => x.toLowerCase()),
     ];
     names.sort((a, b) => {
-      const [aIdx, bIdx] = [a, b].map(x =>
+      const [aIdx, bIdx] = [a, b].map((x) =>
         sectionSortOrder.indexOf(x.toLowerCase()),
       );
       return aIdx - bIdx;
@@ -60,7 +60,7 @@ export const useChartSettingsSections = ({
     () =>
       currentSection && sections[currentSection]
         ? currentSection
-        : _.find(DEFAULT_TAB_PRIORITY, name => name in sections) ||
+        : _.find(DEFAULT_TAB_PRIORITY, (name) => name in sections) ||
           sectionNames[0],
     [currentSection, sectionNames, sections],
   );
diff --git a/frontend/src/metabase/visualizations/components/ChartSettingsWidget.styled.tsx b/frontend/src/metabase/visualizations/components/ChartSettingsWidget.styled.tsx
index d1326dcce2e..6d87dc99ea9 100644
--- a/frontend/src/metabase/visualizations/components/ChartSettingsWidget.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartSettingsWidget.styled.tsx
@@ -10,32 +10,32 @@ export const Root = styled.div<{
   marginBottom?: string;
   borderBottom?: boolean;
 }>`
-  ${props =>
+  ${(props) =>
     !props.noPadding &&
     css`
       margin-left: 2rem;
       margin-right: 2rem;
     `}
 
-  ${props =>
+  ${(props) =>
     props.hidden &&
     css`
       display: none;
     `}
 
-  ${props =>
+  ${(props) =>
     !props.hidden &&
     css`
       margin-bottom: ${props.marginBottom || "1.5em"};
     `}
 
-  ${props =>
+  ${(props) =>
     props.disabled &&
     css`
       pointer-events: none;
       opacity: 0.4;
     `}
-  ${props =>
+  ${(props) =>
     props.inline &&
     !props.hidden &&
     css`
@@ -45,7 +45,7 @@ export const Root = styled.div<{
       align-items: center;
     `}
 
-    ${props =>
+    ${(props) =>
     props.borderBottom &&
     css`
       padding-bottom: 1rem;
diff --git a/frontend/src/metabase/visualizations/components/ChartSettingsWidgetList.tsx b/frontend/src/metabase/visualizations/components/ChartSettingsWidgetList.tsx
index 8a859640abf..f5e5bf192b4 100644
--- a/frontend/src/metabase/visualizations/components/ChartSettingsWidgetList.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartSettingsWidgetList.tsx
@@ -15,10 +15,10 @@ const ChartSettingsWidgetList = ({
   widgets,
   extraWidgetProps,
 }: ChartSettingsWidgetListProps) => {
-  const widgetsAreGrouped = widgets.some(widget => widget.group);
+  const widgetsAreGrouped = widgets.some((widget) => widget.group);
 
   if (!widgetsAreGrouped) {
-    return widgets.map(widget => (
+    return widgets.map((widget) => (
       <ChartSettingsWidget key={widget.id} {...widget} {...extraWidgetProps} />
     ));
   } else {
@@ -41,7 +41,7 @@ const ChartSettingsWidgetList = ({
             </ChartSettingsWidgetListHeader>
           )}
           <div>
-            {_.sortBy(groupedWidgets[group], "index").map(widget => (
+            {_.sortBy(groupedWidgets[group], "index").map((widget) => (
               <ChartSettingsWidget
                 key={widget.id}
                 {...widget}
diff --git a/frontend/src/metabase/visualizations/components/ChartSettingsWidgetPopover.tsx b/frontend/src/metabase/visualizations/components/ChartSettingsWidgetPopover.tsx
index 06dfb1e915a..79024377ec0 100644
--- a/frontend/src/metabase/visualizations/components/ChartSettingsWidgetPopover.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartSettingsWidgetPopover.tsx
@@ -64,10 +64,10 @@ export const ChartSettingsWidgetPopover = ({
                 px="md"
                 pt="xs"
                 value={currentSection}
-                onChange={section => setCurrentSection(String(section))}
+                onChange={(section) => setCurrentSection(String(section))}
               >
                 <Tabs.List grow>
-                  {sections.current.map(sectionName => (
+                  {sections.current.map((sectionName) => (
                     <Tabs.Tab key={sectionName} value={sectionName} p="md">
                       {sectionName}
                     </Tabs.Tab>
@@ -77,8 +77,8 @@ export const ChartSettingsWidgetPopover = ({
             )}
             <Space py="sm"></Space>
             {widgets
-              .filter(widget => widget.section === currentSection)
-              ?.map(widget => (
+              .filter((widget) => widget.section === currentSection)
+              ?.map((widget) => (
                 <ChartSettingsWidget
                   key={widget.id}
                   {...widget}
diff --git a/frontend/src/metabase/visualizations/components/ChartSettingsWidgetPopover.unit.spec.jsx b/frontend/src/metabase/visualizations/components/ChartSettingsWidgetPopover.unit.spec.jsx
index 95b3bf1f296..e9195aa43e7 100644
--- a/frontend/src/metabase/visualizations/components/ChartSettingsWidgetPopover.unit.spec.jsx
+++ b/frontend/src/metabase/visualizations/components/ChartSettingsWidgetPopover.unit.spec.jsx
@@ -26,7 +26,7 @@ const STYLE_WIDGET = {
   onChange: () => {},
 };
 
-const setup = props => {
+const setup = (props) => {
   const Container = () => {
     const [anchor, setAnchor] = useState();
 
diff --git a/frontend/src/metabase/visualizations/components/ChartTooltip/EChartsTooltip/EChartsTooltip.tsx b/frontend/src/metabase/visualizations/components/ChartTooltip/EChartsTooltip/EChartsTooltip.tsx
index 7314762a041..09a8a76b8c0 100644
--- a/frontend/src/metabase/visualizations/components/ChartTooltip/EChartsTooltip/EChartsTooltip.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartTooltip/EChartsTooltip/EChartsTooltip.tsx
@@ -37,12 +37,12 @@ export const EChartsTooltip = ({
   rows,
   footer,
 }: EChartsTooltipProps) => {
-  const hasMarkers = rows.some(row => row.markerColorClass != null);
+  const hasMarkers = rows.some((row) => row.markerColorClass != null);
   const maxValuesColumns = rows.reduce((currentMax, row) => {
     return Math.max(currentMax, row.values.filter(isNotNull).length);
   }, 0);
 
-  const paddedRows = rows.map(row => {
+  const paddedRows = rows.map((row) => {
     return {
       ...row,
       values: getPaddedValuesArray(row.values, maxValuesColumns),
diff --git a/frontend/src/metabase/visualizations/components/ChartTooltip/KeyValuePairChartTooltip/KeyValuePairChartTooltip.styled.tsx b/frontend/src/metabase/visualizations/components/ChartTooltip/KeyValuePairChartTooltip/KeyValuePairChartTooltip.styled.tsx
index 447567e08ca..3e1176adfc9 100644
--- a/frontend/src/metabase/visualizations/components/ChartTooltip/KeyValuePairChartTooltip/KeyValuePairChartTooltip.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartTooltip/KeyValuePairChartTooltip/KeyValuePairChartTooltip.styled.tsx
@@ -15,7 +15,7 @@ export const TableBody = styled.tbody<{
   hasBottomSpacing?: boolean;
 }>`
   &:after {
-    ${props => (props.hasBottomSpacing ? tableRowSpacingStyle : null)}
+    ${(props) => (props.hasBottomSpacing ? tableRowSpacingStyle : null)}
   }
 `;
 
diff --git a/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.styled.tsx b/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.styled.tsx
index c412ccef56a..6ccf8596248 100644
--- a/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.styled.tsx
@@ -30,7 +30,7 @@ interface DataPointTableHeaderProps {
 
 export const DataPointTableHeader = styled.thead<DataPointTableHeaderProps>`
   &:after {
-    ${props => (props.hasBottomSpacing ? tableRowSpacingStyle : null)}
+    ${(props) => (props.hasBottomSpacing ? tableRowSpacingStyle : null)}
   }
 `;
 
diff --git a/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.tsx b/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.tsx
index 9aea06b5d33..df95ab3c060 100644
--- a/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.tsx
@@ -47,7 +47,7 @@ const StackedDataTooltip = ({
     sortedHeaderRows.length + sortedBodyRows.length > 1;
   const hasColorIndicators = useMemo(
     () =>
-      [...sortedBodyRows, ...sortedHeaderRows].some(row => row.color != null),
+      [...sortedBodyRows, ...sortedHeaderRows].some((row) => row.color != null),
     [sortedHeaderRows, sortedBodyRows],
   );
 
diff --git a/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.unit.spec.tsx b/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.unit.spec.tsx
index bbc922f4f95..7fe3d1dd437 100644
--- a/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartTooltip/StackedDataTooltip/StackedDataTooltip.unit.spec.tsx
@@ -45,13 +45,15 @@ const setup = ({
   );
 
   const header = screen.queryByTestId("tooltip-header");
-  const rowNames = screen.queryAllByTestId("row-name").map(el => el.innerHTML);
+  const rowNames = screen
+    .queryAllByTestId("row-name")
+    .map((el) => el.innerHTML);
   const rowValues = screen
     .queryAllByTestId("row-value")
-    .map(el => el.innerHTML);
+    .map((el) => el.innerHTML);
   const rowPercents = screen
     .queryAllByTestId("row-percent")
-    .map(el => el.innerHTML);
+    .map((el) => el.innerHTML);
 
   return {
     header,
@@ -86,7 +88,7 @@ describe("StackedDataTooltip", () => {
   });
 
   it("groups excessive tooltip rows", () => {
-    const bodyRows = _.range(10).map(rowNumber => ({
+    const bodyRows = _.range(10).map((rowNumber) => ({
       color: "red",
       name: `body row ${rowNumber}`,
       value: rowNumber * 100,
diff --git a/frontend/src/metabase/visualizations/components/ChartTooltip/TimelineEventTooltip.tsx b/frontend/src/metabase/visualizations/components/ChartTooltip/TimelineEventTooltip.tsx
index cd3a1f5ea03..53680c9d83e 100644
--- a/frontend/src/metabase/visualizations/components/ChartTooltip/TimelineEventTooltip.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartTooltip/TimelineEventTooltip.tsx
@@ -21,7 +21,7 @@ const TimelineEventTooltip = (props: TimelineEventTooltipProps) => {
 
   return (
     <TimelineEventList>
-      {timelineEvents.map(event => (
+      {timelineEvents.map((event) => (
         <li key={event.id}>
           <TimelineEventRow>
             <TimelineEventIconContainer>
diff --git a/frontend/src/metabase/visualizations/components/ChartTooltip/TooltipRow/TooltipRow.styled.tsx b/frontend/src/metabase/visualizations/components/ChartTooltip/TooltipRow/TooltipRow.styled.tsx
index 24625b38b96..817573e232a 100644
--- a/frontend/src/metabase/visualizations/components/ChartTooltip/TooltipRow/TooltipRow.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/ChartTooltip/TooltipRow/TooltipRow.styled.tsx
@@ -8,7 +8,7 @@ interface TooltipRowRootProps {
 }
 
 export const TooltipRowRoot = styled.tr<TooltipRowRootProps>`
-  font-size: ${props => (props.isHeader ? "14px" : "12px")};
+  font-size: ${(props) => (props.isHeader ? "14px" : "12px")};
 `;
 
 interface ColorIndicatorProps {
@@ -19,9 +19,9 @@ interface ColorIndicatorProps {
 export const ColorIndicator = styled.span<ColorIndicatorProps>`
   display: block;
   margin: 0 auto;
-  width: ${props => props.size}px;
-  height: ${props => props.size}px;
-  background-color: ${props => props.color};
+  width: ${(props) => props.size}px;
+  height: ${(props) => props.size}px;
+  background-color: ${(props) => props.color};
   border-radius: 100%;
 `;
 
diff --git a/frontend/src/metabase/visualizations/components/ChartWithLegend.jsx b/frontend/src/metabase/visualizations/components/ChartWithLegend.jsx
index 2d148f609d2..6186b3ed3fe 100644
--- a/frontend/src/metabase/visualizations/components/ChartWithLegend.jsx
+++ b/frontend/src/metabase/visualizations/components/ChartWithLegend.jsx
@@ -67,7 +67,7 @@ class ChartWithLegend extends Component {
       LegendComponent = LegendVertical;
 
       if (width < HIDE_SECONDARY_INFO_THRESHOLD) {
-        legendTitles = legendTitles.map(title =>
+        legendTitles = legendTitles.map((title) =>
           Array.isArray(title) ? title.slice(0, 1) : title,
         );
       }
@@ -81,7 +81,7 @@ class ChartWithLegend extends Component {
     } else if (!isHorizontal && gridSize.height > 3 && gridSize.width > 2) {
       type = "vertical";
       LegendComponent = LegendHorizontal;
-      legendTitles = legendTitles.map(title =>
+      legendTitles = legendTitles.map((title) =>
         Array.isArray(title) ? title.join(" ") : title,
       );
       const desiredHeight = width * (1 / aspectRatio);
diff --git a/frontend/src/metabase/visualizations/components/ChoroplethMap.jsx b/frontend/src/metabase/visualizations/components/ChoroplethMap.jsx
index e1b17f07b67..809cf98fb10 100644
--- a/frontend/src/metabase/visualizations/components/ChoroplethMap.jsx
+++ b/frontend/src/metabase/visualizations/components/ChoroplethMap.jsx
@@ -49,7 +49,7 @@ export function getColorplethColorScale(
     [lightColor.string(), darkColor.string()],
   );
 
-  const colors = d3.range(0, 1.25, 0.25).map(value => scale(value));
+  const colors = d3.range(0, 1.25, 0.25).map((value) => scale(value));
 
   if (darkenLast) {
     colors[colors.length - 1] = Color(color)
@@ -69,7 +69,7 @@ function loadGeoJson(geoJsonPath, callback) {
     return;
   }
 
-  d3.json(geoJsonPath).then(json => {
+  d3.json(geoJsonPath).then((json) => {
     geoJsonCache.set(geoJsonPath, json);
     callback(json);
   });
@@ -97,23 +97,23 @@ const AVERAGE_LENGTH_CUTOFF = 5;
 
 function shouldUseCompactFormatting(groups, formatMetric) {
   const minValues = groups.map(([x]) => x);
-  const maxValues = groups.slice(0, -1).map(group => group[group.length - 1]);
+  const maxValues = groups.slice(0, -1).map((group) => group[group.length - 1]);
   const allValues = minValues.concat(maxValues);
-  const formattedValues = allValues.map(value => formatMetric(value, false));
+  const formattedValues = allValues.map((value) => formatMetric(value, false));
   const averageLength =
     formattedValues.reduce((sum, { length }) => sum + length, 0) /
     formattedValues.length;
   return averageLength > AVERAGE_LENGTH_CUTOFF;
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   isSdk: getIsEmbeddingSdk(state),
   sdkMetabaseInstanceUrl: getMetabaseInstanceUrl(state),
 });
 
 const connector = connect(mapStateToProps, null);
 
-const ensureTrailingSlash = url => (url.endsWith("/") ? url : url + "/");
+const ensureTrailingSlash = (url) => (url.endsWith("/") ? url : url + "/");
 
 export function getMapUrl(details, props) {
   if (details.builtin) {
@@ -181,7 +181,7 @@ class ChoroplethMapInner extends Component {
           geoJson: null,
           geoJsonPath: geoJsonPath,
         });
-        loadGeoJson(geoJsonPath, geoJson => {
+        loadGeoJson(geoJsonPath, (geoJson) => {
           this.setState({
             geoJson: geoJson,
             geoJsonPath: geoJsonPath,
@@ -247,26 +247,27 @@ class ChoroplethMapInner extends Component {
     ] = series;
     const dimensionIndex = _.findIndex(
       cols,
-      col => col.name === settings["map.dimension"],
+      (col) => col.name === settings["map.dimension"],
     );
     const metricIndex = _.findIndex(
       cols,
-      col => col.name === settings["map.metric"],
+      (col) => col.name === settings["map.metric"],
     );
 
-    const getRowKey = row =>
+    const getRowKey = (row) =>
       getCanonicalRowKey(row[dimensionIndex], settings["map.region"]);
-    const getRowValue = row => row[metricIndex] || 0;
+    const getRowValue = (row) => row[metricIndex] || 0;
 
-    const getFeatureName = feature => String(feature.properties[nameProperty]);
+    const getFeatureName = (feature) =>
+      String(feature.properties[nameProperty]);
     const getFeatureKey = (feature, { lowerCase = true } = {}) => {
       const key = String(feature.properties[keyProperty]);
       return lowerCase ? key.toLowerCase() : key;
     };
 
-    const getFeatureValue = feature => valuesMap[getFeatureKey(feature)];
+    const getFeatureValue = (feature) => valuesMap[getFeatureKey(feature)];
 
-    const rowByFeatureKey = new Map(rows.map(row => [getRowKey(row), row]));
+    const rowByFeatureKey = new Map(rows.map((row) => [getRowKey(row), row]));
 
     const getFeatureClickObject = (row, feature) =>
       row == null
@@ -315,7 +316,7 @@ class ChoroplethMapInner extends Component {
 
     const onClickFeature =
       isClickable &&
-      (click => {
+      ((click) => {
         if (visualizationIsClickable(getFeatureClickObject(rows[0]))) {
           const featureKey = getFeatureKey(click.feature);
           const row = rowByFeatureKey.get(featureKey);
@@ -329,7 +330,7 @@ class ChoroplethMapInner extends Component {
       });
     const onHoverFeature =
       onHoverChange &&
-      (hover => {
+      ((hover) => {
         const row = hover && rowByFeatureKey.get(getFeatureKey(hover.feature));
         if (row && onHoverChange) {
           onHoverChange({
@@ -354,14 +355,14 @@ class ChoroplethMapInner extends Component {
     const heatMapColors = _heatMapColors.slice(-domain.length);
 
     const groups = ss.ckmeans(domain, heatMapColors.length);
-    const groupBoundaries = groups.slice(1).map(cluster => cluster[0]);
+    const groupBoundaries = groups.slice(1).map((cluster) => cluster[0]);
 
     const colorScale = d3.scaleThreshold(groupBoundaries, heatMapColors);
 
     const columnSettings = settings.column(cols[metricIndex]);
     const legendTitles = getLegendTitles(groups, columnSettings);
 
-    const getColor = feature => {
+    const getColor = (feature) => {
       const value = getFeatureValue(feature);
       return value == null ? HEAT_MAP_ZERO_COLOR : colorScale(value);
     };
diff --git a/frontend/src/metabase/visualizations/components/ClickActions/ClickActionsPopover.tsx b/frontend/src/metabase/visualizations/components/ClickActions/ClickActionsPopover.tsx
index c8049339a79..8027aaafa60 100644
--- a/frontend/src/metabase/visualizations/components/ClickActions/ClickActionsPopover.tsx
+++ b/frontend/src/metabase/visualizations/components/ClickActions/ClickActionsPopover.tsx
@@ -134,7 +134,7 @@ export class ClickActionsPopover extends Component<
         anchorEl={popoverAnchor}
         opened={!!popoverAnchor}
         // TODO - come back to this
-        onChange={open => {
+        onChange={(open) => {
           if (!open) {
             this.close();
           }
diff --git a/frontend/src/metabase/visualizations/components/ClickActions/ClickActionsView.tsx b/frontend/src/metabase/visualizations/components/ClickActions/ClickActionsView.tsx
index 27361eac5b9..7f0d2125d36 100644
--- a/frontend/src/metabase/visualizations/components/ClickActions/ClickActionsView.tsx
+++ b/frontend/src/metabase/visualizations/components/ClickActions/ClickActionsView.tsx
@@ -47,7 +47,7 @@ export const ClickActionsView = ({
             contentDirection={contentDirection}
           >
             {withTopDivider && <Divider />}
-            {actions.map(action => (
+            {actions.map((action) => (
               <ClickActionControl
                 key={action.name}
                 action={action}
diff --git a/frontend/src/metabase/visualizations/components/ColumnSettings.jsx b/frontend/src/metabase/visualizations/components/ColumnSettings.jsx
index 3d8356cfad2..c6064333fda 100644
--- a/frontend/src/metabase/visualizations/components/ColumnSettings.jsx
+++ b/frontend/src/metabase/visualizations/components/ColumnSettings.jsx
@@ -42,7 +42,7 @@ function getWidgets({
     storedSettings,
     computedSettings,
     column,
-    changedSettings => {
+    (changedSettings) => {
       if (onChange) {
         onChange({ ...storedSettings, ...changedSettings });
       }
@@ -54,7 +54,7 @@ function getWidgets({
   );
 
   return widgets.filter(
-    widget =>
+    (widget) =>
       (!allowlist || allowlist.has(widget.id)) &&
       (!denylist || !denylist.has(widget.id)),
   );
@@ -72,7 +72,7 @@ const ColumnSettings = ({ value, variant = "default", ...props }) => {
   return (
     <div style={{ maxWidth: 300 }} data-testid="column-settings">
       {widgets.length > 0 ? (
-        widgets.map(widget => (
+        widgets.map((widget) => (
           <ChartSettingsWidget
             key={widget.id}
             {...widget}
diff --git a/frontend/src/metabase/visualizations/components/EChartsRenderer/EChartsRenderer.tsx b/frontend/src/metabase/visualizations/components/EChartsRenderer/EChartsRenderer.tsx
index 0218d380c00..994b378d49a 100644
--- a/frontend/src/metabase/visualizations/components/EChartsRenderer/EChartsRenderer.tsx
+++ b/frontend/src/metabase/visualizations/components/EChartsRenderer/EChartsRenderer.tsx
@@ -64,7 +64,7 @@ export const EChartsRenderer = forwardRef<HTMLDivElement, EChartsRendererProps>(
     }, [width, height]);
 
     useEffect(() => {
-      eventHandlers?.forEach(h => {
+      eventHandlers?.forEach((h) => {
         if (h.query) {
           chartRef.current?.on(h.eventName, h.query, h.handler);
           return;
@@ -77,14 +77,14 @@ export const EChartsRenderer = forwardRef<HTMLDivElement, EChartsRendererProps>(
           return;
         }
 
-        eventHandlers?.forEach(h =>
+        eventHandlers?.forEach((h) =>
           chartRef.current?.off(h.eventName, h.handler),
         );
       };
     }, [eventHandlers]);
 
     useEffect(() => {
-      zrEventHandlers?.forEach(h => {
+      zrEventHandlers?.forEach((h) => {
         chartRef.current?.getZr().on(h.eventName, h.handler);
       });
 
@@ -93,7 +93,7 @@ export const EChartsRenderer = forwardRef<HTMLDivElement, EChartsRendererProps>(
           return;
         }
 
-        zrEventHandlers?.forEach(h =>
+        zrEventHandlers?.forEach((h) =>
           chartRef.current?.getZr().off(h.eventName, h.handler),
         );
       };
diff --git a/frontend/src/metabase/visualizations/components/FunnelNormal.jsx b/frontend/src/metabase/visualizations/components/FunnelNormal.jsx
index 70c297fceb8..f1627a61ce1 100644
--- a/frontend/src/metabase/visualizations/components/FunnelNormal.jsx
+++ b/frontend/src/metabase/visualizations/components/FunnelNormal.jsx
@@ -44,17 +44,17 @@ export default class FunnelNormal extends Component {
     } = series;
 
     const dimensionIndex = cols.findIndex(
-      col => col.name === settings["funnel.dimension"],
+      (col) => col.name === settings["funnel.dimension"],
     );
     const metricIndex = cols.findIndex(
-      col => col.name === settings["funnel.metric"],
+      (col) => col.name === settings["funnel.metric"],
     );
 
     const sortedRows = settings["funnel.rows"]
       ? settings["funnel.rows"]
-          .filter(fr => fr.enabled)
-          .map(fr =>
-            rows.find(row => formatNullable(row[dimensionIndex]) === fr.key),
+          .filter((fr) => fr.enabled)
+          .map((fr) =>
+            rows.find((row) => formatNullable(row[dimensionIndex]) === fr.key),
           )
       : rows;
 
@@ -75,7 +75,7 @@ export default class FunnelNormal extends Component {
         jsx,
         majorWidth: 0,
       });
-    const formatPercent = percent => `${(100 * percent).toFixed(2)} %`;
+    const formatPercent = (percent) => `${(100 * percent).toFixed(2)} %`;
 
     // Initial infos (required for step calculation)
     let infos = [
@@ -162,7 +162,7 @@ export default class FunnelNormal extends Component {
 
     const isClickable = onVisualizationClick != null;
 
-    const handleClick = e => {
+    const handleClick = (e) => {
       if (onVisualizationClick && visualizationIsClickable(infos[0].clicked)) {
         onVisualizationClick(e);
       }
@@ -242,7 +242,7 @@ const GraphSection = ({
         height="100%"
         width="100%"
         className={cx(className, CS.absolute)}
-        onMouseMove={e => {
+        onMouseMove={(e) => {
           if (onHoverChange && info.hovered) {
             onHoverChange({
               ...info.hovered,
@@ -251,7 +251,7 @@ const GraphSection = ({
           }
         }}
         onMouseLeave={() => onHoverChange && onHoverChange(null)}
-        onClick={e => {
+        onClick={(e) => {
           if (onVisualizationClick && info.clicked) {
             onVisualizationClick({
               ...info.clicked,
diff --git a/frontend/src/metabase/visualizations/components/FunnelNormal.styled.tsx b/frontend/src/metabase/visualizations/components/FunnelNormal.styled.tsx
index 2def9eee83d..195a60666bc 100644
--- a/frontend/src/metabase/visualizations/components/FunnelNormal.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/FunnelNormal.styled.tsx
@@ -22,7 +22,7 @@ export const FunnelStep = styled.div<FunnelStepProps>`
   display: flex;
   flex-direction: column;
 
-  ${props =>
+  ${(props) =>
     props.isFirst
       ? css`
           min-width: unset;
@@ -36,7 +36,7 @@ export const Head = styled.div<SharedProps>`
   padding: 0.5em;
   min-width: 0;
 
-  ${props =>
+  ${(props) =>
     props.isNarrow
       ? css`
           font-size: 0.85em;
@@ -47,10 +47,10 @@ export const Head = styled.div<SharedProps>`
 export const Info = styled.div<SharedProps>`
   text-align: right;
   padding: 0.5em 0.5em 0 0.5em;
-  font-size: ${props => (props.isNarrow ? "0.85em" : "1.15em")};
+  font-size: ${(props) => (props.isNarrow ? "0.85em" : "1.15em")};
 
   ${Subtitle} {
-    font-size: ${props => (props.isNarrow ? "0.875em" : "0.6875em")};
+    font-size: ${(props) => (props.isNarrow ? "0.875em" : "0.6875em")};
     margin-top: 1em;
   }
 `;
@@ -67,7 +67,7 @@ export const FunnelStart = styled.div<SharedProps>`
   ${Title} {
     font-weight: bold;
     color: var(--mb-color-text-primary);
-    ${props =>
+    ${(props) =>
       props.isNarrow
         ? css`
             font-size: 0.75em;
@@ -78,7 +78,7 @@ export const FunnelStart = styled.div<SharedProps>`
   ${Subtitle} {
     font-size: 0.6875em;
 
-    ${props =>
+    ${(props) =>
       props.isNarrow
         ? css`
             font-size: 0.5em;
@@ -94,7 +94,7 @@ interface FunnelNormalRootProps {
 
 export const FunnelNormalRoot = styled.div<FunnelNormalRootProps>`
   display: flex;
-  padding: ${props => (props.isSmall ? "0.5rem" : "1rem")};
+  padding: ${(props) => (props.isSmall ? "0.5rem" : "1rem")};
   color: var(--mb-color-text-secondary);
 
   ${isWebkit()
diff --git a/frontend/src/metabase/visualizations/components/LeafletChoropleth.jsx b/frontend/src/metabase/visualizations/components/LeafletChoropleth.jsx
index 1a9ed9d00ad..cbeefb9277f 100644
--- a/frontend/src/metabase/visualizations/components/LeafletChoropleth.jsx
+++ b/frontend/src/metabase/visualizations/components/LeafletChoropleth.jsx
@@ -45,7 +45,7 @@ const LeafletChoropleth = ({
         keyboard: false,
       });
 
-      const style = feature => ({
+      const style = (feature) => ({
         fillColor: getColor(feature),
         weight: 1,
         opacity: 1,
@@ -55,16 +55,16 @@ const LeafletChoropleth = ({
 
       const onEachFeature = (feature, layer) => {
         layer.on({
-          mousemove: e => {
+          mousemove: (e) => {
             onHoverFeature({
               feature,
               event: e.originalEvent,
             });
           },
-          mouseout: e => {
+          mouseout: (e) => {
             onHoverFeature(null);
           },
-          click: e => {
+          click: (e) => {
             onClickFeature({
               feature,
               event: e.originalEvent,
diff --git a/frontend/src/metabase/visualizations/components/LeafletGridHeatMap.jsx b/frontend/src/metabase/visualizations/components/LeafletGridHeatMap.jsx
index c480b616d85..dcd3452ef77 100644
--- a/frontend/src/metabase/visualizations/components/LeafletGridHeatMap.jsx
+++ b/frontend/src/metabase/visualizations/components/LeafletGridHeatMap.jsx
@@ -12,7 +12,7 @@ import { computeNumericDataInverval } from "../lib/numeric";
 
 import LeafletMap from "./LeafletMap";
 
-const isValidCoordinatesColumn = column =>
+const isValidCoordinatesColumn = (column) =>
   column.binning_info || (column.source === "native" && isNumeric(column));
 
 const computeValueRange = (value, values) => [
@@ -67,8 +67,8 @@ export default class LeafletGridHeatMap extends LeafletMap {
       const gridSquares = gridLayer.getLayers();
       const totalSquares = Math.max(points.length, gridSquares.length);
 
-      const latitudeValues = points.map(row => row[latitudeIndex]);
-      const longitureValues = points.map(row => row[longitudeIndex]);
+      const latitudeValues = points.map((row) => row[latitudeIndex]);
+      const longitureValues = points.map((row) => row[longitudeIndex]);
 
       for (let i = 0; i < totalSquares; i++) {
         if (i >= points.length) {
@@ -119,7 +119,7 @@ export default class LeafletGridHeatMap extends LeafletMap {
     return !isNative;
   }
 
-  _createGridSquare = index => {
+  _createGridSquare = (index) => {
     const bounds = [
       [54.559322, -5.767822],
       [56.1210604, -3.02124],
diff --git a/frontend/src/metabase/visualizations/components/LeafletMap.jsx b/frontend/src/metabase/visualizations/components/LeafletMap.jsx
index c0a886b50e4..0bb816c51e9 100644
--- a/frontend/src/metabase/visualizations/components/LeafletMap.jsx
+++ b/frontend/src/metabase/visualizations/components/LeafletMap.jsx
@@ -145,7 +145,7 @@ export default class LeafletMap extends Component {
     this._filter && this._filter.disable();
     this.props.onFiltering(false);
   }
-  onFilter = e => {
+  onFilter = (e) => {
     const bounds = e.layer.getBounds();
 
     const {
@@ -218,11 +218,11 @@ export default class LeafletMap extends Component {
     return {
       latitudeIndex: _.findIndex(
         cols,
-        col => col.name === settings["map.latitude_column"],
+        (col) => col.name === settings["map.latitude_column"],
       ),
       longitudeIndex: _.findIndex(
         cols,
-        col => col.name === settings["map.longitude_column"],
+        (col) => col.name === settings["map.longitude_column"],
       ),
     };
   }
diff --git a/frontend/src/metabase/visualizations/components/LeafletMarkerPinMap.jsx b/frontend/src/metabase/visualizations/components/LeafletMarkerPinMap.jsx
index 210efc06c41..2480534e4b3 100644
--- a/frontend/src/metabase/visualizations/components/LeafletMarkerPinMap.jsx
+++ b/frontend/src/metabase/visualizations/components/LeafletMarkerPinMap.jsx
@@ -53,11 +53,11 @@ export default class LeafletMarkerPinMap extends LeafletMap {
     }
   }
 
-  _createMarker = rowIndex => {
+  _createMarker = (rowIndex) => {
     const marker = L.marker([0, 0], { icon: this.pinMarkerIcon });
     const { onHoverChange, onVisualizationClick, settings } = this.props;
     if (onHoverChange) {
-      marker.on("mousemove", e => {
+      marker.on("mousemove", (e) => {
         const {
           series: [
             {
diff --git a/frontend/src/metabase/visualizations/components/LegacyChoropleth.jsx b/frontend/src/metabase/visualizations/components/LegacyChoropleth.jsx
index be7ff3f23d7..904ecb86b81 100644
--- a/frontend/src/metabase/visualizations/components/LegacyChoropleth.jsx
+++ b/frontend/src/metabase/visualizations/components/LegacyChoropleth.jsx
@@ -52,7 +52,7 @@ const LegacyChoropleth = ({
                 stroke="white"
                 strokeWidth={1}
                 fill={getColor(feature)}
-                onMouseMove={e =>
+                onMouseMove={(e) =>
                   onHoverFeature({
                     feature: feature,
                     event: e.nativeEvent,
@@ -62,7 +62,7 @@ const LegacyChoropleth = ({
                 className={cx({ [CS.cursorPointer]: !!onClickFeature })}
                 onClick={
                   onClickFeature
-                    ? e =>
+                    ? (e) =>
                         onClickFeature({
                           feature: feature,
                           event: e.nativeEvent,
diff --git a/frontend/src/metabase/visualizations/components/LegendHorizontal.jsx b/frontend/src/metabase/visualizations/components/LegendHorizontal.jsx
index c202c440237..e9846fac1db 100644
--- a/frontend/src/metabase/visualizations/components/LegendHorizontal.jsx
+++ b/frontend/src/metabase/visualizations/components/LegendHorizontal.jsx
@@ -48,7 +48,7 @@ export default class LegendHorizontal extends Component {
               {...(hovered && { "aria-current": !isMuted })}
             >
               <LegendItem
-                ref={legendItem => {
+                ref={(legendItem) => {
                   this.legendItemRefs[index] = legendItem;
                 }}
                 title={title}
@@ -62,7 +62,7 @@ export default class LegendHorizontal extends Component {
                   }
                 }}
                 onMouseLeave={handleMouseLeave}
-                onToggleSeriesVisibility={event => {
+                onToggleSeriesVisibility={(event) => {
                   if (isVisible) {
                     handleMouseLeave();
                   } else {
diff --git a/frontend/src/metabase/visualizations/components/LegendVertical.jsx b/frontend/src/metabase/visualizations/components/LegendVertical.jsx
index b5f492eeaee..a17f80350b7 100644
--- a/frontend/src/metabase/visualizations/components/LegendVertical.jsx
+++ b/frontend/src/metabase/visualizations/components/LegendVertical.jsx
@@ -102,11 +102,11 @@ export default class LegendVertical extends Component {
           return (
             <li
               key={index}
-              ref={element => {
+              ref={(element) => {
                 this.itemRefs[index] = element;
               }}
               className={cx(CS.flex, CS.flexNoShrink)}
-              onMouseEnter={e => {
+              onMouseEnter={(e) => {
                 if (isVisible) {
                   handleMouseEnter();
                 }
@@ -116,7 +116,7 @@ export default class LegendVertical extends Component {
               {...(hovered && { "aria-current": !isMuted })}
             >
               <LegendItem
-                ref={legendItem => {
+                ref={(legendItem) => {
                   this.legendItemRefs[index] = legendItem;
                 }}
                 title={legendItemTitle}
@@ -124,7 +124,7 @@ export default class LegendVertical extends Component {
                 isMuted={isMuted}
                 isVisible={isVisible}
                 showTooltip={false}
-                onToggleSeriesVisibility={event => {
+                onToggleSeriesVisibility={(event) => {
                   if (isVisible) {
                     handleMouseLeave();
                   } else {
@@ -167,8 +167,8 @@ export default class LegendVertical extends Component {
                 titles={extraItems}
                 colors={extraColors}
                 hiddenIndices={hiddenIndices
-                  .filter(i => i >= items.length - 1)
-                  .map(i => i - items.length)}
+                  .filter((i) => i >= items.length - 1)
+                  .map((i) => i - items.length)}
                 onToggleSeriesVisibility={(event, sliceIndex) =>
                   onToggleSeriesVisibility(event, sliceIndex + items.length)
                 }
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetail.unit.spec.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetail.unit.spec.tsx
index 615362ff6de..bdeb5f8da65 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetail.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetail.unit.spec.tsx
@@ -148,7 +148,7 @@ function setupForeignKeyCountQueryEndpoints() {
 }
 
 function findField(fields: Field[] | undefined, name: string) {
-  return fields?.find(field => field.name === name);
+  return fields?.find((field) => field.name === name);
 }
 
 describe("ObjectDetail", () => {
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailFooter.styled.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailFooter.styled.tsx
index 0829ac44d33..26a2fbea082 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailFooter.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailFooter.styled.tsx
@@ -19,7 +19,7 @@ export const PaginationMessage = styled.span`
 export const PaginationButton = styled.button<{
   direction: "next" | "previous";
 }>`
-  padding-left: ${props =>
+  padding-left: ${(props) =>
     props.direction === "previous" ? "0.5rem" : "unset"};
   padding-right: 0.5rem;
   cursor: pointer;
@@ -28,7 +28,7 @@ export const PaginationButton = styled.button<{
     color: var(--mb-color-brand);
   }
 
-  ${props =>
+  ${(props) =>
     props.disabled &&
     css`
       pointer-events: none;
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailView.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailView.tsx
index 407d0b10fc0..cd2151d6871 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailView.tsx
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailView.tsx
@@ -130,7 +130,7 @@ export function ObjectDetailView({
       passedZoomedRow ||
       (pkIndex !== undefined &&
         data.rows.find(
-          row =>
+          (row) =>
             row[pkIndex] === zoomedRowID || row[pkIndex] === zoomedRowIDNumber,
         )) ||
       undefined
@@ -194,10 +194,10 @@ export function ObjectDetailView({
         : undefined;
 
       MetabaseApi.dataset(datasetQuery)
-        .then(result => {
+        .then((result) => {
           if (result?.data?.rows?.length > 0) {
             const newRow = result.data.rows[0];
-            setData(prevData => ({
+            setData((prevData) => ({
               ...prevData,
               rows: [newRow, ...prevData.rows],
             }));
@@ -271,8 +271,8 @@ export function ObjectDetailView({
     ? getActionItems({
         actions,
         databases,
-        onDelete: action => setDeleteActionId(action.id),
-        onUpdate: action => setActionId(action.id),
+        onDelete: (action) => setDeleteActionId(action.id),
+        onUpdate: (action) => setActionId(action.id),
       })
     : [];
 
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailView.unit.spec.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailView.unit.spec.tsx
index 527f464fa56..d126bd465e2 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailView.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailView.unit.spec.tsx
@@ -229,7 +229,7 @@ const actions = [
   queryAction,
 ];
 
-const actionsFromDatabaseWithDisabledActions = actions.map(action => ({
+const actionsFromDatabaseWithDisabledActions = actions.map((action) => ({
   ...action,
   database_id: databaseWithActionsDisabled.id,
 }));
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailWrapper.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailWrapper.tsx
index a12859514a5..ee2ad2548f8 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailWrapper.tsx
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailWrapper.tsx
@@ -63,8 +63,8 @@ export function ObjectDetailWrapper({
           start={currentObjectIndex}
           end={currentObjectIndex}
           total={data.rows.length}
-          onNextPage={() => setCurrentObjectIndex(prev => prev + 1)}
-          onPreviousPage={() => setCurrentObjectIndex(prev => prev - 1)}
+          onNextPage={() => setCurrentObjectIndex((prev) => prev + 1)}
+          onPreviousPage={() => setCurrentObjectIndex((prev) => prev - 1)}
           singleItem
         />
       )}
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailsTable.styled.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailsTable.styled.tsx
index c1b7ae617af..a26c2567d58 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailsTable.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailsTable.styled.tsx
@@ -11,7 +11,7 @@ type GridContainerProps = { cols?: number };
 
 export const GridContainer = styled.div<GridContainerProps>`
   display: grid;
-  grid-template-columns: repeat(${props => props.cols || 2}, minmax(0, 1fr));
+  grid-template-columns: repeat(${(props) => props.cols || 2}, minmax(0, 1fr));
   gap: 1rem;
 `;
 
@@ -20,8 +20,8 @@ interface GridItemProps {
 }
 
 export const GridCell = styled.div<GridItemProps>`
-  grid-column: span ${props => props.colSpan || 1} / span
-    ${props => props.colSpan || 1};
+  grid-column: span ${(props) => props.colSpan || 1} / span
+    ${(props) => props.colSpan || 1};
 `;
 
 export const FitImage = styled.img`
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectRelationships.styled.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectRelationships.styled.tsx
index 20da8c8669f..e4f0baf3c26 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectRelationships.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectRelationships.styled.tsx
@@ -20,10 +20,10 @@ export const ObjectRelationContent = styled.div<ObjectRelationshipContentProps>`
   margin: 1rem 0;
   padding-bottom: 1rem;
   border-bottom: 1px solid var(--mb-color-border);
-  color: ${props => color(props.isClickable ? "text-dark" : "text-medium")};
-  cursor: ${props => props.isClickable && "pointer"};
+  color: ${(props) => color(props.isClickable ? "text-dark" : "text-medium")};
+  cursor: ${(props) => props.isClickable && "pointer"};
 
   &:hover {
-    color: ${props => props.isClickable && "var(--mb-color-brand)"};
+    color: ${(props) => props.isClickable && "var(--mb-color-brand)"};
   }
 `;
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectRelationships.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectRelationships.tsx
index 6b03038e750..d2ba793654a 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectRelationships.tsx
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectRelationships.tsx
@@ -51,7 +51,7 @@ export function Relationships({
       </div>
 
       <ul>
-        {sortedForeignTables.map(fk => (
+        {sortedForeignTables.map((fk) => (
           <Relationship
             key={`${fk.origin_id}-${fk.destination_id}`}
             fk={fk}
diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/utils.ts b/frontend/src/metabase/visualizations/components/ObjectDetail/utils.ts
index a0c04c490c3..221ae08040e 100644
--- a/frontend/src/metabase/visualizations/components/ObjectDetail/utils.ts
+++ b/frontend/src/metabase/visualizations/components/ObjectDetail/utils.ts
@@ -152,7 +152,7 @@ export const getActionItems = ({
    * @see https://github.com/metabase/metabase/issues/32320
    * @see https://metaboat.slack.com/archives/C057T1QTB3L/p1689845931726009?thread_ts=1689665950.493399&cid=C057T1QTB3L
    */
-  const privateActions = actions.filter(action => !action.public_uuid);
+  const privateActions = actions.filter((action) => !action.public_uuid);
   const deleteAction = privateActions.find(isValidImplicitDeleteAction);
   const updateAction = privateActions.find(isValidImplicitUpdateAction);
 
diff --git a/frontend/src/metabase/visualizations/components/PinMap.jsx b/frontend/src/metabase/visualizations/components/PinMap.jsx
index 6cd4a84cf8c..a6464109025 100644
--- a/frontend/src/metabase/visualizations/components/PinMap.jsx
+++ b/frontend/src/metabase/visualizations/components/PinMap.jsx
@@ -98,7 +98,7 @@ export default class PinMap extends Component {
     this.setState({ lat, lng });
   };
 
-  onMapZoomChange = zoom => {
+  onMapZoomChange = (zoom) => {
     this.setState({ zoom });
   };
 
@@ -114,18 +114,18 @@ export default class PinMap extends Component {
     } = props;
     const latitudeIndex = _.findIndex(
       cols,
-      col => col.name === settings["map.latitude_column"],
+      (col) => col.name === settings["map.latitude_column"],
     );
     const longitudeIndex = _.findIndex(
       cols,
-      col => col.name === settings["map.longitude_column"],
+      (col) => col.name === settings["map.longitude_column"],
     );
     const metricIndex = _.findIndex(
       cols,
-      col => col.name === settings["map.metric_column"],
+      (col) => col.name === settings["map.metric_column"],
     );
 
-    const allPoints = rows.map(row => [
+    const allPoints = rows.map((row) => [
       row[latitudeIndex],
       row[longitudeIndex],
       metricIndex >= 0 ? row[metricIndex] : 1,
@@ -155,8 +155,8 @@ export default class PinMap extends Component {
 
     const bounds = L.latLngBounds(points.length > 0 ? points : WORLD_BOUNDS);
 
-    const min = d3.min(points, point => point[2]);
-    const max = d3.max(points, point => point[2]);
+    const min = d3.min(points, (point) => point[2]);
+    const max = d3.max(points, (point) => point[2]);
 
     const binWidth =
       cols[longitudeIndex] &&
@@ -199,12 +199,12 @@ export default class PinMap extends Component {
           CS.hoverParent,
           CS.hoverVisibility,
         )}
-        onMouseDownCapture={e => e.stopPropagation() /* prevent dragging */}
+        onMouseDownCapture={(e) => e.stopPropagation() /* prevent dragging */}
       >
         {Map ? (
           <Map
             {...mapProps}
-            ref={map => (this._map = map)}
+            ref={(map) => (this._map = map)}
             className={cx(
               CS.absolute,
               CS.top,
@@ -224,7 +224,7 @@ export default class PinMap extends Component {
             max={max}
             binWidth={binWidth}
             binHeight={binHeight}
-            onFiltering={filtering => this.setState({ filtering })}
+            onFiltering={(filtering) => this.setState({ filtering })}
           />
         ) : null}
         <div
diff --git a/frontend/src/metabase/visualizations/components/PinMap.unit.spec.js b/frontend/src/metabase/visualizations/components/PinMap.unit.spec.js
index 3f9a2128d82..f005f96112b 100644
--- a/frontend/src/metabase/visualizations/components/PinMap.unit.spec.js
+++ b/frontend/src/metabase/visualizations/components/PinMap.unit.spec.js
@@ -4,7 +4,7 @@ describe("PinMap", () => {
   it("should filter out rows with null values in either the lat, long, or metric column", () => {
     const onUpdateWarnings = jest.fn();
     const data = {
-      cols: ["lat", "lng", "metric"].map(name => ({ name })),
+      cols: ["lat", "lng", "metric"].map((name) => ({ name })),
       rows: [
         [null, 0, 0],
         [0, null, 0],
@@ -32,7 +32,7 @@ describe("PinMap", () => {
   it("should filter out rows only if the lat or long values are null for pin maps", () => {
     const onUpdateWarnings = jest.fn();
     const data = {
-      cols: ["lat", "lng", "metric"].map(name => ({ name })),
+      cols: ["lat", "lng", "metric"].map((name) => ({ name })),
       rows: [
         [null, 0, 0],
         [0, null, 0],
diff --git a/frontend/src/metabase/visualizations/components/ScalarValue/ScalarValue.styled.tsx b/frontend/src/metabase/visualizations/components/ScalarValue/ScalarValue.styled.tsx
index 714100ca782..e0e1e94af5d 100644
--- a/frontend/src/metabase/visualizations/components/ScalarValue/ScalarValue.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/ScalarValue/ScalarValue.styled.tsx
@@ -25,8 +25,8 @@ interface ScalarValueWrapperProps {
 
 export const ScalarValueWrapper = styled.h1<ScalarValueWrapperProps>`
   display: inline;
-  font-size: ${props => props.fontSize};
-  line-height: ${props => props.lineHeight ?? "var(--mantine-line-height)"};
+  font-size: ${(props) => props.fontSize};
+  line-height: ${(props) => props.lineHeight ?? "var(--mantine-line-height)"};
   cursor: pointer;
 
   &:hover {
@@ -40,7 +40,7 @@ interface ScalarTitleContainerProps {
 
 export const ScalarTitleContainer = styled.div<ScalarTitleContainerProps>`
   line-height: ${TITLE_LINE_HEIGHT_REM}rem;
-  max-height: ${props => props.lines * TITLE_LINE_HEIGHT_REM}rem;
+  max-height: ${(props) => props.lines * TITLE_LINE_HEIGHT_REM}rem;
   display: flex;
   justify-content: center;
   align-items: flex-start;
@@ -51,7 +51,7 @@ export const ScalarTitleContainer = styled.div<ScalarTitleContainerProps>`
 export const ScalarTitleContent = styled.h3`
   text-align: center;
   overflow: hidden;
-  cursor: ${props => props.onClick && "pointer"};
+  cursor: ${(props) => props.onClick && "pointer"};
   font-size: 14px;
 
   &:hover {
diff --git a/frontend/src/metabase/visualizations/components/TableInteractive/TableInteractive.tsx b/frontend/src/metabase/visualizations/components/TableInteractive/TableInteractive.tsx
index 16710945f77..a6ce250e9d6 100644
--- a/frontend/src/metabase/visualizations/components/TableInteractive/TableInteractive.tsx
+++ b/frontend/src/metabase/visualizations/components/TableInteractive/TableInteractive.tsx
@@ -98,7 +98,7 @@ interface TableProps extends VisualizationProps {
 }
 
 const getColumnOrder = (cols: DatasetColumn[], hasIndexColumn: boolean) => {
-  const dataColumns = cols.map(col => col.name);
+  const dataColumns = cols.map((col) => col.name);
   if (!hasIndexColumn) {
     return dataColumns;
   }
@@ -166,7 +166,7 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
 
     return (columnIndex: number) => {
       const col = cols[columnIndex];
-      const sortingState = sorting.find(sort => sort.id === col.name);
+      const sortingState = sorting.find((sort) => sort.id === col.name);
       if (!sortingState) {
         return undefined;
       }
@@ -218,9 +218,9 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
   );
 
   const columnFormatters = useMemo(() => {
-    return cols.map(col => {
+    return cols.map((col) => {
       const columnSettings = settings.column?.(col);
-      const columnIndex = cols.findIndex(c => c.name === col.name);
+      const columnIndex = cols.findIndex((c) => c.name === col.name);
 
       return memoize((value, rowIndex) => {
         const clicked = getCellClickedObject(columnIndex, rowIndex);
@@ -250,7 +250,7 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
 
       const columnIndex = isPivoted
         ? getColumnIndexFromPivotedColumnId(columnId)
-        : data.cols.findIndex(col => col.name === columnId);
+        : data.cols.findIndex((col) => col.name === columnId);
 
       const formatter = columnFormatters[columnIndex];
       const formattedValue = formatter(
@@ -290,14 +290,14 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
 
       if (isClientSideSortingEnabled) {
         const currentSorting = sorting.find(
-          columnSorting => columnSorting.id === columnId,
+          (columnSorting) => columnSorting.id === columnId,
         );
 
         if (currentSorting == null) {
           setSorting([{ id: columnId, desc: true }]);
         } else if (currentSorting.desc) {
-          setSorting(prev =>
-            prev.map(sorting => {
+          setSorting((prev) =>
+            prev.map((sorting) => {
               if (sorting.id === columnId) {
                 return { ...sorting, desc: false };
               }
@@ -305,14 +305,16 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
             }),
           );
         } else {
-          setSorting(prev => prev.filter(sorting => sorting.id !== columnId));
+          setSorting((prev) =>
+            prev.filter((sorting) => sorting.id !== columnId),
+          );
         }
         return;
       }
 
       const columnIndex = isPivoted
         ? getColumnIndexFromPivotedColumnId(columnId)
-        : data.cols.findIndex(col => col.name === columnId);
+        : data.cols.findIndex((col) => col.name === columnId);
 
       if (columnIndex === -1) {
         return;
@@ -335,11 +337,11 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
 
       const enabledIndices = newColumns
         .map((col, index) => (col.enabled ? index : -1))
-        .filter(index => index !== -1);
+        .filter((index) => index !== -1);
 
       columnsOrder.forEach((columnName, orderIndex) => {
         const sourceIndex = newColumns.findIndex(
-          col => col.name === columnName,
+          (col) => col.name === columnName,
         );
         if (sourceIndex !== -1) {
           const targetIndex = enabledIndices[orderIndex];
@@ -355,12 +357,12 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
         }
       });
 
-      const newEnabledColumns = newColumns.filter(col => col.enabled);
+      const newEnabledColumns = newColumns.filter((col) => col.enabled);
       const savedWidths = settings["table.column_widths"];
       const newWidths =
         Array.isArray(savedWidths) &&
         savedWidths.length === newEnabledColumns.length
-          ? newEnabledColumns.map(c => columnSizingMap[c.name])
+          ? newEnabledColumns.map((c) => columnSizingMap[c.name])
           : undefined;
 
       const settingsUpdate = {
@@ -441,7 +443,7 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
         name: columnName,
         accessorFn: (row: RowValues) => row[columnIndex],
         cellVariant,
-        getCellClassName: value =>
+        getCellClassName: (value) =>
           cx("test-TableInteractive-cellWrapper", {
             [S.pivotedFirstColumn]: columnIndex === 0 && isPivoted,
             "test-Table-ID": value != null && isID(col),
@@ -526,7 +528,7 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
 
   const handleColumnResize = useCallback(
     (columnSizing: ColumnSizingState) => {
-      const newWidths = cols.map(col => columnSizing[col.name] ?? 0);
+      const newWidths = cols.map((col) => columnSizing[col.name] ?? 0);
       onUpdateVisualizationSettings({
         "table.column_widths": newWidths,
       });
@@ -539,7 +541,9 @@ export const TableInteractiveInner = forwardRef(function TableInteractiveInner(
       settings["table._cell_background_getter"]?.(null, rowIndex),
     );
 
-    const hasAggregation = cols.some(column => column.source === "aggregation");
+    const hasAggregation = cols.some(
+      (column) => column.source === "aggregation",
+    );
     const isNotebookPreview = queryBuilderMode === "notebook";
     const isModelEditor = queryBuilderMode === "dataset";
     const hasObjectDetail =
diff --git a/frontend/src/metabase/visualizations/components/TableInteractive/hooks/use-object-detail.ts b/frontend/src/metabase/visualizations/components/TableInteractive/hooks/use-object-detail.ts
index de9a6d90df2..e90ad2244b7 100644
--- a/frontend/src/metabase/visualizations/components/TableInteractive/hooks/use-object-detail.ts
+++ b/frontend/src/metabase/visualizations/components/TableInteractive/hooks/use-object-detail.ts
@@ -10,7 +10,7 @@ import type { DatasetData } from "metabase-types/api";
 
 export const useObjectDetail = ({ rows, cols }: DatasetData) => {
   const dispatch = useDispatch();
-  const rowIndexToPkMap: Record<number, ObjectId> = useSelector(state =>
+  const rowIndexToPkMap: Record<number, ObjectId> = useSelector((state) =>
     state.qb != null ? getRowIndexToPKMap(state) : {},
   );
 
diff --git a/frontend/src/metabase/visualizations/components/TransformedVisualization/TransformedVisualization.tsx b/frontend/src/metabase/visualizations/components/TransformedVisualization/TransformedVisualization.tsx
index 28bd1a3154f..0c26ad75b27 100644
--- a/frontend/src/metabase/visualizations/components/TransformedVisualization/TransformedVisualization.tsx
+++ b/frontend/src/metabase/visualizations/components/TransformedVisualization/TransformedVisualization.tsx
@@ -43,12 +43,12 @@ export const TransformedVisualization = ({
 
   const handleChangeCardCandRun: OnChangeCardAndRun = useCallback(
     (options: OnChangeCardAndRunOpts) => {
-      const cards = rawSeries.map(series => series.card);
+      const cards = rawSeries.map((series) => series.card);
       const previousCard =
         options.previousCard != null
-          ? cards.find(c => c.id === options.previousCard?.id)
+          ? cards.find((c) => c.id === options.previousCard?.id)
           : undefined;
-      const nextCard = cards.find(c => c.id === options.nextCard.id);
+      const nextCard = cards.find((c) => c.id === options.nextCard.id);
 
       if (!nextCard) {
         throw new Error(
diff --git a/frontend/src/metabase/visualizations/components/Visualization/Visualization.styled.tsx b/frontend/src/metabase/visualizations/components/Visualization/Visualization.styled.tsx
index 1e99234405e..63af3b6354f 100644
--- a/frontend/src/metabase/visualizations/components/Visualization/Visualization.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/Visualization/Visualization.styled.tsx
@@ -27,6 +27,6 @@ export const VisualizationActionButtonsContainer = styled.span`
 export const VisualizationSlowSpinner = styled(
   LoadingSpinner,
 )<VisualizationSlowSpinnerProps>`
-  color: ${props =>
+  color: ${(props) =>
     props.isUsuallySlow ? color("accent4") : color("text-medium")};
 `;
diff --git a/frontend/src/metabase/visualizations/components/Visualization/Visualization.tsx b/frontend/src/metabase/visualizations/components/Visualization/Visualization.tsx
index ed1c6920928..0c7f29c1cb3 100644
--- a/frontend/src/metabase/visualizations/components/Visualization/Visualization.tsx
+++ b/frontend/src/metabase/visualizations/components/Visualization/Visualization.tsx
@@ -189,7 +189,7 @@ const isLoading = (series: Series | null) => {
     series.length > 0 &&
     _.every(
       series,
-      s => !!s.data || _.isObject(s.card.visualization_settings.virtual_card),
+      (s) => !!s.data || _.isObject(s.card.visualization_settings.virtual_card),
     )
   );
 };
@@ -318,9 +318,9 @@ class Visualization extends PureComponent<
     if (state.series && state.series[0].card.display !== "table") {
       warnings = warnings.concat(
         rawSeries
-          .filter(s => s.data && s.data.rows_truncated != null)
+          .filter((s) => s.data && s.data.rows_truncated != null)
           .map(
-            s =>
+            (s) =>
               t`Data truncated to ${formatNumber(s.data.rows_truncated)} rows.`,
           ),
       );
@@ -401,7 +401,7 @@ class Visualization extends PureComponent<
     } = this.props;
 
     const card =
-      rawSeries.find(series => series.card.id === clicked.cardId)?.card ??
+      rawSeries.find((series) => series.card.id === clicked.cardId)?.card ??
       rawSeries[0].card;
 
     const question = this._getQuestionForCardCached(metadata, card);
@@ -485,7 +485,7 @@ class Visualization extends PureComponent<
     const { rawSeries = [] } = this.props;
 
     const previousCard =
-      rawSeries.find(series => series.card.id === nextCard?.id)?.card ??
+      rawSeries.find((series) => series.card.id === nextCard?.id)?.card ??
       rawSeries[0].card;
 
     this.props.onChangeCardAndRun({
@@ -642,7 +642,7 @@ class Visualization extends PureComponent<
     if (!error && !genericError && series) {
       noResults = _.every(
         series,
-        s => s && s.data && datasetContainsNoResults(s.data),
+        (s) => s && s.data && datasetContainsNoResults(s.data),
       );
     }
 
@@ -855,7 +855,7 @@ export default _.compose(
   connect(mapStateToProps),
   ExplicitSize<VisualizationProps>({
     selector: ".CardVisualization",
-    refreshMode: props => (props.isVisible ? "throttle" : "debounceLeading"),
+    refreshMode: (props) => (props.isVisible ? "throttle" : "debounceLeading"),
   }),
 )(
   forwardRef<HTMLDivElement, VisualizationProps>(
diff --git a/frontend/src/metabase/visualizations/components/Visualization/Visualization.unit.spec.js b/frontend/src/metabase/visualizations/components/Visualization/Visualization.unit.spec.js
index fadbff7492a..e1567749fc6 100644
--- a/frontend/src/metabase/visualizations/components/Visualization/Visualization.unit.spec.js
+++ b/frontend/src/metabase/visualizations/components/Visualization/Visualization.unit.spec.js
@@ -14,7 +14,7 @@ import {
 
 registerVisualizations();
 
-const MockedVisualization = props => {
+const MockedVisualization = (props) => {
   props.onRenderError("This is an error message");
 
   return <div>Hello, I am mocked</div>;
@@ -40,7 +40,7 @@ describe("Visualization", () => {
     await delay(0);
   };
 
-  const chartPathsWithColor = color => {
+  const chartPathsWithColor = (color) => {
     const container = screen.getByTestId("chart-container");
     return container.querySelectorAll(`path[fill="${color}"]`);
   };
diff --git a/frontend/src/metabase/visualizations/components/legend/LegendItem.jsx b/frontend/src/metabase/visualizations/components/legend/LegendItem.jsx
index 1af92621b34..d36f2ad2b9d 100644
--- a/frontend/src/metabase/visualizations/components/legend/LegendItem.jsx
+++ b/frontend/src/metabase/visualizations/components/legend/LegendItem.jsx
@@ -39,15 +39,15 @@ const LegendItem = ({
   onToggleSeriesVisibility,
   onRemoveSeries,
 }) => {
-  const handleDotClick = event => {
+  const handleDotClick = (event) => {
     onToggleSeriesVisibility?.(event, index);
   };
 
-  const handleItemClick = event => {
+  const handleItemClick = (event) => {
     onSelectSeries && onSelectSeries(event, index, isReversed);
   };
 
-  const handleItemMouseEnter = event => {
+  const handleItemMouseEnter = (event) => {
     onHoverChange && onHoverChange({ index, element: event.currentTarget });
   };
 
@@ -55,7 +55,7 @@ const LegendItem = ({
     onHoverChange && onHoverChange();
   };
 
-  const handleRemoveClick = event => {
+  const handleRemoveClick = (event) => {
     onRemoveSeries && onRemoveSeries(event, index);
   };
 
diff --git a/frontend/src/metabase/visualizations/components/legend/LegendItem.styled.tsx b/frontend/src/metabase/visualizations/components/legend/LegendItem.styled.tsx
index 80eb2e64892..213328cdbd4 100644
--- a/frontend/src/metabase/visualizations/components/legend/LegendItem.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/legend/LegendItem.styled.tsx
@@ -36,7 +36,7 @@ export const LegendItemTitle = styled.div<{ isInsidePopover?: boolean }>`
   margin-left: ${LEGEND_ITEM_TITLE_MARGIN}px;
   overflow: hidden;
   cursor: ${({ onClick }) => (onClick ? "pointer" : "")};
-  max-width: ${props =>
+  max-width: ${(props) =>
     props.isInsidePopover
       ? `calc(100% - ${LEGEND_ITEM_DOT_SIZE}px - ${LEGEND_ITEM_TITLE_MARGIN}px)`
       : "unset"};
diff --git a/frontend/src/metabase/visualizations/components/legend/LegendItemDot.styled.tsx b/frontend/src/metabase/visualizations/components/legend/LegendItemDot.styled.tsx
index 324b6a9622f..33a6599ba84 100644
--- a/frontend/src/metabase/visualizations/components/legend/LegendItemDot.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/legend/LegendItemDot.styled.tsx
@@ -22,10 +22,10 @@ export const InnerCircle = styled.div<{ isVisible: boolean }>`
   height: 12px;
   border-radius: 50%;
   color-adjust: exact;
-  background-color: ${props =>
+  background-color: ${(props) =>
     props.isVisible ? props.color : "var(--mb-color-background)"};
   border: 2px solid
-    ${props => (props.isVisible ? props.color : "var(--mb-color-text-light)")};
+    ${(props) => (props.isVisible ? props.color : "var(--mb-color-text-light)")};
   transition: all 0.2s;
 `;
 
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingColumns.jsx b/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingColumns.jsx
index 0d758378724..0437bdc65ca 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingColumns.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingColumns.jsx
@@ -3,7 +3,7 @@ import { Component } from "react";
 
 import { ColumnItem } from "./ColumnItem";
 
-const displayNameForColumn = column =>
+const displayNameForColumn = (column) =>
   column ? column.display_name || column.name : "[Unknown]";
 
 // various props injected by chartSettingNestedSettings HOC
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingSeriesMultiple.jsx b/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingSeriesMultiple.jsx
index 26830eea3ca..db4ca0110f7 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingSeriesMultiple.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingSeriesMultiple.jsx
@@ -26,12 +26,12 @@ export default class ChartNestedSettingSeriesMultiple extends Component {
       seriesCardNames,
     } = this.props;
     const objectKey = object && getObjectKey(object);
-    const isSelected = single => objectKey === getObjectKey(single);
+    const isSelected = (single) => objectKey === getObjectKey(single);
 
     return (
       <div data-testid="series-settings">
         {objects.length < 100 &&
-          objects.map(single => {
+          objects.map((single) => {
             const key = getObjectKey(single);
             const settings = allComputedSettings[key] || {};
             const seriesCardName = seriesCardNames?.[key];
@@ -50,7 +50,7 @@ export default class ChartNestedSettingSeriesMultiple extends Component {
                   <ColorSelector
                     value={settings.color}
                     colors={getAccentColors()}
-                    onChange={value =>
+                    onChange={(value) =>
                       onChangeObjectSettings(single, { color: value })
                     }
                   />
@@ -63,7 +63,7 @@ export default class ChartNestedSettingSeriesMultiple extends Component {
                     subtitle={
                       seriesCardName === settings.title ? "" : seriesCardName
                     }
-                    onBlurChange={e =>
+                    onBlurChange={(e) =>
                       onChangeObjectSettings(single, { title: e.target.value })
                     }
                   />
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingSeriesSingle.tsx b/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingSeriesSingle.tsx
index ea0528d7af7..643e11f70f4 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingSeriesSingle.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartNestedSettingSeriesSingle.tsx
@@ -44,7 +44,7 @@ const ChartNestedSettingsSeriesSingle = ({
           withinPortal={false}
           value={computedSettings.color}
           colors={getAccentColors()}
-          onChange={value => onChangeObjectSettings(object, { color: value })}
+          onChange={(value) => onChangeObjectSettings(object, { color: value })}
         />
         <SeriesNameInput
           className={cx(CS.flexFull, CS.ml1, CS.alignSelfStretch)}
@@ -53,7 +53,7 @@ const ChartNestedSettingsSeriesSingle = ({
           subtitle={
             seriesCardName === computedSettings.title ? "" : seriesCardName
           }
-          onBlurChange={e =>
+          onBlurChange={(e) =>
             onChangeObjectSettings(object, { title: e.target.value })
           }
         />
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingActionIcon.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingActionIcon.tsx
index b3650def488..e3d2d1f0105 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingActionIcon.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingActionIcon.tsx
@@ -21,7 +21,7 @@ export const ChartSettingActionIcon = ({
 }: ChartSettingActionIconProps) => (
   <ActionIcon
     data-testid={dataTestId}
-    onClick={e => {
+    onClick={(e) => {
       e.stopPropagation();
       onClick?.(e);
     }}
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingColorsPicker.jsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingColorsPicker.jsx
index 5e382e368d3..ec464bd00b5 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingColorsPicker.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingColorsPicker.jsx
@@ -14,7 +14,7 @@ export default class ChartSettingColorsPicker extends Component {
           <ChartSettingColorPicker
             className={CS.mb1}
             key={index}
-            onChange={color =>
+            onChange={(color) =>
               onChange({
                 ...value,
                 [key]: color,
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.jsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.jsx
index f28dd6b6c72..10a6790050d 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.jsx
@@ -67,7 +67,7 @@ export const ChartSettingFieldPicker = ({
 
   let seriesKey;
   if (series && columnKey && showColorPicker) {
-    const seriesForColumn = series.find(single => {
+    const seriesForColumn = series.find((single) => {
       const metricColumn = single.data.cols[1];
       return getColumnKey(metricColumn) === columnKey;
     });
@@ -109,7 +109,7 @@ export const ChartSettingFieldPicker = ({
                 <GrabberHandle
                   name="grabber"
                   noMargin
-                  onClick={e => e.stopPropagation()}
+                  onClick={(e) => e.stopPropagation()}
                   c="text-medium"
                   className={CS.pointerEventsAll}
                 />
@@ -118,7 +118,7 @@ export const ChartSettingFieldPicker = ({
                 <ChartSettingColorPicker
                   pillSize="small"
                   value={colors[seriesKey]}
-                  onChange={value => {
+                  onChange={(value) => {
                     onChangeSeriesColor(seriesKey, value);
                   }}
                   className={CS.pointerEventsAll}
@@ -141,7 +141,7 @@ export const ChartSettingFieldPicker = ({
               <ChartSettingActionIcon
                 icon="ellipsis"
                 data-testid={`settings-${value}`}
-                onClick={e => onShowWidget(menuWidgetInfo, e.currentTarget)}
+                onClick={(e) => onShowWidget(menuWidgetInfo, e.currentTarget)}
               />
             )}
             {onRemove && (
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.styled.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.styled.tsx
index b48bcf1b6fd..a26cd413284 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.styled.tsx
@@ -19,7 +19,7 @@ export const ChartSettingFieldPickerRoot = styled(Group, {
 })<ChartSettingFieldPickerRootProps>`
   border: 1px solid var(--mb-color-border);
   border-radius: ${({ theme }) => theme.radius.md};
-  cursor: ${props => (props.showDragHandle ? "grab" : "default")};
+  cursor: ${(props) => (props.showDragHandle ? "grab" : "default")};
   overflow: hidden;
   ${Triggerable.Trigger} {
     flex: 1;
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.unit.spec.js b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.unit.spec.js
index f1b433e6073..72ebe47d9dd 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.unit.spec.js
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldPicker.unit.spec.js
@@ -43,7 +43,7 @@ function getSeries(metricColumnProps) {
   ];
 }
 
-const setup = seriesDisplay => {
+const setup = (seriesDisplay) => {
   const series = getSeries(seriesDisplay);
   return renderWithProviders(
     <QuestionChartSettings series={series} initial={{ section: "Data" }} />,
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPartition.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPartition.tsx
index ea37b1e33d1..c2c2f5fe73e 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPartition.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPartition.tsx
@@ -125,9 +125,9 @@ export const ChartSettingFieldsPartition = ({
 
   const updatedValue = useMemo(
     () =>
-      _.mapObject(value || {}, columnNames =>
+      _.mapObject(value || {}, (columnNames) =>
         columnNames
-          .map(columnName => columns.find(col => col.name === columnName))
+          .map((columnName) => columns.find((col) => col.name === columnName))
           .filter((col): col is RemappingHydratedDatasetColumn => col != null),
       ),
     [columns, value],
@@ -189,7 +189,7 @@ export const ChartSettingFieldsPartition = ({
                         draggableId={`draggable-${col.name}`}
                         index={index}
                       >
-                        {provided => (
+                        {(provided) => (
                           <Box
                             ref={provided.innerRef}
                             {...provided.draggableProps}
@@ -232,7 +232,7 @@ const Column = ({
 }) => (
   <ColumnItem
     title={title}
-    onEdit={target => onEditFormatting?.(column, target)}
+    onEdit={(target) => onEditFormatting?.(column, target)}
     draggable
     className={CS.m0}
   />
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPartition.unit.spec.js b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPartition.unit.spec.js
index 1b5a5720a4d..d565399b8a8 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPartition.unit.spec.js
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPartition.unit.spec.js
@@ -8,7 +8,7 @@ describe("ChartSettingFieldsPartition", () => {
     render(
       <ChartSettingFieldsPartition
         partitions={[
-          { name: "rows", title: "Rows", columnFilter: x => Boolean(x) },
+          { name: "rows", title: "Rows", columnFilter: (x) => Boolean(x) },
         ]}
         columns={[createMockColumn()]}
       />,
@@ -21,7 +21,7 @@ describe("ChartSettingFieldsPartition", () => {
     render(
       <ChartSettingFieldsPartition
         partitions={[
-          { name: "rows", title: "Rows", columnFilter: x => Boolean(x) },
+          { name: "rows", title: "Rows", columnFilter: (x) => Boolean(x) },
         ]}
         columns={[
           createMockColumn({
@@ -29,7 +29,7 @@ describe("ChartSettingFieldsPartition", () => {
             display_name: fieldName,
           }),
         ]}
-        getColumnTitle={column => column.display_name}
+        getColumnTitle={(column) => column.display_name}
         value={{ rows: [fieldName] }}
       />,
     );
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPicker.jsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPicker.jsx
index f71aee389b6..458f14fc0ba 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPicker.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPicker.jsx
@@ -26,10 +26,11 @@ const ChartSettingFieldsPicker = ({
     onChange(moveElement(fields, oldIndex, newIndex));
   };
 
-  const calculateOptions = field => {
+  const calculateOptions = (field) => {
     return options.filter(
-      option =>
-        fields.findIndex(v => v === option.value) < 0 || option.value === field,
+      (option) =>
+        fields.findIndex((v) => v === option.value) < 0 ||
+        option.value === field,
     );
   };
 
@@ -40,7 +41,7 @@ const ChartSettingFieldsPicker = ({
       {fields?.length >= 0 ? (
         <DragDropContext onDragEnd={handleDragEnd}>
           <Droppable droppableId="droppable">
-            {provided => (
+            {(provided) => (
               <div {...provided.droppableProps} ref={provided.innerRef}>
                 {fields.map((field, fieldIndex) => {
                   return (
@@ -50,7 +51,7 @@ const ChartSettingFieldsPicker = ({
                       index={fieldIndex}
                       isDragDisabled={isDragDisabled}
                     >
-                      {provided => (
+                      {(provided) => (
                         <div
                           ref={provided.innerRef}
                           {...provided.draggableProps}
@@ -66,7 +67,7 @@ const ChartSettingFieldsPicker = ({
                             key={fieldIndex}
                             value={field}
                             options={calculateOptions(field)}
-                            onChange={updatedField => {
+                            onChange={(updatedField) => {
                               const fieldsCopy = [...fields];
                               // this swaps the position of the existing value
                               const existingIndex =
@@ -83,7 +84,7 @@ const ChartSettingFieldsPicker = ({
                               onChange(fieldsCopy);
                             }}
                             onRemove={
-                              fields.filter(field => field != null).length >
+                              fields.filter((field) => field != null).length >
                                 1 ||
                               (fields.length > 1 && field == null)
                                 ? () =>
@@ -115,7 +116,7 @@ const ChartSettingFieldsPicker = ({
             className={cx(CS.textBrand, CS.textBold, CS.py1)}
             onClick={() => {
               const remaining = options.filter(
-                o => fields.indexOf(o.value) < 0,
+                (o) => fields.indexOf(o.value) < 0,
               );
               if (remaining.length === 1) {
                 // if there's only one unused option, use it
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPicker.unit.spec.js b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPicker.unit.spec.js
index f1e58f78913..37bbce5b7d4 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPicker.unit.spec.js
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingFieldsPicker.unit.spec.js
@@ -14,7 +14,7 @@ const DEFAULT_PROPS = {
   addAnother: "Add another series",
 };
 
-const setup = props => {
+const setup = (props) => {
   renderWithProviders(
     <ChartSettingFieldsPicker {...DEFAULT_PROPS} {...props} />,
   );
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingGaugeSegments.jsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingGaugeSegments.jsx
index 192a48d33c6..5d181d7640d 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingGaugeSegments.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingGaugeSegments.jsx
@@ -38,7 +38,9 @@ const ChartSettingGaugeSegments = ({ value: segments, onChange }) => {
                     className={CS.mr1}
                     value={segment.color}
                     colors={getColorPalette()}
-                    onChange={color => onChangeProperty(index, "color", color)}
+                    onChange={(color) =>
+                      onChangeProperty(index, "color", color)
+                    }
                   />
                 </td>
                 <td>
@@ -46,7 +48,7 @@ const ChartSettingGaugeSegments = ({ value: segments, onChange }) => {
                     type="number"
                     className={CS.full}
                     value={segment.min}
-                    onChange={value => onChangeProperty(index, "min", value)}
+                    onChange={(value) => onChangeProperty(index, "min", value)}
                     placeholder={t`Min`}
                   />
                 </td>
@@ -55,7 +57,7 @@ const ChartSettingGaugeSegments = ({ value: segments, onChange }) => {
                     type="number"
                     className={CS.full}
                     value={segment.max}
-                    onChange={value => onChangeProperty(index, "max", value)}
+                    onChange={(value) => onChangeProperty(index, "max", value)}
                     placeholder={t`Max`}
                   />
                 </td>
@@ -77,7 +79,7 @@ const ChartSettingGaugeSegments = ({ value: segments, onChange }) => {
                     type="text"
                     className={cx(CS.full, CS.input)}
                     value={segment.label}
-                    onChange={e =>
+                    onChange={(e) =>
                       onChangeProperty(index, "label", e.target.value)
                     }
                     placeholder={t`Label for this range (optional)`}
@@ -113,7 +115,7 @@ function newSegment(segments) {
   const palette = getColorPalette();
   const lastSegment = segments[segments.length - 1];
   const lastColorIndex = lastSegment
-    ? _.findIndex(palette, color => color === lastSegment.color)
+    ? _.findIndex(palette, (color) => color === lastSegment.color)
     : -1;
   const nextColor =
     lastColorIndex >= 0
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingIconRadio.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingIconRadio.tsx
index f92ba294699..f75836aa5e6 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingIconRadio.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingIconRadio.tsx
@@ -21,7 +21,7 @@ export const ChartSettingIconRadio = ({
 
   return (
     <div>
-      {options.map(option => (
+      {options.map((option) => (
         <IconButton
           icon={option.iconName}
           onClick={() => handleClick(option.value)}
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingInput.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingInput.tsx
index b2ff0a1a076..c890bf03e79 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingInput.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingInput.tsx
@@ -27,7 +27,7 @@ export const ChartSettingInput = ({
       data-testid={id}
       placeholder={placeholder}
       value={inputValue}
-      onChange={e => setInputValue(e.target.value)}
+      onChange={(e) => setInputValue(e.target.value)}
       onBlur={() => {
         if (inputValue !== (value || "")) {
           onChange(inputValue);
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingInputNumeric.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingInputNumeric.tsx
index e055b4c719e..fbdd697e29a 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingInputNumeric.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingInputNumeric.tsx
@@ -55,11 +55,11 @@ export const ChartSettingInputNumeric = ({
       error={inputValue && isNaN(Number(inputValue))}
       value={String(inputValue)}
       onChange={(e: ChangeEvent<HTMLInputElement>) => {
-        if (e.target.value.split("").every(ch => ALLOWED_CHARS.has(ch))) {
+        if (e.target.value.split("").every((ch) => ALLOWED_CHARS.has(ch))) {
           setInputValue(e.target.value);
         }
       }}
-      onBlur={e => {
+      onBlur={(e) => {
         let num = e.target.value !== "" ? Number(e.target.value) : Number.NaN;
         if (options?.isInteger) {
           num = Math.round(num);
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingLinkUrlInput.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingLinkUrlInput.tsx
index eeea0bc54a2..4bc8d672647 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingLinkUrlInput.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingLinkUrlInput.tsx
@@ -16,7 +16,7 @@ const filterOptions = (value: string | undefined, options: string[]) => {
     const match = value.match(linkVariablePattern);
     if (match) {
       const suggestionFilter = match[1];
-      return options.filter(option =>
+      return options.filter((option) =>
         option.toLowerCase().includes(suggestionFilter.toLowerCase()),
       );
     }
@@ -39,9 +39,9 @@ const ChartSettingLinkUrlInput = ({
     const partial = match?.[1];
 
     if (partial) {
-      setFocusedValue(v => v.replace(`{{${partial}`, `{{${suggestion}}}`));
+      setFocusedValue((v) => v.replace(`{{${partial}`, `{{${suggestion}}}`));
     } else if (partial === "") {
-      setFocusedValue(v => `${v}${suggestion}}}`);
+      setFocusedValue((v) => `${v}${suggestion}}}`);
     }
   };
 
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingMaxCategories.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingMaxCategories.tsx
index 96cf3c5e590..d66ee55c152 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingMaxCategories.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingMaxCategories.tsx
@@ -48,7 +48,7 @@ export const ChartSettingMaxCategories = ({
       <Checkbox
         checked={isEnabled}
         label={t`Enforce maximum number of series`}
-        onChange={e => handleToggleMaxNumberOfSeries(e.target.checked)}
+        onChange={(e) => handleToggleMaxNumberOfSeries(e.target.checked)}
       />
       <ChartSettingInputNumeric
         {...props}
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingNestedSettings.jsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingNestedSettings.jsx
index 00e9af0a775..29523b6a8b3 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingNestedSettings.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingNestedSettings.jsx
@@ -12,7 +12,7 @@ import ChartSettingsWidget from "../ChartSettingsWidget";
  */
 const chartSettingNestedSettings =
   ({ getObjectKey, getObjectSettings, getSettingsWidgetsForObject }) =>
-  ComposedComponent =>
+  (ComposedComponent) =>
     class extends Component {
       constructor(props) {
         super(props);
@@ -29,7 +29,7 @@ const chartSettingNestedSettings =
         );
       };
 
-      handleChangeEditingObject = editingObject => {
+      handleChangeEditingObject = (editingObject) => {
         // objectKeyOverride allows child components to set the editing object key to a different value than is derived
         // from the props. For example, this is used by the "More options" button in ChartNestedSettingSeries.
         this.setState({
@@ -41,7 +41,7 @@ const chartSettingNestedSettings =
         }
       };
 
-      handleChangeSettingsForEditingObject = newSettings => {
+      handleChangeSettingsForEditingObject = (newSettings) => {
         const editingObjectKey = this.getEditingObjectKey();
         if (editingObjectKey != null) {
           this.handleChangeSettingsForObjectKey(editingObjectKey, newSettings);
@@ -80,7 +80,7 @@ const chartSettingNestedSettings =
         if (editingObjectKey !== undefined) {
           const editingObject = _.find(
             objects,
-            o => getObjectKey(o) === editingObjectKey,
+            (o) => getObjectKey(o) === editingObjectKey,
           );
           if (editingObject) {
             const objectsSettings = this.props.value || {};
@@ -100,7 +100,7 @@ const chartSettingNestedSettings =
                 onChangeEditingObject={this.handleChangeEditingObject}
                 onChangeObjectSettings={this.handleChangeSettingsForObject}
                 object={editingObject}
-                objectSettingsWidgets={objectSettingsWidgets.map(widget => (
+                objectSettingsWidgets={objectSettingsWidgets.map((widget) => (
                   <ChartSettingsWidget key={widget.id} {...widget} />
                 ))}
               />
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingOrderedItems/ChartSettingOrderedItems.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingOrderedItems/ChartSettingOrderedItems.tsx
index 1e78b76f999..0d5a9b8c40d 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingOrderedItems/ChartSettingOrderedItems.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingOrderedItems/ChartSettingOrderedItems.tsx
@@ -52,7 +52,7 @@ export function ChartSettingOrderedItems<T extends SortableItem>({
   getId,
   removeIcon,
   accentColorOptions,
-  getItemColor = item => item.color,
+  getItemColor = (item) => item.color,
   dividers = [],
 }: ChartSettingOrderedItemsProps<T>) {
   const isDragDisabled = items.length < 1;
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingOrderedSimple.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingOrderedSimple.tsx
index 27281fcc855..15942b08987 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingOrderedSimple.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingOrderedSimple.tsx
@@ -48,16 +48,18 @@ export const ChartSettingOrderedSimple = ({
   const toggleDisplay = useCallback(
     (selectedItem: SortableItem) => {
       const index = orderedItems.findIndex(
-        item => item.key === selectedItem.key,
+        (item) => item.key === selectedItem.key,
+      );
+      onChange(
+        updateIn(orderedItems, [index, "enabled"], (enabled) => !enabled),
       );
-      onChange(updateIn(orderedItems, [index, "enabled"], enabled => !enabled));
     },
     [orderedItems, onChange],
   );
 
   const handleSortEnd = useCallback(
     ({ id, newIndex }: DragEndEvent) => {
-      const oldIndex = orderedItems.findIndex(item => item.key === id);
+      const oldIndex = orderedItems.findIndex((item) => item.key === id);
 
       if (onSortEnd != null) {
         onSortEnd(arrayMove(orderedItems, oldIndex, newIndex));
@@ -99,7 +101,7 @@ export const ChartSettingOrderedSimple = ({
 
   const getId = useCallback((item: SortableItem) => item.key, []);
 
-  const nonHiddenItems = orderedItems.filter(item => !item.hidden);
+  const nonHiddenItems = orderedItems.filter((item) => !item.hidden);
 
   return (
     <Box pl="md" pb="sm">
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingRadio.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingRadio.tsx
index b0f4174f9ba..ccf4676c9fa 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingRadio.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingRadio.tsx
@@ -30,7 +30,7 @@ export const ChartSettingRadio = ({
     <Radio.Group
       value={encodeWidgetValue(value)}
       className={className}
-      onChange={value => onChange(decodeWidgetValue(value))}
+      onChange={(value) => onChange(decodeWidgetValue(value))}
     >
       <Stack gap="xs">
         {options.map(({ name, value: optionValue }) => (
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingSegmentedControl/ChartSettingSegmentedControl.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingSegmentedControl/ChartSettingSegmentedControl.tsx
index 73033f38136..489b59e2e89 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingSegmentedControl/ChartSettingSegmentedControl.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingSegmentedControl/ChartSettingSegmentedControl.tsx
@@ -15,7 +15,7 @@ export const ChartSettingSegmentedControl = ({
   value,
 }: ChartSettingSegmentedControlProps) => (
   <Button.Group w="100%">
-    {options.map(elem => (
+    {options.map((elem) => (
       <Button
         className={cx(CS.borderBrand, CS.flexGrow1)}
         py="sm"
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingSelect.jsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingSelect.jsx
index 4c1a466f1b3..6e5a7de198f 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingSelect.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingSelect.jsx
@@ -60,7 +60,7 @@ export const ChartSettingSelect = ({
       disabled={disabled}
       value={encodeWidgetValue(value)}
       //Mantine V7 select onChange has 2 arguments passed. This breaks the assumption in visualizations/lib/settings.js where the onChange function is defined
-      onChange={v => onChange(decodeWidgetValue(v))}
+      onChange={(v) => onChange(decodeWidgetValue(v))}
       placeholder={options.length === 0 ? placeholderNoOptions : placeholder}
       initiallyOpened={isInitiallyOpen}
       searchable={!!searchProp}
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingSelect.unit.spec.jsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingSelect.unit.spec.jsx
index f752f450478..46a94a388c2 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingSelect.unit.spec.jsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingSelect.unit.spec.jsx
@@ -12,7 +12,7 @@ const options = [
   { name: "No value", value: null },
 ];
 
-const selectOption = async optionText => {
+const selectOption = async (optionText) => {
   const select = screen.getByTestId("chart-setting-select");
   await userEvent.click(select);
   const option = screen.getByText(optionText);
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingSeriesOrder.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingSeriesOrder.tsx
index ae80688ef2b..02576084258 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingSeriesOrder.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingSeriesOrder.tsx
@@ -77,8 +77,8 @@ export const ChartSettingSeriesOrder = ({
   const [items, hiddenItems] = useMemo(
     () =>
       _.partition(
-        orderedItems.filter(item => !item.hidden),
-        item => item.enabled,
+        orderedItems.filter((item) => !item.hidden),
+        (item) => item.enabled,
       ),
     [orderedItems],
   );
@@ -109,16 +109,18 @@ export const ChartSettingSeriesOrder = ({
   const toggleDisplay = useCallback(
     (selectedItem: SortableItem) => {
       const index = orderedItems.findIndex(
-        item => item.key === selectedItem.key,
+        (item) => item.key === selectedItem.key,
+      );
+      onChange(
+        updateIn(orderedItems, [index, "enabled"], (enabled) => !enabled),
       );
-      onChange(updateIn(orderedItems, [index, "enabled"], enabled => !enabled));
     },
     [orderedItems, onChange],
   );
 
   const handleSortEnd = useCallback(
     ({ id, newIndex }: DragEndEvent) => {
-      const oldIndex = orderedItems.findIndex(item => item.key === id);
+      const oldIndex = orderedItems.findIndex((item) => item.key === id);
 
       if (onSortEnd != null) {
         onSortEnd(arrayMove(orderedItems, oldIndex, newIndex));
@@ -156,7 +158,7 @@ export const ChartSettingSeriesOrder = ({
 
   const handleAddSeries = useCallback(
     (seriesKey: string | null) => {
-      const item = hiddenItems.find(item => item.key === seriesKey);
+      const item = hiddenItems.find((item) => item.key === seriesKey);
       if (item) {
         toggleDisplay(item);
         setSeriesPickerVisible(false);
@@ -249,7 +251,7 @@ export const ChartSettingSeriesOrder = ({
               dropdownOpened
               searchable
               placeholder={searchPickerPlaceholder}
-              data={hiddenItems.map(item => ({
+              data={hiddenItems.map((item) => ({
                 value: item.key,
                 label: getItemTitle(item),
               }))}
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingStacked.unit.spec.js b/frontend/src/metabase/visualizations/components/settings/ChartSettingStacked.unit.spec.js
index 9369f03b505..ce44c836dab 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingStacked.unit.spec.js
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingStacked.unit.spec.js
@@ -80,7 +80,7 @@ function getSeries(metrics) {
   ];
 }
 
-const setup = seriesMetrics => {
+const setup = (seriesMetrics) => {
   return renderWithProviders(
     <QuestionChartSettings
       series={getSeries(seriesMetrics)}
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingTableColumns/TableColumnPanel/TableColumnPanel.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingTableColumns/TableColumnPanel/TableColumnPanel.tsx
index 8e3d095cdfc..69b4561ecfe 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingTableColumns/TableColumnPanel/TableColumnPanel.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingTableColumns/TableColumnPanel/TableColumnPanel.tsx
@@ -61,7 +61,7 @@ export const TableColumnPanel = ({
   const handleDragColumn = useCallback(
     ({ id, newIndex }: DragEndEvent) => {
       const oldIndex = columnItems.findIndex(
-        columnItem => getId(columnItem) === id,
+        (columnItem) => getId(columnItem) === id,
       );
 
       onChange(moveColumnInSettings(columnItems, oldIndex, newIndex));
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingTableColumns/TableColumnPanel/TableColumnPanel.unit.spec.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingTableColumns/TableColumnPanel/TableColumnPanel.unit.spec.tsx
index 0ca43b1a845..d8695ba71ad 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingTableColumns/TableColumnPanel/TableColumnPanel.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingTableColumns/TableColumnPanel/TableColumnPanel.unit.spec.tsx
@@ -68,7 +68,7 @@ interface SetupOpts {
 function setup({
   columns = COLUMNS,
   columnSettings = COLUMN_SETTINGS,
-  getColumnName = column => column.display_name,
+  getColumnName = (column) => column.display_name,
 }: SetupOpts = {}) {
   const onChange = jest.fn();
   const onShowWidget = jest.fn();
@@ -132,5 +132,5 @@ function findColumnIndex(
   columnName: string,
   settings: TableColumnOrderSetting[],
 ) {
-  return settings.findIndex(setting => setting.name === columnName);
+  return settings.findIndex((setting) => setting.name === columnName);
 }
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingToggle.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingToggle.tsx
index 434a6e5b253..6e0b9572764 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingToggle.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingToggle.tsx
@@ -12,7 +12,7 @@ export const ChartSettingToggle = ({
   <Switch
     labelPosition="left"
     checked={value}
-    onChange={e => onChange(e.currentTarget.checked)}
+    onChange={(e) => onChange(e.currentTarget.checked)}
     id={id}
     role="switch"
     size="sm"
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/ChartSettingsTableFormatting.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/ChartSettingsTableFormatting.tsx
index a2c8417c4cb..96636a58fe2 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/ChartSettingsTableFormatting.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/ChartSettingsTableFormatting.tsx
@@ -35,7 +35,7 @@ export const ChartSettingsTableFormatting = ({
         rule={value[editingRule]}
         cols={cols}
         isNew={!!editingRuleIsNew}
-        onChange={rule => {
+        onChange={(rule) => {
           onChange([
             ...value.slice(0, editingRule),
             rule,
@@ -61,7 +61,7 @@ export const ChartSettingsTableFormatting = ({
       <RuleListing
         rules={value}
         cols={cols}
-        onEdit={index => {
+        onEdit={(index) => {
           setEditingRule(index);
           setEditingRuleIsNew(false);
         }}
@@ -79,7 +79,7 @@ export const ChartSettingsTableFormatting = ({
           setEditingRuleIsNew(true);
           setEditingRule(0);
         }}
-        onRemove={index => {
+        onRemove={(index) => {
           onChange([...value.slice(0, index), ...value.slice(index + 1)]);
         }}
         onMove={(from, to) => {
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/ChartSettingsTableFormatting.unit.spec.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/ChartSettingsTableFormatting.unit.spec.tsx
index 2303c4ffb86..2870a356728 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/ChartSettingsTableFormatting.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/ChartSettingsTableFormatting.unit.spec.tsx
@@ -159,7 +159,7 @@ describe("ChartSettingsTableFormatting", () => {
         screen.getByTestId("conditional-formatting-value-operator-button"),
       );
 
-      STRING_OPERATORS.forEach(operator => {
+      STRING_OPERATORS.forEach((operator) => {
         expect(
           screen.getByRole("option", { name: operator }),
         ).toBeInTheDocument();
@@ -177,7 +177,7 @@ describe("ChartSettingsTableFormatting", () => {
         screen.getByTestId("conditional-formatting-value-operator-button"),
       );
 
-      STRING_OPERATORS.forEach(operator => {
+      STRING_OPERATORS.forEach((operator) => {
         expect(
           screen.getByRole("option", { name: operator }),
         ).toBeInTheDocument();
@@ -195,7 +195,7 @@ describe("ChartSettingsTableFormatting", () => {
         screen.getByTestId("conditional-formatting-value-operator-button"),
       );
 
-      STRING_OPERATORS.forEach(operator => {
+      STRING_OPERATORS.forEach((operator) => {
         expect(
           screen.getByRole("option", { name: operator }),
         ).toBeInTheDocument();
@@ -213,7 +213,7 @@ describe("ChartSettingsTableFormatting", () => {
         screen.getByTestId("conditional-formatting-value-operator-button"),
       );
 
-      NUMBER_OPERATORS.forEach(operator => {
+      NUMBER_OPERATORS.forEach((operator) => {
         expect(
           screen.getByRole("option", { name: operator }),
         ).toBeInTheDocument();
@@ -240,7 +240,7 @@ describe("ChartSettingsTableFormatting", () => {
         screen.getByTestId("conditional-formatting-value-operator-button"),
       );
 
-      BOOLEAN_OPERATORS.forEach(operator => {
+      BOOLEAN_OPERATORS.forEach((operator) => {
         expect(
           screen.getByRole("option", { name: operator }),
         ).toBeInTheDocument();
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RuleDescription.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RuleDescription.tsx
index 003d9de28a8..0770da2c251 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RuleDescription.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RuleDescription.tsx
@@ -26,7 +26,7 @@ export const RuleDescription = ({
         )
         .with(
           { type: "single" },
-          singleRule =>
+          (singleRule) =>
             jt`When a cell in these columns ${(
               <Text component="span" key="bold" fw="bold" lh="normal">
                 {ALL_OPERATOR_NAMES[singleRule.operator]}
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RuleEditor.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RuleEditor.tsx
index 8c558725ba7..60eec120446 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RuleEditor.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RuleEditor.tsx
@@ -56,7 +56,7 @@ export const RuleEditor = ({
   canHighlightRow = true,
 }: RuleEditorProps) => {
   const selectedColumns = useMemo(
-    () => rule.columns.map(name => _.findWhere(cols, { name })),
+    () => rule.columns.map((name) => _.findWhere(cols, { name })),
     [rule.columns, cols],
   );
   const { operators, isNumericRule, isKeyRule, isFieldDisabled } = useMemo(
@@ -98,7 +98,7 @@ export const RuleEditor = ({
           onChange={handleColumnChange}
           defaultDropdownOpened={rule.columns.length === 0}
           placeholder={t`Choose a column`}
-          data={cols.map(col => ({
+          data={cols.map((col) => ({
             value: col.name,
             label: col.display_name,
             disabled: isFieldDisabled(col),
@@ -114,7 +114,7 @@ export const RuleEditor = ({
               { name: t`Color range`, value: "range" },
             ]}
             value={rule.type}
-            onChange={type =>
+            onChange={(type) =>
               onChange({
                 ...DEFAULTS_BY_TYPE[type as "single" | "range"],
                 columns: rule.columns,
@@ -137,7 +137,7 @@ export const RuleEditor = ({
               <Select<ColumnFormattingOperator>
                 comboboxProps={{ withinPortal: false }}
                 value={rule.operator}
-                onChange={operator => onChange({ ...rule, operator })}
+                onChange={(operator) => onChange({ ...rule, operator })}
                 data={_.pairs(operators).map(([value, label]) => ({
                   value,
                   label,
@@ -160,7 +160,7 @@ export const RuleEditor = ({
               data-testid="conditional-formatting-color-selector"
               value={rule.color}
               colors={COLORS}
-              onChange={color => onChange({ ...rule, color })}
+              onChange={(color) => onChange({ ...rule, color })}
               withinPortal={false}
             />
           </Stack>
@@ -170,7 +170,7 @@ export const RuleEditor = ({
 
               <ChartSettingToggle
                 value={rule.highlight_row}
-                onChange={value =>
+                onChange={(value) =>
                   onChange({
                     ...rule,
                     highlight_row: value,
@@ -186,7 +186,7 @@ export const RuleEditor = ({
             <Text fw="bold" fz="lg">{t`Colors`}</Text>
             <ColorRangeSelector
               value={rule.colors}
-              onChange={colors => {
+              onChange={(colors) => {
                 onChange({ ...rule, colors });
               }}
               colors={COLORS}
@@ -198,7 +198,7 @@ export const RuleEditor = ({
             <Text fw="bold" fz="lg">{t`Start the range at`}</Text>
             <ChartSettingRadio
               value={rule.min_type}
-              onChange={min_type =>
+              onChange={(min_type) =>
                 onChange({
                   ...rule,
                   min_type:
@@ -220,7 +220,7 @@ export const RuleEditor = ({
               <ChartSettingInputNumeric
                 className={INPUT_CLASSNAME}
                 value={rule.min_value}
-                onChange={min_value =>
+                onChange={(min_value) =>
                   onChange({ ...rule, min_value: min_value ?? undefined })
                 }
               />
@@ -230,7 +230,7 @@ export const RuleEditor = ({
             <Text fw="bold" fz="lg">{t`End the range at`}</Text>
             <ChartSettingRadio
               value={rule.max_type}
-              onChange={max_type =>
+              onChange={(max_type) =>
                 onChange({
                   ...rule,
                   max_type:
@@ -252,7 +252,7 @@ export const RuleEditor = ({
               <ChartSettingInputNumeric
                 className={INPUT_CLASSNAME}
                 value={rule.max_value}
-                onChange={max_value =>
+                onChange={(max_value) =>
                   onChange({ ...rule, max_value: max_value ?? undefined })
                 }
               />
@@ -299,7 +299,7 @@ const RuleEditorValueInput = ({
       ? {
           type: "number",
           placeholder: "0",
-          onBlurChange: e =>
+          onBlurChange: (e) =>
             onChange({ ...rule, value: e.target.valueAsNumber ?? "" }),
         }
       : {
@@ -313,7 +313,7 @@ const RuleEditorValueInput = ({
       disabled={disabled}
       className={INPUT_CLASSNAME}
       value={rule.value}
-      onBlurChange={e => onChange({ ...rule, value: e.target.value })}
+      onBlurChange={(e) => onChange({ ...rule, value: e.target.value })}
       {...inputProps}
     />
   );
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RulePreview.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RulePreview.tsx
index 6ad2dece0bd..c78f75cfec5 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RulePreview.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/RulePreview.tsx
@@ -44,14 +44,14 @@ export const RulePreview = ({
       <Text flex="1" fw="bold" fz="md">
         {rule.columns.length > 0 ? (
           rule.columns
-            .map(name => _.findWhere(cols, { name })?.display_name ?? name)
+            .map((name) => _.findWhere(cols, { name })?.display_name ?? name)
             .join(", ")
         ) : (
           <Text fs="oblique">{t`No columns selected`}</Text>
         )}
       </Text>
       <ActionIcon
-        onClick={e => {
+        onClick={(e) => {
           e.stopPropagation();
           onRemove();
         }}
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/SortableRuleList.tsx b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/SortableRuleList.tsx
index a4a16a3a1ab..55c2a5eddae 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/SortableRuleList.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/SortableRuleList.tsx
@@ -45,16 +45,16 @@ export const SortableRuleList = ({
     id: TempId;
     newIndex: number;
   }) => {
-    const oldIndex = rulesWithIDs.findIndex(rule => getId(rule) === id);
+    const oldIndex = rulesWithIDs.findIndex((rule) => getId(rule) === id);
 
     onMove(oldIndex, newIndex);
   };
 
   const handleRemove = (id: TempId) =>
-    onRemove(rulesWithIDs.findIndex(rule => getId(rule) === id));
+    onRemove(rulesWithIDs.findIndex((rule) => getId(rule) === id));
 
   const handleEdit = (id: TempId) =>
-    onEdit(rulesWithIDs.findIndex(rule => getId(rule) === id));
+    onEdit(rulesWithIDs.findIndex((rule) => getId(rule) === id));
 
   const renderItem = ({ item, id }: { item: RuleWithId; id: TempId }) => (
     <Sortable id={id} draggingStyle={{ opacity: 0.5 }}>
diff --git a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/get-operators-for-columns.ts b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/get-operators-for-columns.ts
index 01c11f85249..b772aeec171 100644
--- a/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/get-operators-for-columns.ts
+++ b/frontend/src/metabase/visualizations/components/settings/ChartSettingsTableFormatting/get-operators-for-columns.ts
@@ -43,12 +43,12 @@ const BOOLEAN_OPERATOR_NAMES = {
 const not =
   (...fns: ((field: DatasetColumn) => boolean)[]) =>
   (field: DatasetColumn) =>
-    !fns.some(fn => fn(field));
+    !fns.some((fn) => fn(field));
 
 const or =
   (...fns: ((field: DatasetColumn) => boolean)[]) =>
   (field: DatasetColumn) =>
-    fns.some(fn => fn(field));
+    fns.some((fn) => fn(field));
 
 export const ALL_OPERATOR_NAMES: Record<ColumnFormattingOperator, string> = {
   ...NUMBER_OPERATOR_NAMES,
diff --git a/frontend/src/metabase/visualizations/components/settings/ColumnItem/ColumnItem.tsx b/frontend/src/metabase/visualizations/components/settings/ColumnItem/ColumnItem.tsx
index 942a77eb986..93f972f58c5 100644
--- a/frontend/src/metabase/visualizations/components/settings/ColumnItem/ColumnItem.tsx
+++ b/frontend/src/metabase/visualizations/components/settings/ColumnItem/ColumnItem.tsx
@@ -92,28 +92,28 @@ export const ColumnItem = ({
       {onEdit && (
         <ChartSettingActionIcon
           icon="ellipsis"
-          onClick={e => onEdit(e.currentTarget)}
+          onClick={(e) => onEdit(e.currentTarget)}
           data-testid={`${title}-settings-button`}
         />
       )}
       {onAdd && (
         <ChartSettingActionIcon
           icon="add"
-          onClick={e => onAdd(e.currentTarget)}
+          onClick={(e) => onAdd(e.currentTarget)}
           data-testid={`${title}-add-button`}
         />
       )}
       {onRemove && (
         <ChartSettingActionIcon
           icon={removeIcon}
-          onClick={e => onRemove(e.currentTarget)}
+          onClick={(e) => onRemove(e.currentTarget)}
           data-testid={`${title}-hide-button`}
         />
       )}
       {onEnable && (
         <ChartSettingActionIcon
           icon="eye_crossed_out"
-          onClick={e => onEnable(e.currentTarget)}
+          onClick={(e) => onEnable(e.currentTarget)}
           data-testid={`${title}-show-button`}
         />
       )}
diff --git a/frontend/src/metabase/visualizations/components/skeletons/ChartSkeleton/ChartSkeleton.stories.tsx b/frontend/src/metabase/visualizations/components/skeletons/ChartSkeleton/ChartSkeleton.stories.tsx
index 63e141db63a..403c6316ed1 100644
--- a/frontend/src/metabase/visualizations/components/skeletons/ChartSkeleton/ChartSkeleton.stories.tsx
+++ b/frontend/src/metabase/visualizations/components/skeletons/ChartSkeleton/ChartSkeleton.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: ChartSkeleton,
 };
 
-const Template: StoryFn<ChartSkeletonProps> = args => {
+const Template: StoryFn<ChartSkeletonProps> = (args) => {
   return (
     <div style={{ padding: 8, height: 250, backgroundColor: "white" }}>
       <ChartSkeleton {...args} />
diff --git a/frontend/src/metabase/visualizations/components/skeletons/SkeletonCaption/SkeletonCaption.styled.tsx b/frontend/src/metabase/visualizations/components/skeletons/SkeletonCaption/SkeletonCaption.styled.tsx
index 3f2e0691b12..00ab166c59f 100644
--- a/frontend/src/metabase/visualizations/components/skeletons/SkeletonCaption/SkeletonCaption.styled.tsx
+++ b/frontend/src/metabase/visualizations/components/skeletons/SkeletonCaption/SkeletonCaption.styled.tsx
@@ -20,8 +20,8 @@ interface SkeletonTitleProps {
 
 export const SkeletonCaptionTitle = styled(Ellipsified)<SkeletonTitleProps>`
   color: var(--mb-color-text-dark);
-  font-size: ${props => (props.size === "large" ? "1rem" : "")};
-  line-height: ${props => (props.size === "large" ? "1.375rem" : "")};
+  font-size: ${(props) => (props.size === "large" ? "1rem" : "")};
+  line-height: ${(props) => (props.size === "large" ? "1.375rem" : "")};
   font-weight: bold;
   overflow: hidden;
 `;
diff --git a/frontend/src/metabase/visualizations/components/skeletons/StaticSkeleton/StaticSkeleton.stories.tsx b/frontend/src/metabase/visualizations/components/skeletons/StaticSkeleton/StaticSkeleton.stories.tsx
index 1426fefd41a..1e09fc3312a 100644
--- a/frontend/src/metabase/visualizations/components/skeletons/StaticSkeleton/StaticSkeleton.stories.tsx
+++ b/frontend/src/metabase/visualizations/components/skeletons/StaticSkeleton/StaticSkeleton.stories.tsx
@@ -7,7 +7,7 @@ export default {
   component: StaticSkeleton,
 };
 
-const Template: StoryFn<typeof StaticSkeleton> = args => {
+const Template: StoryFn<typeof StaticSkeleton> = (args) => {
   return (
     <div style={{ padding: 8, height: 250, backgroundColor: "white" }}>
       <StaticSkeleton {...args} />
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/chart-measurements/index.ts b/frontend/src/metabase/visualizations/echarts/cartesian/chart-measurements/index.ts
index e5e814c41a4..29e369c5228 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/chart-measurements/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/chart-measurements/index.ts
@@ -89,7 +89,7 @@ const getYAxisTicksWidth = (
   };
 
   // extents need to be untransformed to get the value of the tick label
-  const [min, max] = axisModel.extent.map(extent =>
+  const [min, max] = axisModel.extent.map((extent) =>
     yAxisScaleTransforms.fromEChartsAxisValue(extent),
   );
 
@@ -121,10 +121,10 @@ const getYAxisTicksWidth = (
   // Note: This may not accurately reflect ECharts' internal logic for tick
   // formatting.
   const areDecimalTicksExpected = axisModel.extent.every(
-    value => value > -5 && value < 5,
+    (value) => value > -5 && value < 5,
   );
 
-  const measuredValues = valuesToMeasure.map(rawValue => {
+  const measuredValues = valuesToMeasure.map((rawValue) => {
     const isPercent =
       settings.column?.(axisModel.column).number_style === "percent";
 
@@ -166,7 +166,7 @@ const getXAxisTicksWidth = (
     family: fontFamily,
   };
 
-  const valuesToMeasure = [0, dataset.length - 1].map(index => {
+  const valuesToMeasure = [0, dataset.length - 1].map((index) => {
     if (isNumericAxis(axisModel)) {
       // extents need to be untransformed to get the value of the tick label
       return axisModel.fromEChartsAxisValue(
@@ -176,7 +176,7 @@ const getXAxisTicksWidth = (
     return dataset[index][X_AXIS_DATA_KEY];
   });
 
-  const [firstXTickWidth, lastXTickWidth] = valuesToMeasure.map(value =>
+  const [firstXTickWidth, lastXTickWidth] = valuesToMeasure.map((value) =>
     measureText(axisModel.formatter(value), fontStyle),
   );
 
@@ -301,7 +301,7 @@ const getXTicksToMeasure = (
     return getEvenlySpacedIndices(
       chartModel.dataset.length,
       X_TICKS_TO_MEASURE_COUNT,
-    ).map(datumIndex => chartModel.dataset[datumIndex][X_AXIS_DATA_KEY]);
+    ).map((datumIndex) => chartModel.dataset[datumIndex][X_AXIS_DATA_KEY]);
   }
 
   // On category scales, when the dimension width is smaller than the tick font size,
@@ -309,12 +309,12 @@ const getXTicksToMeasure = (
   // we select the top N ticks based on character length for formatting and measurement.
   if (isCategory(dimensionColumn) && dimensionWidth <= fontSize) {
     return chartModel.dataset
-      .map(datum => datum[X_AXIS_DATA_KEY])
+      .map((datum) => datum[X_AXIS_DATA_KEY])
       .sort((a, b) => String(b).length - String(a).length)
       .slice(0, X_TICKS_TO_MEASURE_COUNT);
   }
 
-  return chartModel.dataset.map(datum => datum[X_AXIS_DATA_KEY]);
+  return chartModel.dataset.map((datum) => datum[X_AXIS_DATA_KEY]);
 };
 
 const getMaxXTickWidth = (
@@ -336,7 +336,7 @@ const getMaxXTickWidth = (
   };
 
   return Math.max(
-    ...valueToMeasure.map(value =>
+    ...valueToMeasure.map((value) =>
       renderingContext.measureText(
         chartModel.xAxisModel.formatter(value),
         fontStyle,
@@ -496,7 +496,7 @@ export const getChartPadding = (
 
   // We handle non-categorical scatter plots differently, because echarts places
   // the tick labels on the very edge of the x-axis for scatter plots only.
-  const isScatterPlot = chartModel.seriesModels.some(seriesModel => {
+  const isScatterPlot = chartModel.seriesModels.some((seriesModel) => {
     const seriesSettings = settings.series(
       seriesModel.legacySeriesSettingsObjectKey,
     );
@@ -679,7 +679,7 @@ const getStackedBarTicksRotation = (
   renderingContext: RenderingContext,
 ) => {
   const barStack = chartModel.stackModels.find(
-    stackModel => stackModel.display === "bar",
+    (stackModel) => stackModel.display === "bar",
   );
 
   if (!barStack) {
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/axis.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/axis.ts
index f2fd899b5a8..632b328b744 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/axis.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/axis.ts
@@ -93,7 +93,7 @@ const uniqueCards = (seriesModels: SeriesModel[]) =>
   _.uniq(seriesModels.map(({ cardId }) => cardId)).length;
 
 const getMetricColumnsCount = (seriesModels: SeriesModel[]) => {
-  return _.uniq(seriesModels.map(seriesModel => seriesModel.column.name))
+  return _.uniq(seriesModels.map((seriesModel) => seriesModel.column.name))
     .length;
 };
 
@@ -116,25 +116,27 @@ function shouldAutoSplitYAxis(
     return false;
   }
 
-  const allMetricsColumns = seriesModels.map(seriesModel => seriesModel.column);
+  const allMetricsColumns = seriesModels.map(
+    (seriesModel) => seriesModel.column,
+  );
 
   const hasDifferentYAxisColTypes =
-    _.uniq(allMetricsColumns.map(column => column.semantic_type)).length > 1;
+    _.uniq(allMetricsColumns.map((column) => column.semantic_type)).length > 1;
 
   if (hasDifferentYAxisColTypes) {
     return true;
   }
 
   const allMetricsColumnSettings = allMetricsColumns
-    .map(column => settings.column?.(column))
+    .map((column) => settings.column?.(column))
     .filter(isNotNull);
 
-  const columnSettings = allMetricsColumnSettings.map(columnSettings =>
+  const columnSettings = allMetricsColumnSettings.map((columnSettings) =>
     getLineAreaBarComparisonSettings(columnSettings),
   );
 
-  const hasDifferentColumnSettings = columnSettings.some(s1 =>
-    columnSettings.some(s2 => !_.isEqual(s1, s2)),
+  const hasDifferentColumnSettings = columnSettings.some((s1) =>
+    columnSettings.some((s2) => !_.isEqual(s1, s2)),
   );
 
   if (hasDifferentColumnSettings) {
@@ -143,9 +145,9 @@ function shouldAutoSplitYAxis(
 
   const yExtents = Object.values(seriesExtents);
 
-  const minRange = Math.min(...yExtents.map(extent => extent[1] - extent[0]));
-  const maxExtent = Math.max(...yExtents.map(extent => extent[1]));
-  const minExtent = Math.min(...yExtents.map(extent => extent[0]));
+  const minRange = Math.min(...yExtents.map((extent) => extent[1] - extent[0]));
+  const maxExtent = Math.max(...yExtents.map((extent) => extent[1]));
+  const minExtent = Math.min(...yExtents.map((extent) => extent[0]));
   const chartRange = maxExtent - minExtent;
 
   // Note (EmmadUsmani): When the series with the smallest range is less than 5%
@@ -192,7 +194,7 @@ function generateSplits(
 }
 
 function axisCost(extents: Extent[], favorUnsplit = true) {
-  const axisExtent = d3.extent(extents.flatMap(e => e));
+  const axisExtent = d3.extent(extents.flatMap((e) => e));
 
   // TODO: handle cases where members of axisExtent is undefined
   const axisRange = axisExtent[1]! - axisExtent[0]!;
@@ -220,7 +222,7 @@ export function computeSplit(
   right: DataKey[] = [],
 ): AxisSplit {
   const unassigned: DataKey[] = getObjectKeys(extents).filter(
-    key => left.indexOf(key) < 0 && right.indexOf(key) < 0,
+    (key) => left.indexOf(key) < 0 && right.indexOf(key) < 0,
   );
 
   // if any are assigned to right we have decided to split so don't favor unsplit
@@ -228,11 +230,11 @@ export function computeSplit(
 
   const cost = (split: [DataKey[], DataKey[]]) =>
     axisCost(
-      split[0].map(dataKey => extents[dataKey]),
+      split[0].map((dataKey) => extents[dataKey]),
       favorUnsplit,
     ) +
     axisCost(
-      split[1].map(dataKey => extents[dataKey]),
+      split[1].map((dataKey) => extents[dataKey]),
       favorUnsplit,
     );
 
@@ -265,16 +267,16 @@ const getYAxisSplit = (
   isAutoSplitSupported: boolean,
 ) => {
   const stackedKeys = new Set(
-    stackModels.flatMap(stackModel => stackModel.seriesKeys),
+    stackModels.flatMap((stackModel) => stackModel.seriesKeys),
   );
   const nonStackedKeys = new Set(
     seriesModels
-      .map(seriesModel => seriesModel.dataKey)
-      .filter(seriesKey => !stackedKeys.has(seriesKey)),
+      .map((seriesModel) => seriesModel.dataKey)
+      .filter((seriesKey) => !stackedKeys.has(seriesKey)),
   );
 
   const stackedSeriesAxis = stackModels.every(
-    stackModel => stackModel.axis === "right",
+    (stackModel) => stackModel.axis === "right",
   )
     ? "right"
     : "left";
@@ -291,7 +293,7 @@ const getYAxisSplit = (
         seriesModel.legacySeriesSettingsObjectKey,
       );
 
-      const seriesStack = stackModels.find(stackModel =>
+      const seriesStack = stackModels.find((stackModel) =>
         stackModel.seriesKeys.includes(seriesModel.dataKey),
       );
 
@@ -330,13 +332,13 @@ const getYAxisSplit = (
     new Set(
       _.uniq([
         ...left,
-        ...autoLeft.filter(dataKey => !axisBySeriesKey[dataKey]),
+        ...autoLeft.filter((dataKey) => !axisBySeriesKey[dataKey]),
       ]),
     ),
     new Set(
       _.uniq([
         ...right,
-        ...autoRight.filter(dataKey => !axisBySeriesKey[dataKey]),
+        ...autoRight.filter((dataKey) => !axisBySeriesKey[dataKey]),
       ]),
     ),
   ];
@@ -349,11 +351,11 @@ const calculateStackedExtent = (
   let min: number | null = null;
   let max: number | null = null;
 
-  dataset.forEach(entry => {
+  dataset.forEach((entry) => {
     let positiveStack: number | null = null;
     let negativeStack: number | null = null;
 
-    seriesKeys.forEach(key => {
+    seriesKeys.forEach((key) => {
       const value = entry[key];
       if (typeof value === "number") {
         if (value >= 0) {
@@ -385,8 +387,8 @@ function calculateNonStackedExtent(
   let min = Infinity;
   let max = -Infinity;
 
-  dataset.forEach(entry => {
-    seriesKeys.forEach(key => {
+  dataset.forEach((entry) => {
+    seriesKeys.forEach((key) => {
       const value = entry[key];
       if (typeof value === "number") {
         min = Math.min(min, value);
@@ -497,12 +499,14 @@ function getYAxisExtent(
     return NORMALIZED_RANGE;
   }
 
-  const stacksExtents = stackModels.map(stackModel =>
+  const stacksExtents = stackModels.map((stackModel) =>
     calculateStackedExtent(stackModel.seriesKeys, dataset),
   );
 
-  const nonStackedKeys = seriesKeys.filter(seriesKey =>
-    stackModels.every(stackModel => !stackModel.seriesKeys.includes(seriesKey)),
+  const nonStackedKeys = seriesKeys.filter((seriesKey) =>
+    stackModels.every(
+      (stackModel) => !stackModel.seriesKeys.includes(seriesKey),
+    ),
   );
   const nonStackedExtent = calculateNonStackedExtent(nonStackedKeys, dataset);
 
@@ -562,7 +566,7 @@ export function getYAxesModels(
   stackModels: StackModel[],
   isCompactFormatting: boolean,
 ) {
-  const seriesDataKeys = seriesModels.map(seriesModel => seriesModel.dataKey);
+  const seriesDataKeys = seriesModels.map((seriesModel) => seriesModel.dataKey);
   const extents = getDatasetExtents(seriesDataKeys, dataset);
 
   const [leftAxisSeriesKeysSet, rightAxisSeriesKeysSet] = getYAxisSplit(
@@ -593,7 +597,7 @@ export function getYAxesModels(
 
   const [leftStackModels, rightStackModels] = _.partition(
     stackModels,
-    stackModel => stackModel.axis === "left",
+    (stackModel) => stackModel.axis === "left",
   );
 
   return {
@@ -635,7 +639,7 @@ export function getYAxisFormattingOptions({
 }: GetYAxisFormattingOptions): OptionsType {
   const isCompact =
     settings["graph.label_value_formatting"] === "compact" ||
-    compactSeriesDataKeys.some(dataKey => axisSeriesKeysSet.has(dataKey));
+    compactSeriesDataKeys.some((dataKey) => axisSeriesKeysSet.has(dataKey));
 
   if (isCompact) {
     return { compact: isCompact };
@@ -652,7 +656,7 @@ export function getTimeSeriesXAxisModel(
   label: string | undefined,
   showWarning?: ShowWarning,
 ): TimeSeriesXAxisModel {
-  const xValues = dataset.map(datum => datum[X_AXIS_DATA_KEY]);
+  const xValues = dataset.map((datum) => datum[X_AXIS_DATA_KEY]);
   const dimensionColumn = dimensionModel.column;
 
   // Based on the actual data compute interval, range, etc.
@@ -734,7 +738,7 @@ function getNumericXAxisModel(
     axisTransforms.toEChartsAxisValue(rawExtent[1]) ?? 0,
   ];
 
-  const xValues = dataset.map(datum => datum[X_AXIS_DATA_KEY]);
+  const xValues = dataset.map((datum) => datum[X_AXIS_DATA_KEY]);
   const interval =
     column.binning_info?.bin_width ?? computeNumericDataInverval(xValues);
 
@@ -829,11 +833,13 @@ export function getXAxisModel(
 
   const histogramInterval = isHistogram
     ? (column.binning_info?.bin_width ??
-      computeNumericDataInverval(dataset.map(datum => datum[X_AXIS_DATA_KEY])))
+      computeNumericDataInverval(
+        dataset.map((datum) => datum[X_AXIS_DATA_KEY]),
+      ))
     : undefined;
 
   const valuesCount = isScatter
-    ? new Set(dataset.map(datum => datum[X_AXIS_DATA_KEY])).size
+    ? new Set(dataset.map((datum) => datum[X_AXIS_DATA_KEY])).size
     : dataset.length;
 
   return {
@@ -891,7 +897,9 @@ function getTimeSeriesXAxisInfo(
   // 3. timezone - what timezone are values in? days vary in length by timezone
   const unit = minTimeseriesUnit(
     getObjectValues(dimensionModel.columnByCardId)
-      .map(column => (isAbsoluteDateTimeUnit(column.unit) ? column.unit : null))
+      .map((column) =>
+        isAbsoluteDateTimeUnit(column.unit) ? column.unit : null,
+      )
       .filter(isNotNull),
   );
   const { timezone, offsetMinutes } = getTimezoneOrOffset(
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/dataset.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/dataset.ts
index c6dec58e3e8..d734beea891 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/dataset.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/dataset.ts
@@ -151,7 +151,7 @@ export const getJoinedCardsDataset = (
       card,
       data: { rows, cols },
     } = cardSeries;
-    const datasetColumns = cols.map(column => ({
+    const datasetColumns = cols.map((column) => ({
       column,
       isMetric: isMetric(column),
     }));
@@ -205,7 +205,7 @@ export const transformDataset = (
 ): ChartDataset => {
   // Filter out transforms that don't apply
   const effectiveTransforms = transforms
-    .map(transform => {
+    .map((transform) => {
       if (typeof transform === "function") {
         return transform;
       } else if (transform.condition) {
@@ -236,12 +236,12 @@ export const computeTotal = (datum: Datum, keys: DataKey[]): number =>
 export const getNormalizedDatasetTransform = (
   stackModels: StackModel[],
 ): TransformFn => {
-  return datum => {
+  return (datum) => {
     const normalizedDatum = {
       ...datum,
     };
 
-    stackModels.forEach(stackModel => {
+    stackModels.forEach((stackModel) => {
       const total = computeTotal(datum, stackModel.seriesKeys);
 
       // Compute normalized values for metrics
@@ -260,7 +260,7 @@ export const getKeyBasedDatasetTransform = (
   keys: DataKey[],
   valueTransform: (value: RowValue) => RowValue,
 ): TransformFn => {
-  return datum => {
+  return (datum) => {
     const transformedRecord = { ...datum };
     for (const key of keys) {
       if (key in datum) {
@@ -277,14 +277,14 @@ export const getNullReplacerTransform = (
 ): TransformFn => {
   const replaceNullsWithZeroDataKeys = seriesModels
     .filter(
-      seriesModel =>
+      (seriesModel) =>
         settings.series(seriesModel.legacySeriesSettingsObjectKey)[
           "line.missing"
         ] === "zero",
     )
-    .map(seriesModel => seriesModel.dataKey);
+    .map((seriesModel) => seriesModel.dataKey);
 
-  return datum => {
+  return (datum) => {
     const transformedDatum = { ...datum };
     for (const key of replaceNullsWithZeroDataKeys) {
       transformedDatum[key] = datum[key] != null ? datum[key] : 0;
@@ -297,7 +297,7 @@ const hasInterpolatedAreaSeries = (
   seriesModels: SeriesModel[],
   settings: ComputedVisualizationSettings,
 ) => {
-  return seriesModels.some(seriesModel => {
+  return seriesModels.some((seriesModel) => {
     const seriesSettings = settings.series(
       seriesModel.legacySeriesSettingsObjectKey,
     );
@@ -319,7 +319,7 @@ const getStackedAreasInterpolateTransform = (
   const areaStackSeriesKeysSet = new Set(areaStackSeriesKeys);
   return (datum: Datum) => {
     const hasAtLeastOneSeriesValue = areaStackSeriesKeys.some(
-      key => datum[key] != null,
+      (key) => datum[key] != null,
     );
     if (!hasAtLeastOneSeriesValue) {
       return datum;
@@ -342,7 +342,7 @@ function getOtherSeriesTransform(
 ): ConditionalTransform {
   return {
     condition: groupedSeriesModels.length > 0,
-    fn: datum => ({
+    fn: (datum) => ({
       ...datum,
       [OTHER_DATA_KEY]: getAggregatedOtherSeriesValue(
         groupedSeriesModels,
@@ -368,7 +368,7 @@ function getStackedValueTransformFunction(
       //    value we are currently stacking
       const belowSeriesKeys = Object.keys(transformedSeriesValues);
       const rawBelowTotal = belowSeriesKeys
-        .map(belowSeriesKey => datum[belowSeriesKey])
+        .map((belowSeriesKey) => datum[belowSeriesKey])
         .reduce((total: number, rowValue) => {
           if (typeof rowValue !== "number") {
             return total;
@@ -395,7 +395,7 @@ function getStackedValueTransformFunction(
         transformedTotal - transformedRawBelowTotal;
     }
 
-    seriesDataKeys.forEach(seriesDataKey => {
+    seriesDataKeys.forEach((seriesDataKey) => {
       getStackedTransformedValue(
         seriesDataKey,
         getNumberOrZero(datum[seriesDataKey]) >= 0 ? "+" : "-",
@@ -416,7 +416,7 @@ function getStackedValueTransform(
 
   const isNonLinearAxis = isPow || isLog;
 
-  return stackModels.map(stackModel => ({
+  return stackModels.map((stackModel) => ({
     condition: isNonLinearAxis,
     fn: getStackedValueTransformFunction(
       stackModel.seriesKeys,
@@ -434,7 +434,7 @@ function getStackedDataLabelTransform(
     fn: (datum: Datum) => {
       const transformedDatum = { ...datum };
 
-      seriesDataKeys.forEach(seriesDataKey => {
+      seriesDataKeys.forEach((seriesDataKey) => {
         const value = datum[seriesDataKey];
         if (typeof value !== "number") {
           return;
@@ -532,13 +532,13 @@ export function replaceZeroesForLogScale(
   let minNonZeroValue = Infinity;
   let sign: number | undefined = undefined;
 
-  dataset.forEach(datum => {
+  dataset.forEach((datum) => {
     const datumNumericValues = seriesDataKeys
-      .map(key => getNumberOr(datum[key], null))
+      .map((key) => getNumberOr(datum[key], null))
       .filter(isNotNull);
 
-    const hasPositive = datumNumericValues.some(value => value > 0);
-    const hasNegative = datumNumericValues.some(value => value < 0);
+    const hasPositive = datumNumericValues.some((value) => value > 0);
+    const hasNegative = datumNumericValues.some((value) => value < 0);
 
     if (sign === undefined && hasPositive) {
       sign = 1;
@@ -554,8 +554,8 @@ export function replaceZeroesForLogScale(
     minNonZeroValue = Math.min(
       minNonZeroValue,
       ...datumNumericValues
-        .map(value => Math.abs(value))
-        .filter(number => number !== 0),
+        .map((value) => Math.abs(value))
+        .filter((number) => number !== 0),
     );
   });
 
@@ -659,7 +659,7 @@ export function scaleDataset(
     return transformedRecord;
   };
 
-  return dataset.map(datum => {
+  return dataset.map((datum) => {
     return transformFn(datum);
   });
 }
@@ -671,15 +671,15 @@ const getYAxisScaleTransforms = (
   settings: ComputedVisualizationSettings,
 ) => {
   const stackedSeriesKeys = new Set(
-    stackModels.flatMap(stackModel => stackModel.seriesKeys),
+    stackModels.flatMap((stackModel) => stackModel.seriesKeys),
   );
   const nonStackedSeriesKeys = seriesModels
-    .filter(seriesModel => !stackedSeriesKeys.has(seriesModel.dataKey))
-    .map(seriesModel => seriesModel.dataKey);
+    .filter((seriesModel) => !stackedSeriesKeys.has(seriesModel.dataKey))
+    .map((seriesModel) => seriesModel.dataKey);
 
   const nonStackedTransform = getKeyBasedDatasetTransform(
     nonStackedSeriesKeys,
-    value => yAxisScaleTransforms.toEChartsAxisValue(value),
+    (value) => yAxisScaleTransforms.toEChartsAxisValue(value),
   );
   const stackedTransforms = getStackedValueTransform(
     settings,
@@ -710,13 +710,13 @@ export const applyVisualizationSettingsDataTransformations = (
   settings: ComputedVisualizationSettings,
   showWarning?: ShowWarning,
 ) => {
-  const barSeriesModels = seriesModels.filter(seriesModel => {
+  const barSeriesModels = seriesModels.filter((seriesModel) => {
     const seriesSettings = settings.series(
       seriesModel.legacySeriesSettingsObjectKey,
     );
     return seriesSettings.display === "bar";
   });
-  const seriesDataKeys = seriesModels.map(seriesModel => seriesModel.dataKey);
+  const seriesDataKeys = seriesModels.map((seriesModel) => seriesModel.dataKey);
 
   if (
     isNumericAxis(xAxisModel) ||
@@ -756,7 +756,7 @@ export const applyVisualizationSettingsDataTransformations = (
     ),
     {
       condition: isCategoryAxis(xAxisModel),
-      fn: getKeyBasedDatasetTransform([X_AXIS_DATA_KEY], value => {
+      fn: getKeyBasedDatasetTransform([X_AXIS_DATA_KEY], (value) => {
         return isCategoryAxis(xAxisModel) && value == null
           ? ECHARTS_CATEGORY_AXIS_NULL_VALUE
           : value;
@@ -764,7 +764,7 @@ export const applyVisualizationSettingsDataTransformations = (
     },
     {
       condition: isNumericAxis(xAxisModel) || isTimeSeriesAxis(xAxisModel),
-      fn: getKeyBasedDatasetTransform([X_AXIS_DATA_KEY], value => {
+      fn: getKeyBasedDatasetTransform([X_AXIS_DATA_KEY], (value) => {
         return isNumericAxis(xAxisModel) || isTimeSeriesAxis(xAxisModel)
           ? xAxisModel.toEChartsAxisValue(value)
           : value;
@@ -778,7 +778,7 @@ export const applyVisualizationSettingsDataTransformations = (
         hasInterpolatedAreaSeries(seriesModels, settings),
       fn: getStackedAreasInterpolateTransform(
         seriesModels,
-        stackModels.find(stackModel => stackModel.display === "area")
+        stackModels.find((stackModel) => stackModel.display === "area")
           ?.seriesKeys ?? [],
       ),
     },
@@ -855,10 +855,10 @@ export const getSortedSeriesModels = (
   // Overall, this is bad to not having a name and key distinction between breakout series with such values and we should fix this.
   const usedDataKeys = new Set();
   const orderedSeriesModels = breakoutSeriesOrder
-    .filter(orderSetting => orderSetting.enabled)
-    .map(orderSetting => {
+    .filter((orderSetting) => orderSetting.enabled)
+    .map((orderSetting) => {
       const foundSeries = seriesModels.find(
-        seriesModel =>
+        (seriesModel) =>
           seriesModel.vizSettingsKey === orderSetting.key &&
           !usedDataKeys.has(seriesModel.dataKey),
       );
@@ -893,7 +893,7 @@ export const replaceValues = (
   dataset: ChartDataset,
   replacer: ReplacerFn,
 ): ChartDataset => {
-  return dataset.map(datum => {
+  return dataset.map((datum) => {
     return getObjectKeys(datum).reduce((updatedRow, dataKey) => {
       updatedRow[dataKey] = replacer(dataKey, datum[dataKey]);
       return updatedRow;
@@ -924,7 +924,7 @@ export const getDatasetExtents = (
 export const getSeriesExtent = (dataset: ChartDataset, key: DataKey) => {
   let extent: Extent | null = null;
 
-  dataset.forEach(datum => {
+  dataset.forEach((datum) => {
     const value = datum[key];
 
     if (typeof value !== "number" || !Number.isFinite(value)) {
@@ -959,7 +959,7 @@ export const getCardColumnByDataKeyMap = (
   return data.cols.reduce(
     (acc, column) => {
       if (breakoutValues != null) {
-        breakoutValues.forEach(breakoutValue => {
+        breakoutValues.forEach((breakoutValue) => {
           acc[getDatasetKey(column, card.id, breakoutValue)] = column;
         });
       } else {
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/dataset.unit.spec.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/dataset.unit.spec.ts
index defa3a8b2e7..8bb01c25435 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/dataset.unit.spec.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/dataset.unit.spec.ts
@@ -60,7 +60,7 @@ describe("dataset transform functions", () => {
     axisType: "category",
     isHistogram: false,
     valuesCount: 3,
-    formatter: value => String(value),
+    formatter: (value) => String(value),
   };
 
   describe("getDatasetKey", () => {
@@ -335,7 +335,7 @@ describe("dataset transform functions", () => {
         originalDataset,
         [
           {
-            seriesKeys: seriesModels.map(seriesModel => seriesModel.dataKey),
+            seriesKeys: seriesModels.map((seriesModel) => seriesModel.dataKey),
             display: "bar",
             axis: "left",
           },
@@ -426,9 +426,9 @@ describe("dataset transform functions", () => {
         },
         timezone: "UTC",
         range: [dayjs(), dayjs()],
-        formatter: value => String(value),
+        formatter: (value) => String(value),
         fromEChartsAxisValue: () => dayjs(),
-        toEChartsAxisValue: val => String(val),
+        toEChartsAxisValue: (val) => String(val),
       };
 
       it("should replace missing values with zeros based on the x-axis interval", () => {
@@ -501,9 +501,9 @@ describe("dataset transform functions", () => {
         interval: { unit: "year", count: 100 },
         timezone: "UTC",
         range: [dayjs(), dayjs()],
-        formatter: value => String(value),
+        formatter: (value) => String(value),
         fromEChartsAxisValue: () => dayjs(),
-        toEChartsAxisValue: val => String(val),
+        toEChartsAxisValue: (val) => String(val),
       };
 
       const seriesModels = [createMockSeriesModel({ dataKey: "count" })];
@@ -617,7 +617,7 @@ describe("dataset transform functions", () => {
       expect(result[2][X_AXIS_DATA_KEY]).toBe("2022-03-01");
     });
 
-    it.each(numericScale)("should sort numeric datasets", xAxisScale => {
+    it.each(numericScale)("should sort numeric datasets", (xAxisScale) => {
       const dataset = [
         { [X_AXIS_DATA_KEY]: 1000, [seriesKey]: 10 },
         { [X_AXIS_DATA_KEY]: 1, [seriesKey]: 5 },
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/index.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/index.ts
index fbbb3ec8e62..09bd9a811b5 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/index.ts
@@ -62,7 +62,7 @@ export const getCardsColumns = (
   rawSeries: RawSeries,
   settings: ComputedVisualizationSettings,
 ) => {
-  return rawSeries.map(series => {
+  return rawSeries.map((series) => {
     const { data } = series;
     // When multiple cards are combined on a dashboard card, computed visualization settings contain
     // dimensions and metrics settings of the first card only which is not correct.
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/legend.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/legend.ts
index d6c22da616c..6c7ce8745c2 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/legend.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/legend.ts
@@ -13,7 +13,7 @@ export const getLegendItems = (
     return [];
   }
 
-  return seriesModels.map(seriesModel => ({
+  return seriesModels.map((seriesModel) => ({
     key: seriesModel.dataKey,
     name: seriesModel.name,
     color: seriesModel.color,
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/other-series.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/other-series.ts
index 7500c145161..7315140ff3f 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/other-series.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/other-series.ts
@@ -84,7 +84,7 @@ export const getAggregatedOtherSeriesValue = (
   datum: Datum,
 ): number => {
   const aggregation = AGGREGATION_FN_MAP[aggregationType];
-  const values = seriesModels.map(model =>
+  const values = seriesModels.map((model) =>
     checkNumber(datum[model.dataKey] ?? 0),
   );
   return aggregation.fn(values);
@@ -165,7 +165,7 @@ const AGGREGATION_FN_MAP: Record<
       label: t`Standard deviation`,
       fn: (values: number[]) => {
         const mean = sum(values) / values.length;
-        const squaredDifferences = values.map(v => (v - mean) ** 2);
+        const squaredDifferences = values.map((v) => (v - mean) ** 2);
         const variance = sum(squaredDifferences) / values.length;
         return Math.sqrt(variance);
       },
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/series.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/series.ts
index ccfe34f2a69..01efa356ff3 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/series.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/series.ts
@@ -92,7 +92,7 @@ const createLegacySeriesObjectKey = (
 export const getBreakoutDistinctValues = (
   data: DatasetData,
   breakoutIndex: number,
-) => Array.from(new Set<RowValue>(data.rows.map(row => row[breakoutIndex])));
+) => Array.from(new Set<RowValue>(data.rows.map((row) => row[breakoutIndex])));
 
 const getDefaultSeriesName = (
   columnDisplayNameOrFormattedBreakoutValue: string,
@@ -161,7 +161,7 @@ export const getCardSeriesModels = (
 
   // Charts without breakout have one series per selected metric column.
   if (!hasBreakout) {
-    return columns.metrics.map(metric => {
+    return columns.metrics.map((metric) => {
       const vizSettingsKey = getSeriesVizSettingsKey(
         metric.column,
         hasMultipleCards,
@@ -212,7 +212,7 @@ export const getCardSeriesModels = (
   const { metric, breakout } = columns;
   const breakoutValues = getBreakoutDistinctValues(data, breakout.index);
 
-  return breakoutValues.map(breakoutValue => {
+  return breakoutValues.map((breakoutValue) => {
     // Unfortunately, breakout series include formatted breakout values in the key
     // which can be different based on a user's locale.
     const formattedBreakoutValue =
@@ -297,7 +297,7 @@ export function getStackTotalValue(
   signKey: StackTotalDataKey,
 ): number | null {
   let stackValue: number | null = data[signKey] != null ? 0 : null;
-  stackDataKeys.forEach(stackDataKey => {
+  stackDataKeys.forEach((stackDataKey) => {
     const seriesValue = data[stackDataKey];
     if (
       typeof seriesValue === "number" &&
@@ -326,7 +326,7 @@ function shouldRenderCompact(
   }
   // for "auto" we use compact if it shortens avg label length by >3 chars
   const getAvgLength = (compact: boolean) => {
-    const lengths = dataset.map(datum => {
+    const lengths = dataset.map((datum) => {
       const value = getValue(datum);
       return (compact ? compactFormatter(value) : fullFormatter(value)).length;
     });
@@ -367,7 +367,7 @@ export function getWaterfallChartDataDensity(
     size: CHART_STYLE.seriesLabels.size,
   };
 
-  dataset.forEach(datum => {
+  dataset.forEach((datum) => {
     const value = datum[WATERFALL_VALUE_KEY];
 
     if (value == null) {
@@ -413,11 +413,11 @@ export function getComboChartDataDensity(
     stackModels,
     settings,
   );
-  const seriesWithSymbols = seriesModels.filter(seriesModel => {
+  const seriesWithSymbols = seriesModels.filter((seriesModel) => {
     const seriesSettings = seriesSettingsByDataKey[seriesModel.dataKey];
     return ["area", "line"].includes(seriesSettings.display ?? "");
   });
-  const seriesWithLabels = seriesModels.filter(seriesModel => {
+  const seriesWithLabels = seriesModels.filter((seriesModel) => {
     const seriesSettings = seriesSettingsByDataKey[seriesModel.dataKey];
     if (
       ["area", "bar"].includes(seriesSettings.display ?? "") &&
@@ -441,9 +441,9 @@ export function getComboChartDataDensity(
     size: CHART_STYLE.seriesLabels.size,
   };
 
-  dataset.forEach(datum => {
+  dataset.forEach((datum) => {
     totalNumberOfDots += seriesWithSymbols.filter(
-      seriesModel => datum[seriesModel.dataKey] != null,
+      (seriesModel) => datum[seriesModel.dataKey] != null,
     ).length;
 
     // if we will not be displaying any labels, we do not have to calculate the
@@ -456,7 +456,7 @@ export function getComboChartDataDensity(
     }
 
     // series labels count + label width sum
-    seriesWithLabels.forEach(seriesModel => {
+    seriesWithLabels.forEach((seriesModel) => {
       const value = datum[seriesModel.dataKey];
 
       if (value != null) {
@@ -471,7 +471,7 @@ export function getComboChartDataDensity(
 
     // stacked labels count + stacked label width sum
     if (settings["stackable.stack_type"] !== "normalized") {
-      stackModels.forEach(stackModel => {
+      stackModels.forEach((stackModel) => {
         const formatter = stackedLabelsFormatters[stackModel.display];
 
         const positiveStackTotal = getStackTotalValue(
@@ -519,11 +519,11 @@ export function getComboChartDataDensity(
   const seriesDataKeysWithLabels: DataKey[] = [];
   const stackedDisplayWithLabels: StackDisplay[] = [];
   seriesDataKeysWithLabels.push(
-    ...seriesWithLabels.map(series => series.dataKey),
+    ...seriesWithLabels.map((series) => series.dataKey),
   );
   if (settings["stackable.stack_type"] !== "normalized") {
     stackedDisplayWithLabels.push(
-      ...stackModels.map(stackModel => stackModel.display),
+      ...stackModels.map((stackModel) => stackModel.display),
     );
   }
 
@@ -554,7 +554,7 @@ export function getDisplaySeriesSettingsByDataKey(
 
   if (stackModels != null) {
     stackModels.forEach(({ display, seriesKeys }) => {
-      seriesKeys.forEach(seriesKey => {
+      seriesKeys.forEach((seriesKey) => {
         seriesSettingsByKey[seriesKey].display = display;
       });
     });
@@ -579,7 +579,7 @@ const getStackTotalsFormatters = (
   }
 
   return stackModels.map(({ display: stackName, seriesKeys }) => {
-    const seriesModel = seriesModels.find(s => s.dataKey === seriesKeys[0]);
+    const seriesModel = seriesModels.find((s) => s.dataKey === seriesKeys[0]);
     if (!seriesModel) {
       throw new Error(`Missing series model for data key: ${seriesKeys[0]}`);
     }
@@ -602,7 +602,7 @@ const getStackTotalsFormatters = (
       // if either positive or negative need to be compact formatted
       // compact format both
       isCompact = [POSITIVE_STACK_TOTAL_DATA_KEY, NEGATIVE_STACK_TOTAL_DATA_KEY]
-        .map(signKey => {
+        .map((signKey) => {
           const getValue = (datum: Datum) =>
             getStackTotalValue(datum, seriesKeys, signKey);
 
@@ -614,7 +614,7 @@ const getStackTotalsFormatters = (
             settings,
           );
         })
-        .some(isCompact => isCompact);
+        .some((isCompact) => isCompact);
     } else {
       isCompact = settings["graph.label_value_formatting"] === "compact";
     }
@@ -634,7 +634,7 @@ const createSeriesLabelsFormatter = (
   formattingOptions: OptionsType,
   settings: ComputedVisualizationSettings,
 ) =>
-  memoize(value => {
+  memoize((value) => {
     if (typeof value !== "number") {
       return "";
     }
@@ -655,7 +655,7 @@ const getSeriesLabelsFormattingInfo = (
   dataset: ChartDataset,
   settings: ComputedVisualizationSettings,
 ) => {
-  return seriesModels.map(seriesModel => {
+  return seriesModels.map((seriesModel) => {
     const getValue = (datum: Datum) => datum[seriesModel.dataKey];
 
     const compactFormatter = createSeriesLabelsFormatter(
@@ -702,7 +702,7 @@ const getSeriesLabelsFormatters = (
     return [];
   }
 
-  const seriesModelsWithLabels = seriesModels.filter(seriesModel => {
+  const seriesModelsWithLabels = seriesModels.filter((seriesModel) => {
     const seriesSettings =
       settings.series(seriesModel.legacySeriesSettingsObjectKey) ?? {};
 
@@ -711,10 +711,10 @@ const getSeriesLabelsFormatters = (
 
   // Non-stacked series formatters
   const stackedSeriesKeys = new Set(
-    stackModels.flatMap(stackModel => stackModel.seriesKeys),
+    stackModels.flatMap((stackModel) => stackModel.seriesKeys),
   );
   const nonStackedSeries = seriesModelsWithLabels.filter(
-    seriesModel => !stackedSeriesKeys.has(seriesModel.dataKey),
+    (seriesModel) => !stackedSeriesKeys.has(seriesModel.dataKey),
   );
 
   const nonStackedSeriesFormattingInfo = getSeriesLabelsFormattingInfo(
@@ -733,10 +733,10 @@ const getSeriesLabelsFormatters = (
   }
 
   const barStackSeriesKeys = new Set(
-    stackModels.find(stackModel => stackModel.display === "bar")?.seriesKeys ??
-      [],
+    stackModels.find((stackModel) => stackModel.display === "bar")
+      ?.seriesKeys ?? [],
   );
-  const barStackSeries = seriesModelsWithLabels.filter(seriesModel =>
+  const barStackSeries = seriesModelsWithLabels.filter((seriesModel) =>
     barStackSeriesKeys.has(seriesModel.dataKey),
   );
   const barSeriesLabelsFormattingInfo = getSeriesLabelsFormattingInfo(
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/stack.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/stack.ts
index 5c294cea3f6..a0bfee863ac 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/stack.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/stack.ts
@@ -15,13 +15,13 @@ export const getStackModels = (
 
   const seriesModelsByDisplay = _.groupBy(
     seriesModels,
-    seriesModel =>
+    (seriesModel) =>
       settings.series(seriesModel.legacySeriesSettingsObjectKey).display,
   );
 
   return getObjectKeys(seriesModelsByDisplay)
-    .filter(display => display === "bar" || display === "area")
-    .map(display => {
+    .filter((display) => display === "bar" || display === "area")
+    .map((display) => {
       const stackSeriesModels = seriesModelsByDisplay[display];
 
       let axis: "left" | "right";
@@ -29,7 +29,7 @@ export const getStackModels = (
         axis = "left";
       } else {
         axis = stackSeriesModels.every(
-          seriesModel =>
+          (seriesModel) =>
             settings.series(seriesModel.legacySeriesSettingsObjectKey)?.axis ===
             "right",
         )
@@ -41,7 +41,7 @@ export const getStackModels = (
         axis,
         display: display as "bar" | "area", // Ensured by filtering above
         seriesKeys: seriesModelsByDisplay[display].map(
-          seriesModel => seriesModel.dataKey,
+          (seriesModel) => seriesModel.dataKey,
         ),
       };
     });
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/transforms.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/transforms.ts
index 354b6b8c896..ceeade02e27 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/transforms.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/transforms.ts
@@ -20,20 +20,20 @@ export function getAxisTransforms(
 ): NumericAxisScaleTransforms {
   if (scale === "pow") {
     return {
-      toEChartsAxisValue: value => {
+      toEChartsAxisValue: (value) => {
         if (!isNumber(value)) {
           return null;
         }
         return signedSquareRoot(value);
       },
-      fromEChartsAxisValue: value => {
+      fromEChartsAxisValue: (value) => {
         return Math.pow(value, 2) * getSign(value);
       },
     };
   }
   if (scale === "log") {
     return {
-      toEChartsAxisValue: value => {
+      toEChartsAxisValue: (value) => {
         if (!isNumber(value)) {
           return null;
         }
@@ -44,19 +44,19 @@ export function getAxisTransforms(
 
         return signedLog(value);
       },
-      fromEChartsAxisValue: value => {
+      fromEChartsAxisValue: (value) => {
         return Math.pow(10, Math.abs(value)) * getSign(value);
       },
     };
   }
 
   return {
-    toEChartsAxisValue: value => {
+    toEChartsAxisValue: (value) => {
       if (!isNumber(value)) {
         return null;
       }
       return value;
     },
-    fromEChartsAxisValue: value => value,
+    fromEChartsAxisValue: (value) => value,
   };
 }
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/model/trend-line.ts b/frontend/src/metabase/visualizations/echarts/cartesian/model/trend-line.ts
index 839e3cbad4d..dbcd6b5bbbd 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/model/trend-line.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/model/trend-line.ts
@@ -39,20 +39,20 @@ const getSeriesModelsWithTrends = (
   seriesModels: SeriesModel[],
 ): [SeriesModel, TrendFn][] => {
   return seriesModels
-    .map(seriesModel => {
+    .map((seriesModel) => {
       // Breakout series do not support trend lines because the data grouping happens on the client
       if ("breakoutColumn" in seriesModel) {
         return null;
       }
 
       const seriesDataset = rawSeries.find(
-        series =>
+        (series) =>
           series.card.id === seriesModel.cardId ||
           (series.card.id == null && seriesModel.cardId == null),
       )?.data;
 
       const insight = seriesDataset?.insights?.find(
-        insight => insight.col === seriesModel.column.name,
+        (insight) => insight.col === seriesModel.column.name,
       );
 
       if (!insight) {
@@ -82,8 +82,8 @@ const getLimitTrendLineTransform = (
   return (datum: Datum) => {
     const transformedDatum = { ...datum };
 
-    seriesModels.forEach(seriesModel => {
-      const axis = yAxisModels.find(yAxisModel =>
+    seriesModels.forEach((seriesModel) => {
+      const axis = yAxisModels.find((yAxisModel) =>
         yAxisModel?.seriesKeys.includes(seriesModel.sourceDataKey),
       );
 
@@ -129,7 +129,7 @@ export const getTrendLines = (
   }
 
   const visibleSeriesModels = seriesModels.filter(
-    seriesModel => seriesModel.visible,
+    (seriesModel) => seriesModel.visible,
   );
 
   const seriesModelsWithTrends = getSeriesModelsWithTrends(
@@ -141,7 +141,7 @@ export const getTrendLines = (
     return;
   }
 
-  const dataset = chartDataset.map(datum => {
+  const dataset = chartDataset.map((datum) => {
     const trendDatum: Datum = {
       [X_AXIS_DATA_KEY]: datum[X_AXIS_DATA_KEY],
     };
@@ -171,20 +171,20 @@ export const getTrendLines = (
       columnIndex: seriesModel.columnIndex,
     }),
   );
-  const dataKeys = trendSeriesModels.map(seriesModel => seriesModel.dataKey);
+  const dataKeys = trendSeriesModels.map((seriesModel) => seriesModel.dataKey);
 
   const scaledTrendDataset = scaleDataset(dataset, trendSeriesModels, settings);
   const transformedDataset = transformDataset(scaledTrendDataset, [
     {
       condition: settings["stackable.stack_type"] === "normalized",
       fn: getNormalizedDatasetTransform(
-        stackModels.map(stackModel => ({
+        stackModels.map((stackModel) => ({
           ...stackModel,
           seriesKeys: stackModel.seriesKeys.map(getTrendKeyForSeries),
         })),
       ),
     },
-    getKeyBasedDatasetTransform(dataKeys, value =>
+    getKeyBasedDatasetTransform(dataKeys, (value) =>
       yAxisScaleTransforms.toEChartsAxisValue(value),
     ),
     {
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/option/axis.ts b/frontend/src/metabase/visualizations/echarts/cartesian/option/axis.ts
index eebdb48fe0c..6e5e1927cd5 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/option/axis.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/option/axis.ts
@@ -417,7 +417,7 @@ export const buildMetricAxis = (
       show: !!settings["graph.y_axis.axis_enabled"],
       ...getTicksDefaultOption(renderingContext),
       // @ts-expect-error TODO: figure out EChart types
-      formatter: rawValue =>
+      formatter: (rawValue) =>
         axisModel.formatter(
           yAxisScaleTransforms.fromEChartsAxisValue(rawValue),
         ),
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/option/index.ts b/frontend/src/metabase/visualizations/echarts/cartesian/option/index.ts
index 81530908709..18e6ea103d4 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/option/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/option/index.ts
@@ -80,7 +80,7 @@ export const getCartesianChartOption = (
     goalSeriesOption,
     trendSeriesOption,
     timelineEventsSeries,
-  ].flatMap(option => option ?? []);
+  ].flatMap((option) => option ?? []);
 
   // dataset option
   const dimensions = [
@@ -88,12 +88,12 @@ export const getCartesianChartOption = (
     OTHER_DATA_KEY,
     POSITIVE_STACK_TOTAL_DATA_KEY,
     NEGATIVE_STACK_TOTAL_DATA_KEY,
-    ...chartModel.seriesModels.map(seriesModel => [
+    ...chartModel.seriesModels.map((seriesModel) => [
       seriesModel.dataKey,
       getBarSeriesDataLabelKey(seriesModel.dataKey, "+"),
       getBarSeriesDataLabelKey(seriesModel.dataKey, "-"),
     ]),
-  ].flatMap(dimension => dimension);
+  ].flatMap((dimension) => dimension);
 
   const echartsDataset = [
     {
@@ -111,7 +111,7 @@ export const getCartesianChartOption = (
       source: chartModel.trendLinesModel?.dataset as OptionSourceData,
       dimensions: [
         X_AXIS_DATA_KEY,
-        ...chartModel.trendLinesModel?.seriesModels.map(s => s.dataKey),
+        ...chartModel.trendLinesModel?.seriesModels.map((s) => s.dataKey),
       ],
     });
   }
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/option/series.ts b/frontend/src/metabase/visualizations/echarts/cartesian/option/series.ts
index e6da7f35715..089e5fc7082 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/option/series.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/option/series.ts
@@ -73,7 +73,7 @@ export const getBarLabelLayout =
     settings: ComputedVisualizationSettings,
     seriesDataKey: DataKey,
   ): BarSeriesOption["labelLayout"] =>
-  params => {
+  (params) => {
     const { dataIndex, rect } = params;
     if (dataIndex == null) {
       return {};
@@ -102,7 +102,7 @@ export const getBarInsideLabelLayout =
     seriesDataKey: DataKey,
     ticksRotation?: TicksRotation,
   ): BarSeriesOption["labelLayout"] =>
-  params => {
+  (params) => {
     const { dataIndex, rect, labelRect } = params;
     if (dataIndex == null) {
       return {};
@@ -247,7 +247,7 @@ function getSelectionFrequency(
 
   const seriesIndex = _.findIndex(
     seriesDataKeysWithLabels,
-    seriesDataKey => seriesDataKey === dataKey,
+    (seriesDataKey) => seriesDataKey === dataKey,
   );
   const selectionOffset = seriesIndex * stepOffset;
 
@@ -517,7 +517,7 @@ const buildEChartsBarSeries = (
   }
 
   const labelOptions: BarSeriesOption[] = ["+" as const, "-" as const].map(
-    sign => {
+    (sign) => {
       const labelDataKey = getBarSeriesDataLabelKey(seriesModel.dataKey, sign);
       return {
         ...getDataLabelSeriesOption(
@@ -531,7 +531,7 @@ const buildEChartsBarSeries = (
             chartWidth,
             settings,
             chartDataDensity,
-            datum => {
+            (datum) => {
               const value = datum[seriesModel.dataKey];
               const isZero = value === null && datum[labelDataKey] != null;
               return isZero ? 0 : value;
@@ -759,7 +759,7 @@ function getStackedSelectionFrequency(
 
   const stackedIndex = _.findIndex(
     stackedDisplayWithLabels,
-    stackDisplay => stackDisplay === stackName,
+    (stackDisplay) => stackDisplay === stackName,
   );
   const selectionOffset =
     (stackedIndex + seriesDataKeysWithLabels.length) * stepOffset;
@@ -776,13 +776,13 @@ export const getStackTotalsSeries = (
   renderingContext: RenderingContext,
 ) => {
   const seriesByStackName = _.groupBy(
-    seriesOptions.filter(s => s.stack != null),
+    seriesOptions.filter((s) => s.stack != null),
     "stack",
   );
 
-  return getObjectValues(seriesByStackName).flatMap(seriesOptions => {
+  return getObjectValues(seriesByStackName).flatMap((seriesOptions) => {
     const stackDataKeys = seriesOptions // we set string dataKeys as series IDs
-      .map(s => s.id)
+      .map((s) => s.id)
       .filter(isNotNull) as string[];
     const firstSeriesInStack = seriesOptions[0];
 
@@ -862,20 +862,20 @@ export const buildEChartsSeries = (
   );
 
   const barSeriesCount = Object.values(seriesSettingsByDataKey).filter(
-    seriesSettings => seriesSettings.display === "bar",
+    (seriesSettings) => seriesSettings.display === "bar",
   ).length;
 
   const hasMultipleSeries = chartModel.seriesModels.length > 1;
 
   const series = chartModel.seriesModels
-    .filter(seriesModel => seriesModel.visible)
-    .map(seriesModel => {
+    .filter((seriesModel) => seriesModel.visible)
+    .map((seriesModel) => {
       const seriesSettings = seriesSettingsByDataKey[seriesModel.dataKey];
       const yAxisIndex = seriesYAxisIndexByDataKey[seriesModel.dataKey];
       const stackName =
         chartModel.stackModels == null
           ? undefined
-          : chartModel.stackModels.find(stackModel =>
+          : chartModel.stackModels.find((stackModel) =>
               stackModel.seriesKeys.includes(seriesModel.dataKey),
             )?.display;
 
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/option/ticks.ts b/frontend/src/metabase/visualizations/echarts/cartesian/option/ticks.ts
index eccd0307679..4d3d2b35198 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/option/ticks.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/option/ticks.ts
@@ -35,7 +35,7 @@ export const getTicksOptions = (
   let minInterval: number | undefined;
   let maxInterval: number | undefined;
 
-  const xDomain = range.map(day => {
+  const xDomain = range.map((day) => {
     const adjustedDate = dayjs(toEChartsAxisValue(day.toISOString()));
     if (!adjustedDate) {
       throw new Error(`Invalid range dates: ${JSON.stringify(range)}`);
@@ -64,7 +64,7 @@ export const getTicksOptions = (
   // If the data interval is week but due to available space and the range of the chart
   // we decide to show monthly, yearly or even larger ticks, we should format ticks values as months.
   if (interval.unit === "week" && largestInterval.unit !== "week") {
-    formatter = value => {
+    formatter = (value) => {
       return xAxisModel.formatter(value, "month");
     };
   }
@@ -73,7 +73,7 @@ export const getTicksOptions = (
     return date.isAfter(paddedMin) && date.isBefore(paddedMax);
   };
 
-  let canRender: (value: Dayjs) => boolean = date => isWithinRange(date);
+  let canRender: (value: Dayjs) => boolean = (date) => isWithinRange(date);
 
   // HACK: ECharts does not support weekly ticks internally and even by specifying minInterval=*week_duration*
   // it will not produce correct weekly ticks prioritizing start of months ticks. A workaround to this is to
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/option/tooltip.tsx b/frontend/src/metabase/visualizations/echarts/cartesian/option/tooltip.tsx
index 1aba5917a9a..6b6ae80fe22 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/option/tooltip.tsx
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/option/tooltip.tsx
@@ -56,7 +56,7 @@ export const getTooltipOption = (
   return {
     ...getTooltipBaseOption(containerRef),
     trigger: "item",
-    formatter: params => {
+    formatter: (params) => {
       if (Array.isArray(params)) {
         return "";
       }
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/option/trend-line.ts b/frontend/src/metabase/visualizations/echarts/cartesian/option/trend-line.ts
index 08ba682ff82..a0601d4fa5b 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/option/trend-line.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/option/trend-line.ts
@@ -13,7 +13,7 @@ export function getTrendLinesOption(
   chartModel: BaseCartesianChartModel,
 ): LineSeriesOption[] {
   return (
-    chartModel.trendLinesModel?.seriesModels.map(trendSeries => ({
+    chartModel.trendLinesModel?.seriesModels.map((trendSeries) => ({
       type: "line",
       datasetIndex: 1,
       yAxisIndex: getSeriesYAxisIndex(trendSeries.sourceDataKey, chartModel),
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/scatter/model/dataset.ts b/frontend/src/metabase/visualizations/echarts/cartesian/scatter/model/dataset.ts
index 1b9d6e45b46..35e6b7a0824 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/scatter/model/dataset.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/scatter/model/dataset.ts
@@ -18,7 +18,7 @@ export function getScatterPlotDataset(
     } = cardSeries;
     const columnDescs = cardsColumns[index];
 
-    rows.forEach(row => {
+    rows.forEach((row) => {
       const datum: Datum = { [X_AXIS_DATA_KEY]: null };
 
       cols.forEach((column, columnIndex) => {
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/scatter/model/index.ts b/frontend/src/metabase/visualizations/echarts/cartesian/scatter/model/index.ts
index 79798ec4e1e..181d159f90d 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/scatter/model/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/scatter/model/index.ts
@@ -34,7 +34,7 @@ const getBubbleSizeDomain = (
   dataset: ChartDataset,
 ): Extent | null => {
   const bubbleSizeDataKeys = seriesModels
-    .map(seriesModel =>
+    .map((seriesModel) =>
       "bubbleSizeDataKey" in seriesModel &&
       seriesModel.bubbleSizeDataKey != null
         ? seriesModel.bubbleSizeDataKey
@@ -48,7 +48,7 @@ const getBubbleSizeDomain = (
 
   const bubbleSizeMaxValues = getObjectValues(
     getDatasetExtents(bubbleSizeDataKeys, dataset),
-  ).map(extent => extent[1]);
+  ).map((extent) => extent[1]);
   const bubbleSizeDomainMax = Math.max(...bubbleSizeMaxValues);
 
   return [0, bubbleSizeDomainMax];
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/scatter/option/index.ts b/frontend/src/metabase/visualizations/echarts/cartesian/scatter/option/index.ts
index 5b32fd365d6..ddb27268e02 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/scatter/option/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/scatter/option/index.ts
@@ -41,8 +41,8 @@ export function getScatterPlotOption(
     : null;
 
   const dataSeriesOptions: EChartsSeriesOption[] = chartModel.seriesModels
-    .filter(seriesModel => seriesModel.visible)
-    .map(seriesModel =>
+    .filter((seriesModel) => seriesModel.visible)
+    .map((seriesModel) =>
       buildEChartsScatterSeries(
         seriesModel,
         chartModel.bubbleSizeDomain,
@@ -64,11 +64,11 @@ export function getScatterPlotOption(
     goalSeriesOption,
     trendSeriesOption,
     timelineEventsSeries,
-  ].flatMap(option => option ?? []);
+  ].flatMap((option) => option ?? []);
 
   const dimensions = [
     X_AXIS_DATA_KEY,
-    ...chartModel.seriesModels.map(seriesModel => seriesModel.dataKey),
+    ...chartModel.seriesModels.map((seriesModel) => seriesModel.dataKey),
   ];
 
   const echartsDataset = [
@@ -87,7 +87,7 @@ export function getScatterPlotOption(
       source: chartModel.trendLinesModel?.dataset as OptionSourceData,
       dimensions: [
         X_AXIS_DATA_KEY,
-        ...chartModel.trendLinesModel?.seriesModels.map(s => s.dataKey),
+        ...chartModel.trendLinesModel?.seriesModels.map((s) => s.dataKey),
       ],
     });
   }
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/scatter/option/series.ts b/frontend/src/metabase/visualizations/echarts/cartesian/scatter/option/series.ts
index 4f25e23992f..174b76139c6 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/scatter/option/series.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/scatter/option/series.ts
@@ -26,7 +26,7 @@ function getBubbleDiameterScale(
     return MIN_BUBBLE_DIAMETER;
   }
   const areaRange = [MIN_BUBBLE_DIAMETER, MAX_BUBBLE_DIAMETER].map(
-    diameter => Math.PI * (diameter / 2) ** 2,
+    (diameter) => Math.PI * (diameter / 2) ** 2,
   );
   // Domain is [0, 1] since the `t` parameteter of the interpolate function below
   // is normalized to 0-1.
@@ -39,7 +39,7 @@ function getBubbleDiameterScale(
     // Then we plug the normalized value `t` into the `areaScale` to get the corrseponding area for that diameter.
     // We then take this area and convert it back to a diameter value
     // if area = π × (diameter ÷ 2)², then diameter = (2 × √area) ÷ π
-    .interpolate(() => t => (2 * Math.sqrt(areaScale(t))) / Math.PI)
+    .interpolate(() => (t) => (2 * Math.sqrt(areaScale(t))) / Math.PI)
     // Finally, D3 linearly maps that value into our defined min/max range.
     .range([MIN_BUBBLE_DIAMETER, MAX_BUBBLE_DIAMETER]);
 
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/timeline-events/model.ts b/frontend/src/metabase/visualizations/echarts/cartesian/timeline-events/model.ts
index ff0d59e6e8e..2b9e53e69c8 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/timeline-events/model.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/timeline-events/model.ts
@@ -84,7 +84,7 @@ export const mergeOverlappingTimelineEventGroups = (
 
   const mergedGroups: TimelineEventGroup[] = [];
 
-  sortedGroups.forEach(currentGroup => {
+  sortedGroups.forEach((currentGroup) => {
     if (mergedGroups.length === 0) {
       mergedGroups.push(currentGroup);
       return;
@@ -124,7 +124,7 @@ const getTimelineEventsInsideRange = (
   range: DateRange,
 ) => {
   const [min, max] = range;
-  return timelineEvents.filter(event => {
+  return timelineEvents.filter((event) => {
     return (
       (min.isSame(event.timestamp) || min.isBefore(event.timestamp)) &&
       (max.isSame(event.timestamp) || max.isAfter(event.timestamp))
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/timeline-events/option.ts b/frontend/src/metabase/visualizations/echarts/cartesian/timeline-events/option.ts
index 92469034376..db1853f354a 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/timeline-events/option.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/timeline-events/option.ts
@@ -50,7 +50,7 @@ export const getTimelineEventsSeries = (
 
   const timelineEventsData: MarkLine1DDataItemOption[] =
     timelineEventsModel.map(({ date, events }) => {
-      const isSelected = events.some(event =>
+      const isSelected = events.some((event) =>
         selectedEventsIds.includes(event.id),
       );
 
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.ts b/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.ts
index bc56795dc39..1108e703570 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.ts
@@ -100,23 +100,23 @@ export function computeTimeseriesDataInverval(
 
   // Always use 'day' when there's just one value.
   if (xValues.length === 1) {
-    return TIMESERIES_INTERVALS.find(i => i.unit === "day");
+    return TIMESERIES_INTERVALS.find((i) => i.unit === "day");
   }
 
   // run each interval's test function on each value
-  const valueLists = xValues.map(xValue => {
+  const valueLists = xValues.map((xValue) => {
     const parsed = parseTimestamp(xValue);
-    return TIMESERIES_INTERVALS.map(interval => interval.testFn(parsed));
+    return TIMESERIES_INTERVALS.map((interval) => interval.testFn(parsed));
   });
 
   // count the number of different values for each interval
-  const intervalCounts = _.zip(...valueLists).map(l => new Set(l).size);
+  const intervalCounts = _.zip(...valueLists).map((l) => new Set(l).size);
 
   // find the first interval that has multiple values. we'll subtract 1 to get the previous item later
-  let index = intervalCounts.findIndex(size => size !== 1);
+  let index = intervalCounts.findIndex((size) => size !== 1);
 
   // special case to check: did we get tripped up by the week interval?
-  const weekIndex = TIMESERIES_INTERVALS.findIndex(i => i.unit === "week");
+  const weekIndex = TIMESERIES_INTERVALS.findIndex((i) => i.unit === "week");
   if (index === weekIndex && intervalCounts[weekIndex + 1] === 1) {
     index = intervalCounts.findIndex(
       (size, index) => size !== 1 && index > weekIndex,
@@ -276,7 +276,7 @@ export function getTimezoneOrOffset(
 ): { timezone?: string; offsetMinutes?: number } {
   // Dashboard multiseries cards might have series with different timezones.
   const timezones = Array.from(
-    new Set(series.map(s => s.data.results_timezone)),
+    new Set(series.map((s) => s.data.results_timezone)),
   );
   if (timezones.length > 1) {
     showWarning?.(multipleTimezoneWarning(timezones).text);
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.tz.unit.spec.js b/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.tz.unit.spec.js
index 73388dcefc8..6d7225c12fb 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.tz.unit.spec.js
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.tz.unit.spec.js
@@ -3,7 +3,7 @@ import moment from "moment-timezone"; // eslint-disable-line no-restricted-impor
 import testAcrossTimezones from "__support__/timezones";
 import { computeTimeseriesDataInverval } from "metabase/visualizations/echarts/cartesian/utils/timeseries";
 
-testAcrossTimezones(reportTz => {
+testAcrossTimezones((reportTz) => {
   computeTimeseriesDataInverval;
 
   describe("computeTimeseriesDataInvervalIndex", () => {
@@ -17,7 +17,7 @@ testAcrossTimezones(reportTz => {
     ].map(([expectedUnit, expectedCount, data]) => {
       it(`should return ${expectedCount} ${expectedUnit}`, () => {
         // parse timestamps in reporting timezone and serialize
-        const xValues = data.map(d => moment.tz(d, reportTz).format());
+        const xValues = data.map((d) => moment.tz(d, reportTz).format());
 
         const { unit, count } = computeTimeseriesDataInverval(xValues);
 
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.unit.spec.js b/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.unit.spec.js
index 75a8fec03b1..61caa5f627a 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.unit.spec.js
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/utils/timeseries.unit.spec.js
@@ -91,7 +91,7 @@ describe("visualization.lib.timeseries", () => {
     TEST_CASES.map(([expectedUnit, expectedCount, data]) => {
       it(`should return ${expectedCount} ${expectedUnit}`, () => {
         const { unit, count } = computeTimeseriesDataInverval(
-          data.map(d => new Date(d)),
+          data.map((d) => new Date(d)),
         );
         expect(unit).toBe(expectedUnit);
         expect(count).toBe(expectedCount);
@@ -100,7 +100,7 @@ describe("visualization.lib.timeseries", () => {
 
     const units = ["minute", "hour", "day", "week", "month", "year"];
 
-    units.forEach(testUnit => {
+    units.forEach((testUnit) => {
       it(`should return one ${testUnit} when ${testUnit} interval is set`, () => {
         const { unit, count } = computeTimeseriesDataInverval(
           [
diff --git a/frontend/src/metabase/visualizations/echarts/cartesian/waterfall/option/index.ts b/frontend/src/metabase/visualizations/echarts/cartesian/waterfall/option/index.ts
index 6c54fb34e85..7771feff3c0 100644
--- a/frontend/src/metabase/visualizations/echarts/cartesian/waterfall/option/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/cartesian/waterfall/option/index.ts
@@ -43,7 +43,7 @@ const getLabelLayoutFn = (
   chartMeasurements: ChartMeasurements,
   settings: ComputedVisualizationSettings,
 ): LabelLayoutOptionCallback => {
-  return params => {
+  return (params) => {
     const { dataIndex, rect } = params;
     if (dataIndex == null) {
       return {};
@@ -238,7 +238,7 @@ export const getWaterfallChartOption = (
   const seriesOption: WaterfallSeriesOption[] = [
     dataSeriesOptions,
     timelineEventsSeries,
-  ].flatMap(option => option ?? []);
+  ].flatMap((option) => option ?? []);
 
   const echartsDataset = [{ source: chartModel.transformedDataset }];
 
diff --git a/frontend/src/metabase/visualizations/echarts/graph/sankey/layout/index.ts b/frontend/src/metabase/visualizations/echarts/graph/sankey/layout/index.ts
index 846ce66e5bb..237892996e7 100644
--- a/frontend/src/metabase/visualizations/echarts/graph/sankey/layout/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/graph/sankey/layout/index.ts
@@ -9,7 +9,7 @@ import type { SankeyChartModel, SankeyData } from "../model/types";
 import type { SankeyChartLayout } from "./types";
 
 const getLastLevelIndex = (sankeyData: SankeyData) =>
-  Math.max(...sankeyData.nodes.map(node => node.level));
+  Math.max(...sankeyData.nodes.map((node) => node.level));
 
 const getMostRightNodes = (
   sankeyData: SankeyData,
@@ -47,7 +47,7 @@ const getLabelValueFormatting = (
   }
 
   const maxEdgeLabelWidth = Math.max(
-    ...chartModel.data.links.map(edge => {
+    ...chartModel.data.links.map((edge) => {
       const formattedValue = chartModel.formatters.value(edge.value);
       return renderingContext.measureText(formattedValue, {
         ...SANKEY_CHART_STYLE.edgeLabels,
@@ -98,7 +98,7 @@ export const getSankeyLayout = (
   const maxRightLabelWidth = Math.max(
     ...mostRightNodes
       .map(({ node }) => chartModel.formatters.node(node))
-      .map(formattedNode =>
+      .map((formattedNode) =>
         renderingContext.measureText(formattedNode, {
           ...SANKEY_CHART_STYLE.nodeLabels,
           family: renderingContext.fontFamily,
diff --git a/frontend/src/metabase/visualizations/echarts/graph/sankey/model/dataset.ts b/frontend/src/metabase/visualizations/echarts/graph/sankey/model/dataset.ts
index da39176efd4..033716bb115 100644
--- a/frontend/src/metabase/visualizations/echarts/graph/sankey/model/dataset.ts
+++ b/frontend/src/metabase/visualizations/echarts/graph/sankey/model/dataset.ts
@@ -55,7 +55,7 @@ export const getSankeyData = (
   ] = rawSeries;
 
   // getColumnKey and isMetric are slow so we compute needed metadata here instead of when iterating through rows
-  const columnInfos = cols.map(column => ({
+  const columnInfos = cols.map((column) => ({
     key: getColumnKey(column),
     isMetric: isMetric(column),
   }));
@@ -114,7 +114,7 @@ export const getSankeyData = (
 
   const linkMap = new Map<string, SankeyLink>();
 
-  rows.forEach(row => {
+  rows.forEach((row) => {
     const source = row[sankeyColumns.source.index];
     const target = row[sankeyColumns.target.index];
     const value = row[sankeyColumns.value.index];
diff --git a/frontend/src/metabase/visualizations/echarts/graph/sankey/model/formatters.ts b/frontend/src/metabase/visualizations/echarts/graph/sankey/model/formatters.ts
index cebb97e3960..c572a8e6900 100644
--- a/frontend/src/metabase/visualizations/echarts/graph/sankey/model/formatters.ts
+++ b/frontend/src/metabase/visualizations/echarts/graph/sankey/model/formatters.ts
@@ -8,12 +8,12 @@ export const getSankeyFormatters = (
   columns: SankeyChartColumns,
   settings: ComputedVisualizationSettings,
 ): SankeyFormatters => {
-  const source = memoize(value => {
+  const source = memoize((value) => {
     return String(
       formatValue(value, settings.column?.(columns.source.column) ?? {}),
     );
   });
-  const target = memoize(value => {
+  const target = memoize((value) => {
     return String(
       formatValue(value, settings.column?.(columns.target.column) ?? {}),
     );
@@ -26,7 +26,7 @@ export const getSankeyFormatters = (
     node,
     source,
     target,
-    value: memoize(value => {
+    value: memoize((value) => {
       if (typeof value !== "number") {
         return "";
       }
@@ -34,7 +34,7 @@ export const getSankeyFormatters = (
         formatValue(value, settings.column?.(columns.value.column) ?? {}),
       );
     }),
-    valueCompact: memoize(value => {
+    valueCompact: memoize((value) => {
       if (typeof value !== "number") {
         return "";
       }
diff --git a/frontend/src/metabase/visualizations/echarts/graph/sankey/model/index.ts b/frontend/src/metabase/visualizations/echarts/graph/sankey/model/index.ts
index 0112be3d19e..ff9eb76ad4a 100644
--- a/frontend/src/metabase/visualizations/echarts/graph/sankey/model/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/graph/sankey/model/index.ts
@@ -27,7 +27,7 @@ export const getSankeyChartModel = (
   const data = getSankeyData(rawSeries, sankeyColumns);
 
   const nodeColors = getColorsForValues(
-    data.nodes.map(node => String(node.rawName)),
+    data.nodes.map((node) => String(node.rawName)),
   );
 
   return {
diff --git a/frontend/src/metabase/visualizations/echarts/graph/sankey/option/index.ts b/frontend/src/metabase/visualizations/echarts/graph/sankey/option/index.ts
index dea9210367e..45f6af4a1c4 100644
--- a/frontend/src/metabase/visualizations/echarts/graph/sankey/option/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/graph/sankey/option/index.ts
@@ -18,7 +18,7 @@ export const getSankeyChartOption = (
   renderingContext: RenderingContext,
 ): EChartsCoreOption => {
   const { data, formatters } = chartModel;
-  const nodes = data.nodes.map(node => {
+  const nodes = data.nodes.map((node) => {
     const formattedName = formatters.node(node);
 
     return {
@@ -30,7 +30,7 @@ export const getSankeyChartOption = (
       },
     };
   });
-  const links = data.links.map(link => ({
+  const links = data.links.map((link) => ({
     ...link,
     source: formatters.source(link.source),
     target: formatters.target(link.target),
@@ -62,7 +62,7 @@ export const getSankeyChartOption = (
     nodeAlign: settings["sankey.node_align"],
     edgeLabel: {
       show: settings["sankey.show_edge_labels"],
-      formatter: params =>
+      formatter: (params) =>
         typeof params.value === "number" ? valueFormatter(params.value) : "",
       color: renderingContext.getColor("text-dark"),
       fontSize: SANKEY_CHART_STYLE.edgeLabels.size,
@@ -89,7 +89,7 @@ export const getSankeyChartOption = (
       fontFamily: nodeLabelStyle.family,
       textBorderWidth: SANKEY_CHART_STYLE.nodeLabels.textBorderWidth,
       textBorderColor: renderingContext.getColor("white"),
-      formatter: param => {
+      formatter: (param) => {
         const shouldTruncate = layout.nodeIndicesWithTruncatedLabels?.has(
           param.dataIndex,
         );
diff --git a/frontend/src/metabase/visualizations/echarts/graph/sankey/option/tooltip.tsx b/frontend/src/metabase/visualizations/echarts/graph/sankey/option/tooltip.tsx
index de871a38b57..b2c81f21379 100644
--- a/frontend/src/metabase/visualizations/echarts/graph/sankey/option/tooltip.tsx
+++ b/frontend/src/metabase/visualizations/echarts/graph/sankey/option/tooltip.tsx
@@ -35,10 +35,10 @@ const ChartItemTooltip = ({ chartModel, params }: ChartItemTooltipProps) => {
   let footer = undefined;
 
   if (params.dataType === "node") {
-    node = chartModel.data.nodes.find(node => node.rawName === data.rawName)!;
+    node = chartModel.data.nodes.find((node) => node.rawName === data.rawName)!;
     header = formatters.node(node);
   } else if (params.dataType === "edge") {
-    node = chartModel.data.nodes.find(node => node.rawName === data.source)!;
+    node = chartModel.data.nodes.find((node) => node.rawName === data.source)!;
     header = `${formatters.source(data.source)} → ${formatters.target(data.target)}`;
   }
 
@@ -53,7 +53,7 @@ const ChartItemTooltip = ({ chartModel, params }: ChartItemTooltipProps) => {
   );
   const formattedNodeValue = formatters.value(nodeValue);
 
-  rows = Array.from(node.outputLinkByTarget.values()).map(link => {
+  rows = Array.from(node.outputLinkByTarget.values()).map((link) => {
     const color = chartModel.nodeColors[String(link.targetNode.rawName)];
     const isFocused = params.dataType === "edge" && data.target === link.target;
     return {
@@ -96,7 +96,7 @@ export const getTooltipOption = (
     ...getTooltipBaseOption(containerRef),
     trigger: "item",
     triggerOn: "mousemove",
-    formatter: params => {
+    formatter: (params) => {
       if (Array.isArray(params)) {
         return "";
       }
diff --git a/frontend/src/metabase/visualizations/echarts/pie/format.ts b/frontend/src/metabase/visualizations/echarts/pie/format.ts
index 6e32fd43030..b3df6c71cad 100644
--- a/frontend/src/metabase/visualizations/echarts/pie/format.ts
+++ b/frontend/src/metabase/visualizations/echarts/pie/format.ts
@@ -24,9 +24,9 @@ function getAllSlicePercentages(sliceTree: SliceTree) {
       return;
     }
 
-    node.children.forEach(c => getPercentages(c));
+    node.children.forEach((c) => getPercentages(c));
   }
-  sliceTree.forEach(node => getPercentages(node));
+  sliceTree.forEach((node) => getPercentages(node));
 
   return percentages;
 }
@@ -59,7 +59,7 @@ export function getPieChartFormatters(
         location === "chart"
           ? getAllSlicePercentages(chartModel.sliceTree)
           : getArrayFromMapValues(chartModel.sliceTree).map(
-              s => s.normalizedPercentage,
+              (s) => s.normalizedPercentage,
             );
 
       decimals = computeMaxDecimalsForValues(percentages, {
diff --git a/frontend/src/metabase/visualizations/echarts/pie/model/index.ts b/frontend/src/metabase/visualizations/echarts/pie/model/index.ts
index 345f24b25c8..19fac408857 100644
--- a/frontend/src/metabase/visualizations/echarts/pie/model/index.ts
+++ b/frontend/src/metabase/visualizations/echarts/pie/model/index.ts
@@ -47,10 +47,10 @@ export function getPieColumns(
     },
   ] = rawSeries;
 
-  const metric = findWithIndex(cols, c => c.name === settings["pie.metric"]);
+  const metric = findWithIndex(cols, (c) => c.name === settings["pie.metric"]);
 
   const dimensionColNames = getPieDimensions(settings);
-  const dimension = findWithIndex(cols, c => c.name === dimensionColNames[0]);
+  const dimension = findWithIndex(cols, (c) => c.name === dimensionColNames[0]);
 
   if (!dimension.item || !metric.item) {
     throw new Error(
@@ -72,7 +72,7 @@ export function getPieColumns(
   if (dimensionColNames.length > 1) {
     const middleDimension = findWithIndex(
       cols,
-      c => c.name === dimensionColNames[1],
+      (c) => c.name === dimensionColNames[1],
     );
     if (!middleDimension.item) {
       throw new Error(
@@ -89,7 +89,7 @@ export function getPieColumns(
   if (dimensionColNames.length > 2) {
     const outerDimension = findWithIndex(
       cols,
-      c => c.name === dimensionColNames[2],
+      (c) => c.name === dimensionColNames[2],
     );
     if (!outerDimension.item) {
       throw new Error(
@@ -162,7 +162,7 @@ function calculatePercentageAndIsOther(
   node.isOther =
     relativePercentage < (settings["pie.slice_threshold"] ?? 0) / 100;
 
-  node.children.forEach(child =>
+  node.children.forEach((child) =>
     calculatePercentageAndIsOther(child, node, settings),
   );
 }
@@ -172,12 +172,12 @@ function aggregateChildrenSlices(
   renderingContext: RenderingContext,
 ) {
   const children = getArrayFromMapValues(node.children);
-  const others = children.filter(s => s.isOther);
+  const others = children.filter((s) => s.isOther);
   const otherTotal = others.reduce((currTotal, o) => currTotal + o.value, 0);
 
   if (others.length > 1 && otherTotal > 0) {
     const otherSliceChildren: SliceTree = new Map();
-    others.forEach(otherChildSlice => {
+    others.forEach((otherChildSlice) => {
       otherSliceChildren.set(String(otherChildSlice.key), {
         ...otherChildSlice,
         normalizedPercentage: Math.abs(otherChildSlice.value / otherTotal),
@@ -203,7 +203,7 @@ function aggregateChildrenSlices(
     others[0].isOther = false;
   }
 
-  children.forEach(child => aggregateChildrenSlices(child, renderingContext));
+  children.forEach((child) => aggregateChildrenSlices(child, renderingContext));
 }
 
 function computeSliceAngles(
@@ -217,7 +217,7 @@ function computeSliceAngles(
     .padAngle((Math.PI / 180) * 1)
     .startAngle(startAngle ?? 0)
     .endAngle(endAngle ?? 2 * Math.PI)
-    .value(s => s.value);
+    .value((s) => s.value);
 
   const d3Slices = d3Pie(slices, { startAngle, endAngle });
   d3Slices.forEach((d3Slice, index) => {
@@ -225,7 +225,7 @@ function computeSliceAngles(
     slices[index].endAngle = d3Slice.endAngle;
   });
 
-  slices.forEach(slice =>
+  slices.forEach((slice) =>
     computeSliceAngles(
       getArrayFromMapValues(slice.children),
       slice.startAngle,
@@ -240,7 +240,7 @@ function countNumRings(node: SliceTreeNode, numRings = 0): number {
   }
 
   return Math.max(
-    ...getArrayFromMapValues(node.children).map(node =>
+    ...getArrayFromMapValues(node.children).map((node) =>
       countNumRings(node, numRings + 1),
     ),
     numRings + 1,
@@ -262,7 +262,7 @@ export function getPieChartModel(
   const colDescs = getPieColumns(rawSeries, settings);
 
   const areAllNegative = dataRows.every(
-    row => getNumberOr(row[colDescs.metricDesc.index], 0) < 0,
+    (row) => getNumberOr(row[colDescs.metricDesc.index], 0) < 0,
   );
 
   const rowIndiciesByKey = new Map<string | number, number>();
@@ -284,7 +284,7 @@ export function getPieChartModel(
   );
 
   const rowValuesByKey = new Map<string | number, number>();
-  aggregatedRows.map(row =>
+  aggregatedRows.map((row) =>
     rowValuesByKey.set(
       getKeyFromDimensionValue(row[colDescs.dimensionDesc.index]),
       getNumberOr(row[colDescs.metricDesc.index], 0),
@@ -296,9 +296,9 @@ export function getPieChartModel(
     throw Error("missing `pie.rows` setting");
   }
 
-  const enabledPieRows = pieRows.filter(row => row.enabled && !row.hidden);
+  const enabledPieRows = pieRows.filter((row) => row.enabled && !row.hidden);
 
-  const pieRowsWithValues = enabledPieRows.map(pieRow => {
+  const pieRowsWithValues = enabledPieRows.map((pieRow) => {
     const value = rowValuesByKey.get(pieRow.key);
     if (value === undefined) {
       throw Error(`No row values found for key ${pieRow.key}`);
@@ -309,7 +309,7 @@ export function getPieChartModel(
       value,
     };
   });
-  const visiblePieRows = pieRowsWithValues.filter(row =>
+  const visiblePieRows = pieRowsWithValues.filter((row) =>
     row.isOther
       ? !hiddenSlices.includes(OTHER_SLICE_KEY)
       : !hiddenSlices.includes(row.key),
@@ -372,9 +372,9 @@ export function getPieChartModel(
       };
     })
     .filter(
-      slice => slice.rawValue !== 0 && (areAllNegative || slice.rawValue > 0),
+      (slice) => slice.rawValue !== 0 && (areAllNegative || slice.rawValue > 0),
     )
-    .partition(slice => slice != null && !slice.isOther)
+    .partition((slice) => slice != null && !slice.isOther)
     .value();
 
   // We don't show the grey other slice if there isn't more than one slice to
@@ -384,7 +384,7 @@ export function getPieChartModel(
     sliceTreeNodes.push(checkNotNull(singleOtherSlice));
   }
 
-  sliceTreeNodes.forEach(node => {
+  sliceTreeNodes.forEach((node) => {
     // Map key needs to be string, because we use it for lookup with values from
     // echarts, and echarts casts numbers to strings
     sliceTree.set(String(node.key), node);
@@ -457,8 +457,8 @@ export function getPieChartModel(
     });
   }
 
-  sliceTree.forEach(node =>
-    node.children.forEach(child =>
+  sliceTree.forEach((node) =>
+    node.children.forEach((child) =>
       calculatePercentageAndIsOther(child, node, settings),
     ),
   );
@@ -467,7 +467,7 @@ export function getPieChartModel(
   const otherTotal = others.reduce((currTotal, o) => currTotal + o.rawValue, 0);
   if (otherTotal !== 0) {
     const children: SliceTree = new Map();
-    others.forEach(otherChildSlice => {
+    others.forEach((otherChildSlice) => {
       children.set(String(otherChildSlice.key), {
         ...otherChildSlice,
         color: "",
@@ -495,13 +495,13 @@ export function getPieChartModel(
   }
 
   // Aggregate slices in middle and outer ring into "other" slices
-  sliceTreeNodes.forEach(node =>
+  sliceTreeNodes.forEach((node) =>
     aggregateChildrenSlices(node, renderingContext),
   );
 
   // We increase the size of small slices, but only for the first ring, because
   // if we do this for the outer rings, it can lead to overlapping slices.
-  sliceTree.forEach(slice => {
+  sliceTree.forEach((slice) => {
     if (slice.normalizedPercentage < OTHER_SLICE_MIN_PERCENTAGE) {
       slice.value = total * OTHER_SLICE_MIN_PERCENTAGE;
     }
@@ -534,7 +534,7 @@ export function getPieChartModel(
   }
 
   const numRings = Math.max(
-    ...getArrayFromMapValues(sliceTree).map(node => countNumRings(node)),
+    ...getArrayFromMapValues(sliceTree).map((node) => countNumRings(node)),
   );
 
   return {
diff --git a/frontend/src/metabase/visualizations/echarts/pie/option.ts b/frontend/src/metabase/visualizations/echarts/pie/option.ts
index cd7da3cdc54..e9501db106e 100644
--- a/frontend/src/metabase/visualizations/echarts/pie/option.ts
+++ b/frontend/src/metabase/visualizations/echarts/pie/option.ts
@@ -193,7 +193,7 @@ function getSeriesDataFromSlices(
       return [];
     }
 
-    return slices.map(s => {
+    return slices.map((s) => {
       const ringRadiuses = calcInnerOuterRadiusesForRing(
         innerRadius,
         outerRadius,
@@ -284,7 +284,7 @@ function getSeriesDataFromSlices(
   }
 
   return getSeriesData(
-    getArrayFromMapValues(chartModel.sliceTree).filter(s => s.visible),
+    getArrayFromMapValues(chartModel.sliceTree).filter((s) => s.visible),
   );
 }
 
diff --git a/frontend/src/metabase/visualizations/echarts/pie/tooltip.tsx b/frontend/src/metabase/visualizations/echarts/pie/tooltip.tsx
index 45605c75130..4a66ef83d58 100644
--- a/frontend/src/metabase/visualizations/echarts/pie/tooltip.tsx
+++ b/frontend/src/metabase/visualizations/echarts/pie/tooltip.tsx
@@ -33,7 +33,7 @@ export const getTooltipOption = (
   return {
     ...getTooltipBaseOption(containerRef),
     trigger: "item",
-    formatter: params => {
+    formatter: (params) => {
       if (Array.isArray(params) || typeof params.dataIndex !== "number") {
         return "";
       }
diff --git a/frontend/src/metabase/visualizations/echarts/pie/util/colors.ts b/frontend/src/metabase/visualizations/echarts/pie/util/colors.ts
index 56cb46cee98..e2f0605cd98 100644
--- a/frontend/src/metabase/visualizations/echarts/pie/util/colors.ts
+++ b/frontend/src/metabase/visualizations/echarts/pie/util/colors.ts
@@ -12,7 +12,7 @@ const isAccentColorKey = (key: string) => key.startsWith(ACCENT_KEY_PREFIX);
 const extractAccentKey = (input: string): AccentKey => {
   const withoutPrefix = input.slice(ACCENT_KEY_PREFIX.length);
   return (
-    withoutPrefix.split("-").filter(segment => !isEmpty(segment))[0] ?? null
+    withoutPrefix.split("-").filter((segment) => !isEmpty(segment))[0] ?? null
   );
 };
 
diff --git a/frontend/src/metabase/visualizations/echarts/pie/util/label.unit.spec.ts b/frontend/src/metabase/visualizations/echarts/pie/util/label.unit.spec.ts
index 1210fbca0ec..def11fdb198 100644
--- a/frontend/src/metabase/visualizations/echarts/pie/util/label.unit.spec.ts
+++ b/frontend/src/metabase/visualizations/echarts/pie/util/label.unit.spec.ts
@@ -102,7 +102,7 @@ describe("pie chart label utilities", () => {
 
     it.each([50, 100])(
       "returns 0 when donut thickness is less than the double of the label font size",
-      fontSize => {
+      (fontSize) => {
         expect(
           calcAvailableDonutSliceLabelLength(
             50,
diff --git a/frontend/src/metabase/visualizations/echarts/tooltip/index.tsx b/frontend/src/metabase/visualizations/echarts/tooltip/index.tsx
index d7bacc36866..983d4f4b332 100644
--- a/frontend/src/metabase/visualizations/echarts/tooltip/index.tsx
+++ b/frontend/src/metabase/visualizations/echarts/tooltip/index.tsx
@@ -105,7 +105,7 @@ export const useInjectSeriesColorsClasses = (hexColors: string[]) => {
     }
 
     return hexColors
-      .map(color => {
+      .map((color) => {
         const cssClassName = getMarkerColorClass(color);
         return `
     .${cssClassName} {
@@ -145,7 +145,7 @@ export const useCartesianChartSeriesColorsClasses = (
 ) => {
   const hexColors = useMemo(() => {
     const seriesColors = chartModel.seriesModels
-      .map(seriesModel => seriesModel.color)
+      .map((seriesModel) => seriesModel.color)
       .filter(isNotNull);
 
     const settingColors = [
@@ -169,8 +169,8 @@ export const useSankeyChartColorsClasses = (chartModel: SankeyChartModel) => {
 };
 
 function getColorsFromSlices(slices: SliceTreeNode[]) {
-  const colors = slices.map(s => s.color);
-  slices.forEach(s =>
+  const colors = slices.map((s) => s.color);
+  slices.forEach((s) =>
     colors.push(...getColorsFromSlices(getArrayFromMapValues(s.children))),
   );
   return colors;
diff --git a/frontend/src/metabase/visualizations/hooks/use-browser-rendering-context.ts b/frontend/src/metabase/visualizations/hooks/use-browser-rendering-context.ts
index 4c4d05b68ad..968579c6794 100644
--- a/frontend/src/metabase/visualizations/hooks/use-browser-rendering-context.ts
+++ b/frontend/src/metabase/visualizations/hooks/use-browser-rendering-context.ts
@@ -32,7 +32,7 @@ export const useBrowserRenderingContext = (
     });
 
     return {
-      getColor: name => color(name, palette),
+      getColor: (name) => color(name, palette),
       measureText: measureTextWidth,
       measureTextHeight,
       fontFamily: `${fontFamily}, Arial, sans-serif`,
diff --git a/frontend/src/metabase/visualizations/index.ts b/frontend/src/metabase/visualizations/index.ts
index 73b51740b85..24f4c048d3b 100644
--- a/frontend/src/metabase/visualizations/index.ts
+++ b/frontend/src/metabase/visualizations/index.ts
@@ -82,8 +82,8 @@ export function getVisualizationTransformed(
 ) {
   // don't transform if we don't have the data
   if (
-    _.any(series, s => s.data == null) ||
-    _.any(series, s => s.error != null)
+    _.any(series, (s) => s.data == null) ||
+    _.any(series, (s) => s.error != null)
   ) {
     return {
       series,
@@ -116,7 +116,7 @@ export function getIconForVisualizationType(display: VisualizationDisplay) {
 }
 
 export const extractRemappings = (series: Series) => {
-  const se = series.map(s => ({
+  const se = series.map((s) => ({
     ...s,
     data: s.data && extractRemappedColumns(s.data),
   }));
@@ -145,16 +145,16 @@ export function getDefaultSize(display: VisualizationDisplay) {
 
 // removes columns with `remapped_from` property and adds a `remapping` to the appropriate column
 export const extractRemappedColumns = (data: DatasetData) => {
-  const cols: RemappingHydratedDatasetColumn[] = data.cols.map(col => ({
+  const cols: RemappingHydratedDatasetColumn[] = data.cols.map((col) => ({
     ...col,
     remapped_from_index:
       col.remapped_from != null
-        ? _.findIndex(data.cols, c => c.name === col.remapped_from)
+        ? _.findIndex(data.cols, (c) => c.name === col.remapped_from)
         : undefined,
     remapping: col.remapped_to != null ? new Map() : undefined,
   }));
 
-  const rows = data.rows.map(row =>
+  const rows = data.rows.map((row) =>
     row.filter((value, colIndex) => {
       const col = cols[colIndex];
       if (col.remapped_from != null) {
@@ -180,7 +180,7 @@ export const extractRemappedColumns = (data: DatasetData) => {
   return {
     ...data,
     rows,
-    cols: cols.filter(col => col.remapped_from == null),
+    cols: cols.filter((col) => col.remapped_from == null),
   };
 };
 
diff --git a/frontend/src/metabase/visualizations/lib/action.js b/frontend/src/metabase/visualizations/lib/action.js
index a81480f7c9b..f15f69be041 100644
--- a/frontend/src/metabase/visualizations/lib/action.js
+++ b/frontend/src/metabase/visualizations/lib/action.js
@@ -28,7 +28,7 @@ export function performAction(
     const ignoreSiteUrl = action.ignoreSiteUrl;
     if (url) {
       open(url, {
-        openInSameOrigin: location => {
+        openInSameOrigin: (location) => {
           dispatch(push(location));
           dispatch(setParameterValuesFromQueryParams(location.query));
         },
@@ -71,7 +71,7 @@ export function performDefaultAction(actions, props) {
   }
 
   // "defaultAlways" action even if there's more than one
-  const action = _.find(actions, action => action.defaultAlways === true);
+  const action = _.find(actions, (action) => action.defaultAlways === true);
   if (action) {
     return performAction(action, props);
   }
diff --git a/frontend/src/metabase/visualizations/lib/action.unit.spec.ts b/frontend/src/metabase/visualizations/lib/action.unit.spec.ts
index 8729ff1e198..3d02e88399f 100644
--- a/frontend/src/metabase/visualizations/lib/action.unit.spec.ts
+++ b/frontend/src/metabase/visualizations/lib/action.unit.spec.ts
@@ -72,7 +72,7 @@ describe("performAction", () => {
   ])(`when site URL is $name`, ({ sitePath }) => {
     it.each(["/", "/question/1", "/question/1/"])(
       `should redirect using router when using a relative URL with leading slash: "%s"`,
-      url => {
+      (url) => {
         MetabaseSettings.set("site-url", sitePath);
         const action: UrlClickAction = {
           buttonType: "horizontal",
@@ -111,7 +111,7 @@ describe("performAction", () => {
 
     it.each(["auto/dashboard/adhoc/123Abc", "auto/dashboard/adhoc/123Abc/"])(
       `should redirect using router when using a relative URL: "%s"`,
-      url => {
+      (url) => {
         MetabaseSettings.set("site-url", sitePath);
         const action: UrlClickAction = {
           buttonType: "horizontal",
diff --git a/frontend/src/metabase/visualizations/lib/dataset.ts b/frontend/src/metabase/visualizations/lib/dataset.ts
index 962c7db9026..8d298a8e2d2 100644
--- a/frontend/src/metabase/visualizations/lib/dataset.ts
+++ b/frontend/src/metabase/visualizations/lib/dataset.ts
@@ -38,8 +38,8 @@ export const groupDatasetMetrics = (
   byColumns: string | string[],
 ): DatasetData => {
   const byColumnsNames = Array.isArray(byColumns) ? byColumns : [byColumns];
-  const byColumnsIndices = byColumnsNames.map(name =>
-    data.cols.findIndex(col => col.name === name),
+  const byColumnsIndices = byColumnsNames.map((name) =>
+    data.cols.findIndex((col) => col.name === name),
   );
 
   const metricColumnsIndices = new Set(
@@ -51,7 +51,9 @@ export const groupDatasetMetrics = (
   const groupedData = new Map<string, RowValues>();
 
   for (const row of data.rows) {
-    const groupKey = JSON.stringify(byColumnsIndices.map(index => row[index]));
+    const groupKey = JSON.stringify(
+      byColumnsIndices.map((index) => row[index]),
+    );
 
     const existingRowForKey = groupedData.get(groupKey);
     if (!existingRowForKey) {
@@ -83,7 +85,7 @@ export const groupRawSeriesMetrics = (
     return rawSeries;
   }
 
-  return rawSeries.map(singleSeries => ({
+  return rawSeries.map((singleSeries) => ({
     ...singleSeries,
     data: groupDatasetMetrics(singleSeries.data, byColumns),
   }));
diff --git a/frontend/src/metabase/visualizations/lib/graph/columns.ts b/frontend/src/metabase/visualizations/lib/graph/columns.ts
index ef04ab1a739..b74579d9a8d 100644
--- a/frontend/src/metabase/visualizations/lib/graph/columns.ts
+++ b/frontend/src/metabase/visualizations/lib/graph/columns.ts
@@ -17,8 +17,8 @@ export const getColumnDescriptors = <TColumn extends DatasetColumn>(
   columnNames: string[],
   columns: TColumn[],
 ): ColumnDescriptor[] => {
-  return columnNames.map(columnName => {
-    const index = columns.findIndex(column => column.name === columnName);
+  return columnNames.map((columnName) => {
+    const index = columns.findIndex((column) => column.name === columnName);
 
     return {
       index,
@@ -32,14 +32,14 @@ export const hasValidColumnsSelected = (
   data: DatasetData,
 ) => {
   const metricColumns = (visualizationSettings["graph.metrics"] ?? [])
-    .map(metricColumnName =>
-      data.cols.find(column => column.name === metricColumnName),
+    .map((metricColumnName) =>
+      data.cols.find((column) => column.name === metricColumnName),
     )
     .filter(isNotNull);
 
   const dimensionColumns = (visualizationSettings["graph.dimensions"] ?? [])
-    .map(dimensionColumnName =>
-      data.cols.find(column => column.name === dimensionColumnName),
+    .map((dimensionColumnName) =>
+      data.cols.find((column) => column.name === dimensionColumnName),
     )
     .filter(isNotNull);
 
diff --git a/frontend/src/metabase/visualizations/lib/mapping.js b/frontend/src/metabase/visualizations/lib/mapping.js
index 325d7a1a2a8..8c84f53b12d 100644
--- a/frontend/src/metabase/visualizations/lib/mapping.js
+++ b/frontend/src/metabase/visualizations/lib/mapping.js
@@ -5,8 +5,8 @@ import { COUNTRY_NAME_TO_CODE, STATE_CODES } from "./mapping_codes";
 
 export function computeMinimalBounds(features) {
   const points = getAllFeaturesPoints(features);
-  const [west, east] = d3.extent(points, d => d[0]);
-  const [north, south] = d3.extent(points, d => d[1]);
+  const [west, east] = d3.extent(points, (d) => d[0]);
+  const [north, south] = d3.extent(points, (d) => d[1]);
 
   return L.latLngBounds(
     L.latLng(south, west), // SW
diff --git a/frontend/src/metabase/visualizations/lib/numeric.js b/frontend/src/metabase/visualizations/lib/numeric.js
index d8045db5b7d..5906a48b5fe 100644
--- a/frontend/src/metabase/visualizations/lib/numeric.js
+++ b/frontend/src/metabase/visualizations/lib/numeric.js
@@ -5,9 +5,9 @@ export function dimensionIsNumeric({ cols, rows }, i = 0) {
     return true;
   }
 
-  const hasAtLeastOneNumber = rows.some(row => typeof row[i] === "number");
+  const hasAtLeastOneNumber = rows.some((row) => typeof row[i] === "number");
   const hasNumbersOrNullsOnly = rows.every(
-    row => typeof row[i] === "number" || row[i] === null,
+    (row) => typeof row[i] === "number" || row[i] === null,
   );
 
   return hasNumbersOrNullsOnly && hasAtLeastOneNumber;
diff --git a/frontend/src/metabase/visualizations/lib/numeric.unit.spec.js b/frontend/src/metabase/visualizations/lib/numeric.unit.spec.js
index 46f2aedc647..43b4101d618 100644
--- a/frontend/src/metabase/visualizations/lib/numeric.unit.spec.js
+++ b/frontend/src/metabase/visualizations/lib/numeric.unit.spec.js
@@ -82,7 +82,7 @@ describe("visualization.lib.numeric", () => {
 
     // With the current implementation this is guaranteed to be true. This test
     // is left in incase that implementation changes.
-    [123456.123456, -123456.123456, 1.23456789, -1.23456789].map(value =>
+    [123456.123456, -123456.123456, 1.23456789, -1.23456789].map((value) =>
       it(`${value} should be a multiple of its precision (${precision(
         value,
       )})`, () => expect(isMultipleOf(value, precision(value))).toBe(true)),
diff --git a/frontend/src/metabase/visualizations/lib/renderer_utils.js b/frontend/src/metabase/visualizations/lib/renderer_utils.js
index 747e0d541bd..42d2b2e4237 100644
--- a/frontend/src/metabase/visualizations/lib/renderer_utils.js
+++ b/frontend/src/metabase/visualizations/lib/renderer_utils.js
@@ -88,17 +88,17 @@ export function getXValues({ settings, series }) {
   if (isDescending) {
     // JavaScript's .sort() sorts lexicographically by default (e.x. 1, 10, 2)
     // We could implement a comparator but _.sortBy handles strings, numbers, and dates correctly
-    xValues = _.sortBy(xValues, x => x).reverse();
+    xValues = _.sortBy(xValues, (x) => x).reverse();
   } else if (isAscending) {
     // default line/area charts to ascending since otherwise lines could be wonky
-    xValues = _.sortBy(xValues, x => x);
+    xValues = _.sortBy(xValues, (x) => x);
   }
   return xValues;
 }
 
 function getColumnIndex({ settings, data: { cols } }) {
   const [dim] = settings["graph.dimensions"] || [];
-  const i = cols.findIndex(c => c.name === dim);
+  const i = cols.findIndex((c) => c.name === dim);
   return i === -1 ? 0 : i;
 }
 
@@ -123,14 +123,14 @@ function parseTimestampAndWarn(value, unit) {
 
 /************************************************************ PROPERTIES ************************************************************/
 
-export const isTimeseries = settings =>
+export const isTimeseries = (settings) =>
   settings["graph.x_axis.scale"] === "timeseries";
-export const isQuantitative = settings =>
+export const isQuantitative = (settings) =>
   ["linear", "log", "pow"].indexOf(settings["graph.x_axis.scale"]) >= 0;
-export const isHistogram = settings =>
+export const isHistogram = (settings) =>
   settings["graph.x_axis._scale_original"] === "histogram" ||
   settings["graph.x_axis.scale"] === "histogram";
-export const isOrdinal = settings =>
+export const isOrdinal = (settings) =>
   settings["graph.x_axis.scale"] === "ordinal";
 
 export const isStacked = (settings, datas) => settings["stackable.stack_type"];
@@ -138,8 +138,8 @@ export const isNormalized = (settings, datas) =>
   settings["stackable.stack_type"] === "normalized";
 
 // find the first nonempty single series
-export const getFirstNonEmptySeries = series =>
-  _.find(series, s => !datasetContainsNoResults(s.data));
+export const getFirstNonEmptySeries = (series) =>
+  _.find(series, (s) => !datasetContainsNoResults(s.data));
 
 function hasRemappingAndValuesAreStrings({ cols }, i = 0) {
   const column = cols[i];
@@ -153,9 +153,9 @@ function hasRemappingAndValuesAreStrings({ cols }, i = 0) {
   }
 }
 
-export const isRemappedToString = series =>
+export const isRemappedToString = (series) =>
   hasRemappingAndValuesAreStrings(getFirstNonEmptySeries(series).data);
 
-export const hasClickBehavior = series =>
+export const hasClickBehavior = (series) =>
   getIn(series, [0, "card", "visualization_settings", "click_behavior"]) !=
   null;
diff --git a/frontend/src/metabase/visualizations/lib/renderer_utils.unit.spec.js b/frontend/src/metabase/visualizations/lib/renderer_utils.unit.spec.js
index 6f571d80a9f..23d34022838 100644
--- a/frontend/src/metabase/visualizations/lib/renderer_utils.unit.spec.js
+++ b/frontend/src/metabase/visualizations/lib/renderer_utils.unit.spec.js
@@ -7,7 +7,7 @@ import {
 
 describe("getXValues", () => {
   function getXValuesForRows(listOfRows, settings = {}) {
-    const series = listOfRows.map(rows => ({ data: { rows, cols: [{}] } }));
+    const series = listOfRows.map((rows) => ({ data: { rows, cols: [{}] } }));
     series._raw = series;
     return getXValues({ settings, series });
   }
@@ -133,7 +133,7 @@ describe("getXValues", () => {
           [["2019-08-11"], ["2019-W33"]],
         ],
         { "graph.x_axis.scale": "timeseries" },
-      ).map(x => x.format()),
+      ).map((x) => x.format()),
     ).toEqual([
       "2019-08-11T00:00:00Z",
       "2019-08-12T00:00:00Z",
@@ -161,7 +161,7 @@ describe("getXValues", () => {
         "graph.x_axis.scale": "timeseries",
       },
     );
-    const formattedXValues = xValues.map(v => v.format("YYYY-MM-DD"));
+    const formattedXValues = xValues.map((v) => v.format("YYYY-MM-DD"));
     expect(formattedXValues).toEqual(["2019-01-02", "2019-01-03"]);
   });
 
@@ -172,7 +172,7 @@ describe("getXValues", () => {
         "graph.x_axis.scale": "timeseries",
       },
     );
-    const formattedXValues = xValues.map(v => v.format("YYYY-MM-DD"));
+    const formattedXValues = xValues.map((v) => v.format("YYYY-MM-DD"));
     expect(formattedXValues).toEqual(["2019-01-02", "2019-01-03"]);
   });
 });
diff --git a/frontend/src/metabase/visualizations/lib/save-chart-image.ts b/frontend/src/metabase/visualizations/lib/save-chart-image.ts
index c015c1e8a59..c2e721cf855 100644
--- a/frontend/src/metabase/visualizations/lib/save-chart-image.ts
+++ b/frontend/src/metabase/visualizations/lib/save-chart-image.ts
@@ -68,7 +68,7 @@ export const saveChartImage = async (selector: string, fileName: string) => {
     },
   });
 
-  canvas.toBlob(blob => {
+  canvas.toBlob((blob) => {
     if (blob) {
       if (isStorybookActive) {
         // if we're running storybook we open the image in place
diff --git a/frontend/src/metabase/visualizations/lib/save-dashboard-pdf.ts b/frontend/src/metabase/visualizations/lib/save-dashboard-pdf.ts
index af90228a4c0..e4bbb548780 100644
--- a/frontend/src/metabase/visualizations/lib/save-dashboard-pdf.ts
+++ b/frontend/src/metabase/visualizations/lib/save-dashboard-pdf.ts
@@ -19,13 +19,13 @@ const getSortedDashCardBounds = (node: HTMLElement): DashCardBounds[] => {
   const parentOffset = node.getBoundingClientRect().top;
 
   return dashCards
-    .map(card => {
+    .map((card) => {
       const rect = card.getBoundingClientRect();
 
       // Table cards allow having page breaks
       const allowedBreaks = new Set(
         Array.from(card.querySelectorAll("[data-allow-page-break-after]"))
-          .map(el => el.getBoundingClientRect().bottom - parentOffset)
+          .map((el) => el.getBoundingClientRect().bottom - parentOffset)
           .filter(isFinite),
       );
 
@@ -47,12 +47,12 @@ export const findPageBreakCandidates = (
     return [];
   }
 
-  const maxBottom = Math.max(...cards.map(card => card.bottom));
+  const maxBottom = Math.max(...cards.map((card) => card.bottom));
 
   const possibleBreaks = new Set(
     cards
-      .filter(card => card.bottom < maxBottom)
-      .flatMap(card => [card.bottom, ...card.allowedBreaks]),
+      .filter((card) => card.bottom < maxBottom)
+      .flatMap((card) => [card.bottom, ...card.allowedBreaks]),
   );
 
   for (const card of cards) {
@@ -68,7 +68,7 @@ export const findPageBreakCandidates = (
   }
 
   const sortedBreaks = Array.from(possibleBreaks).sort((a, b) => a - b);
-  return sortedBreaks.map(pageBreak => pageBreak + offset);
+  return sortedBreaks.map((pageBreak) => pageBreak + offset);
 };
 
 export const getPageBreaks = (
diff --git a/frontend/src/metabase/visualizations/lib/settings.js b/frontend/src/metabase/visualizations/lib/settings.js
index 59a96206e77..adfd140537e 100644
--- a/frontend/src/metabase/visualizations/lib/settings.js
+++ b/frontend/src/metabase/visualizations/lib/settings.js
@@ -185,7 +185,7 @@ export function getSettingsWidgets(
   extra = {},
 ) {
   return Object.keys(settingDefs)
-    .map(settingId =>
+    .map((settingId) =>
       getSettingWidget(
         settingDefs,
         settingId,
@@ -196,7 +196,7 @@ export function getSettingsWidgets(
         extra,
       ),
     )
-    .filter(widget => widget.widget);
+    .filter((widget) => widget.widget);
 }
 
 export function getPersistableDefaultSettings(settingsDefs, completeSettings) {
diff --git a/frontend/src/metabase/visualizations/lib/settings/column.js b/frontend/src/metabase/visualizations/lib/settings/column.js
index 27d54b7cf8b..4345ce00c0f 100644
--- a/frontend/src/metabase/visualizations/lib/settings/column.js
+++ b/frontend/src/metabase/visualizations/lib/settings/column.js
@@ -51,7 +51,7 @@ function getCurrency(currency, currencyStyle) {
 }
 
 const DEFAULT_GET_COLUMNS = (series, vizSettings) =>
-  [].concat(...series.map(s => (s.data && s.data.cols) || []));
+  [].concat(...series.map((s) => (s.data && s.data.cols) || []));
 
 export function columnSettings({
   getColumns = DEFAULT_GET_COLUMNS,
@@ -115,7 +115,7 @@ function getDateStyleOptionsForUnit(unit, abbreviate = false, separator) {
     dateStyleOption("YYYY/M/D", unit, abbreviate, separator),
   ];
   const seen = new Set();
-  return options.filter(option => {
+  return options.filter((option) => {
     const format = getDateFormatFromStyle(option.value, unit);
     if (seen.has(format)) {
       return false;
@@ -329,7 +329,7 @@ export const NUMBER_COLUMN_SETTINGS = {
     widget: "radio",
     getProps: (_series, _vizSettings, onChange) => {
       return {
-        onChange: value => onChange(value === true),
+        onChange: (value) => onChange(value === true),
         options: [
           { name: t`In the column heading`, value: true },
           { name: t`In every table cell`, value: false },
@@ -434,7 +434,7 @@ const COMMON_COLUMN_SETTINGS = {
   //   },
   // },
   column: {
-    getValue: column => column,
+    getValue: (column) => column,
   },
   _column_title_full: {
     getValue: (column, settings) => {
@@ -486,11 +486,11 @@ export function isPivoted(series, settings) {
 
   const pivotIndex = _.findIndex(
     data.cols,
-    col => col.name === settings["table.pivot_column"],
+    (col) => col.name === settings["table.pivot_column"],
   );
   const cellIndex = _.findIndex(
     data.cols,
-    col => col.name === settings["table.cell_column"],
+    (col) => col.name === settings["table.cell_column"],
   );
   const normalIndex = _.findIndex(
     data.cols,
@@ -535,7 +535,7 @@ export const tableColumnSettings = {
         // add columns that do not have matching settings to the end
         ...cols
           .filter((_, columnIndex) => settingIndexes[columnIndex] < 0)
-          .map(column => ({
+          .map((column) => ({
             name: column.name,
             enabled: true,
           })),
@@ -550,7 +550,7 @@ export const tableColumnSettings = {
 
       return {
         columns: cols,
-        getColumnName: column => getTitleForColumn(column, series, settings),
+        getColumnName: (column) => getTitleForColumn(column, series, settings),
       };
     },
   },
diff --git a/frontend/src/metabase/visualizations/lib/settings/graph.js b/frontend/src/metabase/visualizations/lib/settings/graph.js
index 0ee38378115..e62c0d64036 100644
--- a/frontend/src/metabase/visualizations/lib/settings/graph.js
+++ b/frontend/src/metabase/visualizations/lib/settings/graph.js
@@ -51,7 +51,7 @@ import { getColumnKey } from "metabase-lib/v1/queries/utils/column-key";
 import { isNumeric } from "metabase-lib/v1/types/utils/isa";
 
 export const getSeriesDisplays = (transformedSeries, settings) => {
-  return transformedSeries.map(single => settings.series(single).display);
+  return transformedSeries.map((single) => settings.series(single).display);
 };
 
 export function getDefaultDimensionLabel(multipleSeries) {
@@ -60,7 +60,7 @@ export function getDefaultDimensionLabel(multipleSeries) {
 
 function canHaveDataLabels(series, vizSettings) {
   const areAllAreas = getSeriesDisplays(series, vizSettings).every(
-    display => display === "area",
+    (display) => display === "area",
   );
   return vizSettings["stackable.stack_type"] !== "normalized" || !areAllAreas;
 }
@@ -107,7 +107,7 @@ export const GRAPH_DATA_SETTINGS = {
           options.length > addedDimensions.length &&
           addedDimensions.length < maxDimensionsSupported &&
           addedDimensions.every(
-            dimension => dimension !== undefined && dimension !== null,
+            (dimension) => dimension !== undefined && dimension !== null,
           ) &&
           vizSettings["graph.metrics"].length < 2
             ? t`Add series breakout`
@@ -137,7 +137,7 @@ export const GRAPH_DATA_SETTINGS = {
     useRawSeries: true,
     getValue: (rawSeries, settings) => {
       const seriesModels = getSeriesModelsForSettings(rawSeries, settings);
-      const seriesKeys = seriesModels.map(s => s.vizSettingsKey);
+      const seriesKeys = seriesModels.map((s) => s.vizSettingsKey);
       return getSeriesOrderVisibilitySettings(settings, seriesKeys);
     },
     getProps: (rawSeries, settings, _onChange, _extra, onChangeSettings) => {
@@ -146,7 +146,7 @@ export const GRAPH_DATA_SETTINGS = {
         settings["graph.max_categories"] !== 0
           ? settings["graph.max_categories"]
           : Infinity;
-      const onOtherColorChange = color =>
+      const onOtherColorChange = (color) =>
         onChangeSettings({ "graph.other_category_color": color });
       return {
         rawSeries,
@@ -205,7 +205,7 @@ export const GRAPH_DATA_SETTINGS = {
         addedMetricsCount < maxMetricsSupportedCount &&
         hasMetricsToAdd &&
         !hasBreakout &&
-        addedMetrics.every(metric => metric != null);
+        addedMetrics.every((metric) => metric != null);
 
       return {
         options,
@@ -238,7 +238,7 @@ export const GRAPH_BUBBLE_SETTINGS = {
           isNumeric,
         ),
       ),
-    getDefault: series => getDefaultColumns(series).bubble,
+    getDefault: (series) => getDefaultColumns(series).bubble,
     getProps: ([{ card, data }], vizSettings, onChange) => {
       const options = data.cols.filter(isNumeric).map(getOptionFromColumn);
       return {
@@ -286,8 +286,8 @@ export const STACKABLE_SETTINGS = {
       return getDefaultStackingValue(settings, card);
     },
     getHidden: (series, settings) => {
-      const displays = series.map(single => settings.series(single).display);
-      const stackableDisplays = displays.filter(display =>
+      const displays = series.map((single) => settings.series(single).display);
+      const stackableDisplays = displays.filter((display) =>
         STACKABLE_SERIES_DISPLAY_TYPES.has(display),
       );
 
@@ -330,7 +330,7 @@ export const TOOLTIP_SETTINGS = {
         rawSeries,
         vizSettings,
         isAggregatedChart,
-      ).map(col => ({
+      ).map((col) => ({
         label: col.display_name,
         value: getColumnKey(col),
       }));
@@ -379,14 +379,14 @@ export const GRAPH_DISPLAY_VALUES_SETTINGS = {
       }
 
       const areAllBars = getSeriesDisplays(series, vizSettings).every(
-        display => display === "bar",
+        (display) => display === "bar",
       );
       if (areAllBars && vizSettings["graph.show_stack_values"] === "series") {
         return true;
       }
 
       const hasLines = getSeriesDisplays(series, vizSettings).some(
-        display => display === "line",
+        (display) => display === "line",
       );
       if (vizSettings["stackable.stack_type"] === "normalized" && !hasLines) {
         return true;
@@ -409,7 +409,7 @@ export const GRAPH_DISPLAY_VALUES_SETTINGS = {
     widget: "segmentedControl",
     getHidden: (series, vizSettings) => {
       const hasBars = getSeriesDisplays(series, vizSettings).some(
-        display => display === "bar",
+        (display) => display === "bar",
       );
       return (
         vizSettings["stackable.stack_type"] !== "stacked" ||
@@ -452,7 +452,7 @@ export const GRAPH_DISPLAY_VALUES_SETTINGS = {
       if (columnSettings) {
         const hasNonDefaultCurrencyStyle = Object.values(columnSettings)
           .filter(Boolean)
-          .some(value => {
+          .some((value) => {
             return (
               value["number_style"] === "currency" &&
               value["currency_style"] != null &&
@@ -500,7 +500,7 @@ export const GRAPH_DISPLAY_VALUES_SETTINGS = {
     hidden: true,
     getDefault: ([{ data }], settings) => {
       const [metricName] = settings["graph.metrics"];
-      const metric = data.cols.find(col => col.name === metricName);
+      const metric = data.cols.find((col) => col.name === metricName);
       return metric?.aggregation_type ?? "sum";
     },
     readDependencies: ["graph.metrics"],
@@ -520,7 +520,7 @@ export const GRAPH_AXIS_SETTINGS = {
         data,
         _.findIndex(
           data.cols,
-          c => c.name === vizSettings["graph.dimensions"].filter(d => d)[0],
+          (c) => c.name === vizSettings["graph.dimensions"].filter((d) => d)[0],
         ),
       ),
   },
@@ -531,7 +531,7 @@ export const GRAPH_AXIS_SETTINGS = {
         data,
         _.findIndex(
           data.cols,
-          c => c.name === vizSettings["graph.dimensions"].filter(d => d)[0],
+          (c) => c.name === vizSettings["graph.dimensions"].filter((d) => d)[0],
         ),
       );
     },
@@ -624,7 +624,7 @@ export const GRAPH_AXIS_SETTINGS = {
       const seriesDisplays = getSeriesDisplays(series, settings);
       return !isYAxisUnpinFromZeroValid(seriesDisplays, settings);
     },
-    getDefault: series => {
+    getDefault: (series) => {
       return getYAxisUnpinFromZeroDefault(series[0].card.display);
     },
     readDependencies: ["series", "graph.y_axis.auto_range"],
@@ -666,7 +666,7 @@ export const GRAPH_AXIS_SETTINGS = {
     widget: "toggle",
     inline: true,
     getDefault: getDefaultIsAutoSplitEnabled,
-    getHidden: series => series.length < 2,
+    getHidden: (series) => series.length < 2,
   },
   "graph.x_axis.labels_enabled": {
     section: t`Axes`,
@@ -686,7 +686,7 @@ export const GRAPH_AXIS_SETTINGS = {
     getHidden: (series, vizSettings) =>
       vizSettings["graph.x_axis.labels_enabled"] === false,
     getDefault: getDefaultDimensionLabel,
-    getProps: series => ({
+    getProps: (series) => ({
       placeholder: getDefaultDimensionLabel(series),
     }),
   },
@@ -712,7 +712,7 @@ export const GRAPH_AXIS_SETTINGS = {
       // If they do, we use that as the default y axis label.
       const [metric] = vizSettings["graph.metrics"];
       const metricNames = series.map(({ data: { cols } }) => {
-        const metricCol = cols.find(c => c.name === metric);
+        const metricCol = cols.find((c) => c.name === metric);
         return metricCol && metricCol.display_name;
       });
 
diff --git a/frontend/src/metabase/visualizations/lib/settings/graph.unit.spec.js b/frontend/src/metabase/visualizations/lib/settings/graph.unit.spec.js
index 74227df4b26..74f091dc37a 100644
--- a/frontend/src/metabase/visualizations/lib/settings/graph.unit.spec.js
+++ b/frontend/src/metabase/visualizations/lib/settings/graph.unit.spec.js
@@ -68,7 +68,7 @@ describe("STACKABLE_SETTINGS", () => {
             { card: { display: "line" }, id: 3 },
           ],
           {
-            series: series => ({
+            series: (series) => ({
               display: series.card.id === 1 ? "line" : "bar",
             }),
             "stackable.stack_type": "stacked",
@@ -87,7 +87,7 @@ describe("STACKABLE_SETTINGS", () => {
             { card: { display: "bar" }, id: 3 },
           ],
           {
-            series: series => ({
+            series: (series) => ({
               display: series.card.id === 1 ? "bar" : "line",
             }),
             "stackable.stack_type": "stacked",
@@ -297,7 +297,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
       const isHidden = getHidden(
         [{ card: { display: "area" } }, { card: { display: "area" } }],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "normalized",
         },
       );
@@ -313,7 +313,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
           { card: { display: "line" } },
         ],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "normalized",
         },
       );
@@ -334,7 +334,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
           { card: { display: "bar" } },
         ],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "graph.show_values": false,
         },
       );
@@ -350,7 +350,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
           { card: { display: "bar" } },
         ],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "normalized",
         },
       );
@@ -366,7 +366,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
           { card: { display: "area" } },
         ],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "normalized",
         },
       );
@@ -382,7 +382,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
           { card: { display: "bar" } },
         ],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "normalized",
         },
       );
@@ -398,7 +398,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
           { card: { display: "line" } },
         ],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "normalized",
           "graph.show_values": true,
         },
@@ -416,7 +416,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
       const isHidden = getHidden(
         [{ card: { display: "bar" } }, { card: { display: "bar" } }],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": null,
           "graph.show_values": true,
         },
@@ -429,7 +429,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
       const isHidden = getHidden(
         [{ card: { display: "area" } }, { card: { display: "area" } }],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "stacked",
           "graph.show_values": true,
         },
@@ -447,7 +447,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
           { card: { display: "bar" } },
         ],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "stacked",
           "graph.show_values": true,
         },
@@ -460,7 +460,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
       const isHidden = getHidden(
         [{ card: { display: "bar" } }, { card: { display: "bar" } }],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "normalized",
           "graph.show_values": true,
         },
@@ -473,7 +473,7 @@ describe("GRAPH_DISPLAY_VALUES_SETTINGS", () => {
       const isHidden = getHidden(
         [{ card: { display: "bar" } }, { card: { display: "bar" } }],
         {
-          series: series => ({ display: series.card.display }),
+          series: (series) => ({ display: series.card.display }),
           "stackable.stack_type": "stacked",
           "graph.show_values": false,
         },
@@ -538,7 +538,7 @@ describe("graph.tooltip_columns", () => {
     });
 
     describe("getValue", () => {
-      const getMockSeries = display => [
+      const getMockSeries = (display) => [
         createMockSingleSeries(
           createMockCard({ display }),
           createMockDataset({
diff --git a/frontend/src/metabase/visualizations/lib/settings/nested.js b/frontend/src/metabase/visualizations/lib/settings/nested.js
index 3bb60312e2f..552e46f1936 100644
--- a/frontend/src/metabase/visualizations/lib/settings/nested.js
+++ b/frontend/src/metabase/visualizations/lib/settings/nested.js
@@ -28,7 +28,7 @@ export function nestedSettings(
       extra,
     );
     // remove undefined settings since they override other settings when merging object
-    return _.pick(computedSettings, value => value !== undefined);
+    return _.pick(computedSettings, (value) => value !== undefined);
   }
 
   function getComputedSettingsForAllObjects(
@@ -72,7 +72,7 @@ export function nestedSettings(
       onChangeSettings,
       extra,
     );
-    return widgets.map(widget => ({ ...widget, noPadding: true }));
+    return widgets.map((widget) => ({ ...widget, noPadding: true }));
   }
 
   // decorate with nested settings HOC
@@ -110,7 +110,7 @@ export function nestedSettings(
     [objectName]: {
       getDefault(series, settings) {
         const cache = new Map();
-        return object => {
+        return (object) => {
           const key = getObjectKey(object);
           if (!cache.has(key)) {
             const inheritedSettings = getInheritedSettingsForObject(object);
diff --git a/frontend/src/metabase/visualizations/lib/settings/nested.unit.spec.js b/frontend/src/metabase/visualizations/lib/settings/nested.unit.spec.js
index 3b036b6a267..046f0f684c8 100644
--- a/frontend/src/metabase/visualizations/lib/settings/nested.unit.spec.js
+++ b/frontend/src/metabase/visualizations/lib/settings/nested.unit.spec.js
@@ -7,10 +7,10 @@ describe("nestedSettings", () => {
       ...nestedSettings("nested_settings", {
         objectName: "nested",
         getObjects: () => [1, 2, 3],
-        getObjectKey: object => String(object),
+        getObjectKey: (object) => String(object),
         getObjectSettings: (objects, key) => objects[key],
         getSettingDefinitionsForObject: () => ({
-          foo: { getDefault: object => `foo${object}` },
+          foo: { getDefault: (object) => `foo${object}` },
         }),
       }),
     };
diff --git a/frontend/src/metabase/visualizations/lib/settings/series.js b/frontend/src/metabase/visualizations/lib/settings/series.js
index 9a93f322877..d39690b47e1 100644
--- a/frontend/src/metabase/visualizations/lib/settings/series.js
+++ b/frontend/src/metabase/visualizations/lib/settings/series.js
@@ -66,7 +66,7 @@ export function seriesSetting({ readDependencies = [], def } = {}) {
 
         // FIXME: will move to Cartesian series model further, but now this code is used by other legacy charts
         const transformedSeriesIndex = series.findIndex(
-          s => keyForSingleSeries(s) === keyForSingleSeries(single),
+          (s) => keyForSingleSeries(s) === keyForSingleSeries(single),
         );
 
         return getSeriesDefaultDisplay(
@@ -211,7 +211,7 @@ export function seriesSetting({ readDependencies = [], def } = {}) {
       component: ChartNestedSettingSeries,
       readDependencies: [SERIES_COLORS_SETTING_KEY, ...readDependencies],
       noPadding: true,
-      getExtraProps: series => ({
+      getExtraProps: (series) => ({
         seriesCardNames: series.reduce((memo, singleSeries) => {
           memo[keyForSingleSeries(singleSeries)] = getNameForCard(
             singleSeries.card,
@@ -224,7 +224,7 @@ export function seriesSetting({ readDependencies = [], def } = {}) {
     // colors must be computed as a whole rather than individually
     [SERIES_COLORS_SETTING_KEY]: {
       getValue(series, settings) {
-        const keys = series.map(single => keyForSingleSeries(single));
+        const keys = series.map((single) => keyForSingleSeries(single));
         return getSeriesColors(keys, settings);
       },
     },
diff --git a/frontend/src/metabase/visualizations/lib/settings/typed-utils.ts b/frontend/src/metabase/visualizations/lib/settings/typed-utils.ts
index a5108d66e8b..dc36250a815 100644
--- a/frontend/src/metabase/visualizations/lib/settings/typed-utils.ts
+++ b/frontend/src/metabase/visualizations/lib/settings/typed-utils.ts
@@ -45,12 +45,13 @@ const mergeTableColumns = (
   secondTableColumns: TableColumnOrderSetting[],
 ) => {
   const addedColumns = firstTableColumns.filter(
-    ({ name }) => secondTableColumns.findIndex(col => col.name === name) === -1,
+    ({ name }) =>
+      secondTableColumns.findIndex((col) => col.name === name) === -1,
   );
   const removedColumns = secondTableColumns
     .filter(
       ({ name }) =>
-        firstTableColumns.findIndex(col => col.name === name) === -1,
+        firstTableColumns.findIndex((col) => col.name === name) === -1,
     )
     .map(({ name }) => name);
 
diff --git a/frontend/src/metabase/visualizations/lib/settings/utils.js b/frontend/src/metabase/visualizations/lib/settings/utils.js
index e1fb6dfacf2..f3213a0fe10 100644
--- a/frontend/src/metabase/visualizations/lib/settings/utils.js
+++ b/frontend/src/metabase/visualizations/lib/settings/utils.js
@@ -14,7 +14,7 @@ export function getOptionFromColumn(col) {
 export function metricSetting(id, def = {}) {
   return fieldSetting(id, {
     fieldFilter: isMetric,
-    getDefault: series => getDefaultDimensionAndMetric(series).metric,
+    getDefault: (series) => getDefaultDimensionAndMetric(series).metric,
     ...def,
   });
 }
@@ -22,12 +22,12 @@ export function metricSetting(id, def = {}) {
 export function dimensionSetting(id, def = {}) {
   return fieldSetting(id, {
     fieldFilter: isDimension,
-    getDefault: series => getDefaultDimensionAndMetric(series).dimension,
+    getDefault: (series) => getDefaultDimensionAndMetric(series).dimension,
     ...def,
   });
 }
 
-const DEFAULT_FIELD_FILTER = column => true;
+const DEFAULT_FIELD_FILTER = (column) => true;
 
 export function getDefaultColumn(
   series,
diff --git a/frontend/src/metabase/visualizations/lib/settings/validation.js b/frontend/src/metabase/visualizations/lib/settings/validation.js
index 29b375b0906..5f535551c8f 100644
--- a/frontend/src/metabase/visualizations/lib/settings/validation.js
+++ b/frontend/src/metabase/visualizations/lib/settings/validation.js
@@ -7,14 +7,14 @@ import {
   MinRowsError,
 } from "metabase/visualizations/lib/errors";
 
-export const validateDatasetRows = series => {
+export const validateDatasetRows = (series) => {
   const singleSeriesHasNoRows = ({ data: { rows } }) => rows.length === 0;
   if (_.every(series, singleSeriesHasNoRows)) {
     throw new MinRowsError(1, 0);
   }
 };
 
-export const validateChartDataSettings = settings => {
+export const validateChartDataSettings = (settings) => {
   const dimensions = (settings["graph.dimensions"] || []).filter(isNotNull);
   const metrics = (settings["graph.metrics"] || []).filter(isNotNull);
   if (dimensions.length < 1 || metrics.length < 1) {
@@ -25,7 +25,7 @@ export const validateChartDataSettings = settings => {
     );
   }
   const seriesOrder = (settings["graph.series_order"] || []).filter(
-    series => series.enabled,
+    (series) => series.enabled,
   );
   if (dimensions.length > 1 && seriesOrder.length === 0) {
     throw new ChartSettingsError(t`No breakouts are enabled`, {
@@ -34,7 +34,7 @@ export const validateChartDataSettings = settings => {
   }
 };
 
-export const validateStacking = settings => {
+export const validateStacking = (settings) => {
   if (
     settings["stackable.stack_type"] === "normalized" &&
     settings["graph.y_axis.scale"] === "log"
diff --git a/frontend/src/metabase/visualizations/lib/settings/visualization.js b/frontend/src/metabase/visualizations/lib/settings/visualization.js
index b311088c43d..4e5a437ad71 100644
--- a/frontend/src/metabase/visualizations/lib/settings/visualization.js
+++ b/frontend/src/metabase/visualizations/lib/settings/visualization.js
@@ -16,14 +16,14 @@ const COMMON_SETTINGS = {
   "card.title": {
     title: t`Title`,
     widget: "input",
-    getDefault: series => (series.length === 1 ? series[0].card.name : null),
+    getDefault: (series) => (series.length === 1 ? series[0].card.name : null),
     dashboard: true,
     useRawSeries: true,
   },
   "card.description": {
     title: t`Description`,
     widget: "input",
-    getDefault: series =>
+    getDefault: (series) =>
       series.length === 1 ? series[0].card.description : null,
     dashboard: true,
     useRawSeries: true,
@@ -123,7 +123,7 @@ export function getSettingsWidgetsForSeries(
     onChangeSettings,
     { isDashboard, ...extra },
   ).filter(
-    widget =>
+    (widget) =>
       widget.dashboard === undefined || widget.dashboard === isDashboard,
   );
 }
diff --git a/frontend/src/metabase/visualizations/lib/settings/visualization.unit.spec.js b/frontend/src/metabase/visualizations/lib/settings/visualization.unit.spec.js
index 6b25f58d1f6..69ab2ef8673 100644
--- a/frontend/src/metabase/visualizations/lib/settings/visualization.unit.spec.js
+++ b/frontend/src/metabase/visualizations/lib/settings/visualization.unit.spec.js
@@ -47,7 +47,7 @@ describe("visualization_settings", () => {
       ];
 
       describe("non-histgram units", () => {
-        NON_HISTOGRAM_UNITS.forEach(unit => {
+        NON_HISTOGRAM_UNITS.forEach((unit) => {
           it(`should default ${unit} to false`, () => {
             const settings = getComputedSettingsForSeries(
               cardWithTimeseriesBreakout({ unit }),
@@ -58,7 +58,7 @@ describe("visualization_settings", () => {
       });
 
       describe("histgram units", () => {
-        HISTOGRAM_UNITS.forEach(unit => {
+        HISTOGRAM_UNITS.forEach((unit) => {
           it(`should default ${unit} to true`, () => {
             const settings = getComputedSettingsForSeries(
               cardWithTimeseriesBreakout({ unit }),
diff --git a/frontend/src/metabase/visualizations/lib/table.js b/frontend/src/metabase/visualizations/lib/table.js
index 7be64d9fe96..cee01a7b635 100644
--- a/frontend/src/metabase/visualizations/lib/table.js
+++ b/frontend/src/metabase/visualizations/lib/table.js
@@ -67,7 +67,7 @@ export function getTableCellClickedObject(
       settings,
       dimensions: cols
         .map((column, index) => ({ value: row[index], column }))
-        .filter(dimension => dimension.column.source === "breakout"),
+        .filter((dimension) => dimension.column.source === "breakout"),
       origin: { rowIndex, row, cols },
       data: clickedRowData,
     };
diff --git a/frontend/src/metabase/visualizations/lib/table_format.js b/frontend/src/metabase/visualizations/lib/table_format.js
index ad5328ee8b7..1d97aac36de 100644
--- a/frontend/src/metabase/visualizations/lib/table_format.js
+++ b/frontend/src/metabase/visualizations/lib/table_format.js
@@ -69,32 +69,32 @@ function getColumnIndexesByName(cols) {
 export const canCompareSubstrings = (a, b) =>
   typeof a === "string" && typeof b === "string" && !!a.length && !!b.length;
 
-export const isEmptyString = val => typeof val === "string" && !val.length;
+export const isEmptyString = (val) => typeof val === "string" && !val.length;
 
 export const OPERATOR_FORMATTER_FACTORIES = {
-  "<": (value, color) => v =>
+  "<": (value, color) => (v) =>
     typeof value === "number" && v < value ? color : null,
-  "<=": (value, color) => v =>
+  "<=": (value, color) => (v) =>
     typeof value === "number" && v <= value ? color : null,
-  ">=": (value, color) => v =>
+  ">=": (value, color) => (v) =>
     typeof value === "number" && v >= value ? color : null,
-  ">": (value, color) => v =>
+  ">": (value, color) => (v) =>
     typeof value === "number" && v > value ? color : null,
-  "=": (value, color) => v => (v === value ? color : null),
-  "!=": (value, color) => v =>
+  "=": (value, color) => (v) => (v === value ? color : null),
+  "!=": (value, color) => (v) =>
     !isEmptyString(value) && v !== value ? color : null,
-  "is-null": (_value, color) => v => (v === null ? color : null),
-  "not-null": (_value, color) => v => (v !== null ? color : null),
-  contains: (value, color) => v =>
+  "is-null": (_value, color) => (v) => (v === null ? color : null),
+  "not-null": (_value, color) => (v) => (v !== null ? color : null),
+  contains: (value, color) => (v) =>
     canCompareSubstrings(value, v) && v.indexOf(value) >= 0 ? color : null,
-  "does-not-contain": (value, color) => v =>
+  "does-not-contain": (value, color) => (v) =>
     canCompareSubstrings(value, v) && v.indexOf(value) < 0 ? color : null,
-  "starts-with": (value, color) => v =>
+  "starts-with": (value, color) => (v) =>
     canCompareSubstrings(value, v) && v.startsWith(value) ? color : null,
-  "ends-with": (value, color) => v =>
+  "ends-with": (value, color) => (v) =>
     canCompareSubstrings(value, v) && v.endsWith(value) ? color : null,
-  "is-true": (_value, color) => v => (v ? color : null),
-  "is-false": (_value, color) => v => (v ? null : color),
+  "is-true": (_value, color) => (v) => (v ? color : null),
+  "is-false": (_value, color) => (v) => (v ? null : color),
 };
 
 export function compileFormatter(
@@ -115,9 +115,9 @@ export function compileFormatter(
     console.error("Unsupported formatting operator:", operator);
     return () => null;
   } else if (format.type === "range") {
-    const columnMin = name =>
+    const columnMin = (name) =>
       columnExtents && columnExtents[name] && columnExtents[name][0];
-    const columnMax = name =>
+    const columnMax = (name) =>
       columnExtents && columnExtents[name] && columnExtents[name][1];
 
     const min =
@@ -140,9 +140,9 @@ export function compileFormatter(
 
     const scale = getColorScale(
       [min, max],
-      format.colors.map(c => alpha(c, GRADIENT_ALPHA)),
+      format.colors.map((c) => alpha(c, GRADIENT_ALPHA)),
     ).clamp(true);
-    return value => {
+    return (value) => {
       const colorValue = scale(value);
       if (!colorValue) {
         return null;
@@ -175,8 +175,8 @@ export function extent(rows, colIndex) {
 
 function computeColumnExtents(formats, rows, colIndexes) {
   const columnExtents = {};
-  formats.forEach(format => {
-    format.columns.forEach(columnName => {
+  formats.forEach((format) => {
+    format.columns.forEach((columnName) => {
       if (!columnExtents[columnName]) {
         const colIndex = colIndexes[columnName];
         columnExtents[columnName] = extent(rows, colIndex);
@@ -188,8 +188,8 @@ function computeColumnExtents(formats, rows, colIndexes) {
 
 function compileFormatters(formats, columnExtents) {
   const formatters = {};
-  formats.forEach(format => {
-    format.columns.forEach(columnName => {
+  formats.forEach((format) => {
+    format.columns.forEach((columnName) => {
       formatters[columnName] = formatters[columnName] || [];
       formatters[columnName].push(
         compileFormatter(format, columnName, columnExtents, false),
@@ -202,11 +202,11 @@ function compileFormatters(formats, columnExtents) {
 function compileRowFormatters(formats) {
   const rowFormatters = [];
   formats
-    .filter(format => format.type === "single" && format.highlight_row)
-    .forEach(format => {
+    .filter((format) => format.type === "single" && format.highlight_row)
+    .forEach((format) => {
       const formatter = compileFormatter(format, null, null, true);
       if (formatter) {
-        format.columns.forEach(columnName => {
+        format.columns.forEach((columnName) => {
           rowFormatters.push((row, colIndexes) =>
             formatter(row[colIndexes[columnName]]),
           );
diff --git a/frontend/src/metabase/visualizations/lib/table_format.unit.spec.js b/frontend/src/metabase/visualizations/lib/table_format.unit.spec.js
index cfac222433b..50ab5350747 100644
--- a/frontend/src/metabase/visualizations/lib/table_format.unit.spec.js
+++ b/frontend/src/metabase/visualizations/lib/table_format.unit.spec.js
@@ -34,7 +34,7 @@ describe("compileFormatter", () => {
       "ends-with",
     ];
 
-    textFormatters.forEach(factoryName => {
+    textFormatters.forEach((factoryName) => {
       const factory = OPERATOR_FORMATTER_FACTORIES[factoryName]("", "#fff");
       expect(factory("foo")).toBeNull();
       expect(factory("")).toBeNull();
diff --git a/frontend/src/metabase/visualizations/lib/text.unit.spec.ts b/frontend/src/metabase/visualizations/lib/text.unit.spec.ts
index 24eaa868acf..5597cbf34ba 100644
--- a/frontend/src/metabase/visualizations/lib/text.unit.spec.ts
+++ b/frontend/src/metabase/visualizations/lib/text.unit.spec.ts
@@ -20,7 +20,7 @@ const tests: { name: string; measurer: TextWidthMeasurer }[] = [
   },
 ];
 
-tests.map(test => {
+tests.map((test) => {
   describe(test.name, () => {
     it("should not truncate text with ellipses if there is no overflow", () => {
       expect(truncateText("John Doe", 48, test.measurer, fontStyle)).toBe(
diff --git a/frontend/src/metabase/visualizations/lib/timeseries.unit.spec.js b/frontend/src/metabase/visualizations/lib/timeseries.unit.spec.js
index ac4f5bbdac5..79d8870488b 100644
--- a/frontend/src/metabase/visualizations/lib/timeseries.unit.spec.js
+++ b/frontend/src/metabase/visualizations/lib/timeseries.unit.spec.js
@@ -37,7 +37,7 @@ describe("visualization.lib.timeseries", () => {
       ).toBe(true);
     });
 
-    ISO_8601_DATES.forEach(isoDate => {
+    ISO_8601_DATES.forEach((isoDate) => {
       it(
         "should detect values with ISO 8601 formatted string '" +
           isoDate +
@@ -52,7 +52,7 @@ describe("visualization.lib.timeseries", () => {
         },
       );
     });
-    NOT_DATES.forEach(notDate => {
+    NOT_DATES.forEach((notDate) => {
       it("should not detect value '" + notDate + "' as timeseries", () => {
         expect(
           dimensionIsTimeseries({
diff --git a/frontend/src/metabase/visualizations/lib/tooltip.ts b/frontend/src/metabase/visualizations/lib/tooltip.ts
index d801d528f66..5d1b936932c 100644
--- a/frontend/src/metabase/visualizations/lib/tooltip.ts
+++ b/frontend/src/metabase/visualizations/lib/tooltip.ts
@@ -8,9 +8,9 @@ function getElementIndex(e: HTMLElement | null) {
   return (
     e &&
     [...e.classList]
-      .map(c => c.match(/^_(\d+)$/))
-      .filter(c => c)
-      .map(c => (c != null ? parseInt(c[1], 10) : null))[0]
+      .map((c) => c.match(/^_(\d+)$/))
+      .filter((c) => c)
+      .map((c) => (c != null ? parseInt(c[1], 10) : null))[0]
   );
 }
 
diff --git a/frontend/src/metabase/visualizations/lib/trends.js b/frontend/src/metabase/visualizations/lib/trends.js
index 155d52efd44..78ae8cbf606 100644
--- a/frontend/src/metabase/visualizations/lib/trends.js
+++ b/frontend/src/metabase/visualizations/lib/trends.js
@@ -4,9 +4,9 @@ const EXPRESSION_OPERATORS = new Map([
   ["-", (...args) => args.reduce((x, y) => x - y)],
   ["*", (...args) => args.reduce((x, y) => x * y)],
   ["/", (...args) => args.reduce((x, y) => x / y)],
-  ["log", x => Math.log(x)],
+  ["log", (x) => Math.log(x)],
   ["pow", (x, y) => Math.pow(x, y)],
-  ["exp", x => Math.pow(Math.E, x)],
+  ["exp", (x) => Math.pow(Math.E, x)],
 ]);
 // list of allowed expressions
 const EXPRESSION_IDENTIFIERS = new Set(["x"]);
@@ -16,7 +16,7 @@ function computeExpression(node, x) {
     const [operator, ...args] = node;
     if (EXPRESSION_OPERATORS.has(operator)) {
       const operatorFn = EXPRESSION_OPERATORS.get(operator);
-      const argValues = args.map(arg => computeExpression(arg, x));
+      const argValues = args.map((arg) => computeExpression(arg, x));
       return operatorFn(...argValues);
     }
   } else if (typeof node === "number") {
@@ -27,9 +27,9 @@ function computeExpression(node, x) {
   throw new Error(`Invalid expression: ${node}`);
 }
 
-export const getTrendLineFunction = insight => {
+export const getTrendLineFunction = (insight) => {
   if (insight["best-fit"]) {
-    return x => computeExpression(insight["best-fit"], x);
+    return (x) => computeExpression(insight["best-fit"], x);
   }
-  return x => x * insight.slope + insight.offset;
+  return (x) => x * insight.slope + insight.offset;
 };
diff --git a/frontend/src/metabase/visualizations/lib/utils.js b/frontend/src/metabase/visualizations/lib/utils.js
index cdc1f0f5379..5a9caca6a9a 100644
--- a/frontend/src/metabase/visualizations/lib/utils.js
+++ b/frontend/src/metabase/visualizations/lib/utils.js
@@ -115,18 +115,18 @@ function axisCost(seriesExtents, favorUnsplit = true) {
 export function computeSplit(extents, left = [], right = []) {
   const unassigned = extents
     .map((e, i) => i)
-    .filter(i => left.indexOf(i) < 0 && right.indexOf(i) < 0);
+    .filter((i) => left.indexOf(i) < 0 && right.indexOf(i) < 0);
 
   // if any are assigned to right we have decided to split so don't favor unsplit
   const favorUnsplit = right.length > 0;
 
-  const cost = split =>
+  const cost = (split) =>
     axisCost(
-      split[0].map(i => extents[i]),
+      split[0].map((i) => extents[i]),
       favorUnsplit,
     ) +
     axisCost(
-      split[1].map(i => extents[i]),
+      split[1].map((i) => extents[i]),
       favorUnsplit,
     );
 
@@ -165,7 +165,7 @@ export function isSameSeries(seriesA, seriesB) {
 }
 
 export function colorShades(color, count) {
-  return _.range(count).map(i =>
+  return _.range(count).map((i) =>
     colorShade(color, 1 - Math.min(0.25, 1 / count) * i),
   );
 }
@@ -177,13 +177,15 @@ export function colorShade(hex, shade = 0) {
   }
   const components = (
     match[1] != null ? match.slice(1, 4) : match.slice(4, 7)
-  ).map(d => parseInt(d, 16));
+  ).map((d) => parseInt(d, 16));
   const min = Math.min(...components);
   const max = Math.max(...components);
   return (
     "#" +
     components
-      .map(c => Math.round(min + (max - min) * shade * (c / 255)).toString(16))
+      .map((c) =>
+        Math.round(min + (max - min) * shade * (c / 255)).toString(16),
+      )
       .join("")
   );
 }
@@ -199,7 +201,7 @@ export function getColumnCardinality(cols, rows, index) {
     cardinalityCache.set(
       key,
       dataset
-        .dimension(d => d[index])
+        .dimension((d) => d[index])
         .group()
         .size(),
     );
@@ -214,7 +216,7 @@ export function getColumnExtent(cols, rows, index) {
   if (!extentCache.has(col)) {
     extentCache.set(
       col,
-      d3.extent(rows, row => row[index]),
+      d3.extent(rows, (row) => row[index]),
     );
   }
   return extentCache.get(col);
@@ -282,9 +284,9 @@ export function getSingleSeriesDimensionsAndMetrics(
 
   // in MBQL queries that are broken out, metrics and dimensions are mutually exclusive
   // in SQL queries and raw MBQL queries metrics are numeric, summable, non-PK/FK and dimensions can be anything
-  const metricColumns = cols.filter(col => isMetric(col));
+  const metricColumns = cols.filter((col) => isMetric(col));
   const dimensionNotMetricColumns = cols.filter(
-    col => isDimension(col) && !isMetric(col),
+    (col) => isDimension(col) && !isMetric(col),
   );
   if (
     dimensionNotMetricColumns.length <= maxDimensions &&
@@ -321,8 +323,8 @@ export function getSingleSeriesDimensionsAndMetrics(
   }
 
   return {
-    dimensions: dimensions.length > 0 ? dimensions.map(c => c.name) : [null],
-    metrics: metrics.length > 0 ? metrics.map(c => c.name) : [null],
+    dimensions: dimensions.length > 0 ? dimensions.map((c) => c.name) : [null],
+    metrics: metrics.length > 0 ? metrics.map((c) => c.name) : [null],
   };
 }
 
@@ -347,7 +349,7 @@ export function computeMaxDecimalsForValues(values, options) {
     let maxDecimalCount = 0;
     for (const value of values) {
       const parts = formatter.formatToParts(value);
-      const part = parts.find(p => p.type === "fraction");
+      const part = parts.find((p) => p.type === "fraction");
       const decimalCount = part ? part.value.length : 0;
       if (decimalCount > maxDecimalCount) {
         maxDecimalCount = decimalCount;
@@ -367,8 +369,8 @@ export const preserveExistingColumnsOrder = (prevColumns, newColumns) => {
   const newSet = new Set(newColumns);
   const prevSet = new Set(prevColumns);
 
-  const addedColumns = newColumns.filter(column => !prevSet.has(column));
-  const prevOrderedColumnsExceptRemoved = prevColumns.map(column =>
+  const addedColumns = newColumns.filter((column) => !prevSet.has(column));
+  const prevOrderedColumnsExceptRemoved = prevColumns.map((column) =>
     newSet.has(column) ? column : null,
   );
 
@@ -437,10 +439,10 @@ function findSankeyColumnPair(dimensionColumns, rows) {
   for (let i = 0; i < pairsToCheck; i++) {
     const sourceCol = dimensionColumns[i];
 
-    const sourceValues = new Set(rows.map(row => row[sourceCol.index]));
+    const sourceValues = new Set(rows.map((row) => row[sourceCol.index]));
 
-    const targetCol = dimensionColumns.slice(i + 1).find(maybeTarget => {
-      return rows.some(row => sourceValues.has(row[maybeTarget.index]));
+    const targetCol = dimensionColumns.slice(i + 1).find((maybeTarget) => {
+      return rows.some((row) => sourceValues.has(row[maybeTarget.index]));
     });
 
     if (targetCol) {
diff --git a/frontend/src/metabase/visualizations/lib/utils.unit.spec.js b/frontend/src/metabase/visualizations/lib/utils.unit.spec.js
index fe8d0b08fed..e4d8e3d7b39 100644
--- a/frontend/src/metabase/visualizations/lib/utils.unit.spec.js
+++ b/frontend/src/metabase/visualizations/lib/utils.unit.spec.js
@@ -213,7 +213,7 @@ describe("metabase/visualization/lib/utils", () => {
         getDefaultDimensionsAndMetrics([
           {
             data: {
-              rows: _.range(0, 100).map(v => [0, 0, v]),
+              rows: _.range(0, 100).map((v) => [0, 0, v]),
               cols: [
                 {
                   name: "count",
@@ -242,7 +242,7 @@ describe("metabase/visualization/lib/utils", () => {
         getDefaultDimensionsAndMetrics([
           {
             data: {
-              rows: _.range(0, 101).map(v => [0, v, v]),
+              rows: _.range(0, 101).map((v) => [0, v, v]),
               cols: [
                 {
                   name: "count",
@@ -368,7 +368,7 @@ describe("metabase/visualization/lib/utils", () => {
 
     it("returns null if all columns has cardinality > 16", () => {
       const cols = [highestCardinalityColumn, highCardinalityColumn];
-      const rows = _.range(highestCardinality).map(n => [
+      const rows = _.range(highestCardinality).map((n) => [
         n,
         n % highCardinality,
       ]);
@@ -383,7 +383,7 @@ describe("metabase/visualization/lib/utils", () => {
         lowCardinalityColumn,
         lowestCardinalityColumn,
       ];
-      const rows = _.range(highestCardinality).map(n => [
+      const rows = _.range(highestCardinality).map((n) => [
         n,
         n % highCardinality,
         n % lowCardinality,
@@ -403,7 +403,7 @@ describe("metabase/visualization/lib/utils", () => {
           source: "aggregation",
         }),
       ];
-      const rows = _.range(lowCardinality).map(n => [n, 1]);
+      const rows = _.range(lowCardinality).map((n) => [n, 1]);
 
       expect(getDefaultPivotColumn(cols, rows)).toEqual(lowCardinalityColumn);
     });
diff --git a/frontend/src/metabase/visualizations/shared/components/RowChart/RowChart.stories.tsx b/frontend/src/metabase/visualizations/shared/components/RowChart/RowChart.stories.tsx
index 4b173d80b8c..042137bf9e8 100644
--- a/frontend/src/metabase/visualizations/shared/components/RowChart/RowChart.stories.tsx
+++ b/frontend/src/metabase/visualizations/shared/components/RowChart/RowChart.stories.tsx
@@ -14,7 +14,7 @@ export default {
   component: RowChart,
 };
 
-const Template: StoryFn<RowChartProps<any>> = args => {
+const Template: StoryFn<RowChartProps<any>> = (args) => {
   return (
     <Box h={600} bg="white" p="8px">
       <RowChart {...args} />
diff --git a/frontend/src/metabase/visualizations/shared/components/RowChart/RowChart.unit.spec.tsx b/frontend/src/metabase/visualizations/shared/components/RowChart/RowChart.unit.spec.tsx
index 53f3bb578e9..091b2e15662 100644
--- a/frontend/src/metabase/visualizations/shared/components/RowChart/RowChart.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/shared/components/RowChart/RowChart.unit.spec.tsx
@@ -63,23 +63,23 @@ const setup = (props?: Partial<RowChartProps<TestDatum>>) => {
   const { container } = render(<RowChart {...defaultProps} {...props} />);
   const bars = screen
     .getAllByRole("graphics-symbol")
-    .filter(el => el.getAttribute("aria-roledescription") === "bar");
+    .filter((el) => el.getAttribute("aria-roledescription") === "bar");
   const dataLabels = screen.queryAllByTestId("data-label");
   const goalLine = screen
     .queryAllByRole("graphics-symbol")
-    .find(el => el.getAttribute("aria-roledescription") === "goal line");
+    .find((el) => el.getAttribute("aria-roledescription") === "goal line");
 
   const xTicks = Array.from(
     container // eslint-disable-line testing-library/no-container
       .getElementsByClassName("visx-axis-bottom")[0] // eslint-disable-line testing-library/no-node-access
       ?.getElementsByTagName("tspan") || [], // eslint-disable-line testing-library/no-node-access
-  ).map(tspan => tspan.textContent);
+  ).map((tspan) => tspan.textContent);
 
   const yTicks = Array.from(
     container // eslint-disable-line testing-library/no-container
       .getElementsByClassName("visx-axis-left")[0] // eslint-disable-line testing-library/no-node-access
       ?.getElementsByTagName("tspan") || [], // eslint-disable-line testing-library/no-node-access
-  ).map(tspan => tspan.textContent);
+  ).map((tspan) => tspan.textContent);
 
   return {
     bars,
@@ -213,7 +213,7 @@ describe("RowChart", () => {
 
     it("should render data labels for specified series", () => {
       const { dataLabels } = setup({ labelledSeries: ["series 1"] });
-      expect(dataLabels.map(el => el.textContent)).toStrictEqual([
+      expect(dataLabels.map((el) => el.textContent)).toStrictEqual([
         "100",
         "200",
         "300",
@@ -225,7 +225,7 @@ describe("RowChart", () => {
         labelledSeries: ["series 1"],
         labelsFormatter: (value: NumberValue) => `_${value}_`,
       });
-      expect(dataLabels.map(el => el.textContent)).toStrictEqual([
+      expect(dataLabels.map((el) => el.textContent)).toStrictEqual([
         "_100_",
         "_200_",
         "_300_",
@@ -332,11 +332,11 @@ describe("RowChart", () => {
       const firstSeriesBars = bars.slice(0, 3);
       const secondSeriesBars = bars.slice(3);
 
-      firstSeriesBars.forEach(bar =>
+      firstSeriesBars.forEach((bar) =>
         expect(bar).toHaveAttribute("opacity", "0.4"),
       );
 
-      secondSeriesBars.forEach(bar =>
+      secondSeriesBars.forEach((bar) =>
         expect(bar).toHaveAttribute("opacity", "1"),
       );
     });
@@ -349,7 +349,7 @@ describe("RowChart", () => {
 
       const { bars } = setup({ hoveredData, series: [series1] });
 
-      expect(bars.map(bar => bar.getAttribute("opacity"))).toStrictEqual([
+      expect(bars.map((bar) => bar.getAttribute("opacity"))).toStrictEqual([
         "0.4",
         "1",
         "0.4",
diff --git a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/data.ts b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/data.ts
index ef98fea2b16..9e41f100084 100644
--- a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/data.ts
+++ b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/data.ts
@@ -57,8 +57,8 @@ export const calculateNonStackedBars = <TDatum>(
 const patchD3StackDataForLogScale = <TDatum>(
   stackedSeries: D3Series<TDatum, string>[],
 ) => {
-  stackedSeries.forEach(series => {
-    series.forEach(datum => {
+  stackedSeries.forEach((series) => {
+    series.forEach((datum) => {
       datum.forEach((value, index) => {
         if (value === 0) {
           datum[index] = 1;
@@ -84,7 +84,7 @@ export const calculateStackedBars = <TDatum>(
   );
 
   const d3Stack = stack<TDatum>()
-    .keys(multipleSeries.map(s => s.seriesKey))
+    .keys(multipleSeries.map((s) => s.seriesKey))
     .value((datum, seriesKey) => seriesByKey[seriesKey].xAccessor(datum) ?? 0)
     .offset(StackOffsetFn[stackOffset ?? "diverging"]);
 
@@ -96,7 +96,7 @@ export const calculateStackedBars = <TDatum>(
 
   const getDatumExtent = _.memoize(
     (stackedSeries: D3Series<TDatum, string>[], datumIndex: number) => {
-      return d3.extent(stackedSeries.flatMap(series => series[datumIndex]));
+      return d3.extent(stackedSeries.flatMap((series) => series[datumIndex]));
     },
     (_series, datumIndex) => datumIndex,
   );
diff --git a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/domain.ts b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/domain.ts
index f1e7cc3ff41..5d740e3bd70 100644
--- a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/domain.ts
+++ b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/domain.ts
@@ -15,7 +15,7 @@ const getExtent = (values: number[]) => {
 
 export const createYDomain = <TDatum>(data: SeriesData<TDatum>[]) => {
   // taking first series assuming all series have the same Y-axis values
-  return data[0]?.bars.map(bar => bar.yValue) ?? [];
+  return data[0]?.bars.map((bar) => bar.yValue) ?? [];
 };
 
 export const createXDomain = <TDatum>(
@@ -23,9 +23,9 @@ export const createXDomain = <TDatum>(
   additionalValues: number[],
   xScaleType: ContinuousScaleType,
 ): ContinuousDomain => {
-  const allXValues = data.flatMap(series =>
+  const allXValues = data.flatMap((series) =>
     series.bars
-      .flatMap(bar => [bar.xStartValue, bar.xEndValue])
+      .flatMap((bar) => [bar.xStartValue, bar.xEndValue])
       .filter(isNotNull),
   );
   const [min, max] = getExtent([...allXValues, ...additionalValues]);
diff --git a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/layout.ts b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/layout.ts
index a1a5cd9b997..8833ba6f97c 100644
--- a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/layout.ts
+++ b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/layout.ts
@@ -21,7 +21,7 @@ export const getMaxWidth = (
   measureTextWidth: TextWidthMeasurer,
 ): number => {
   return Math.max(
-    ...formattedYTicks.map(tick =>
+    ...formattedYTicks.map((tick) =>
       measureTextWidth(tick, {
         size: `${ticksFont.size}px`,
         family: "Lato",
@@ -45,8 +45,8 @@ export const getChartMargin = <TDatum>(
 ): Margin => {
   const yAxisOffset = hasYAxis
     ? getMaxWidth(
-        seriesData.flatMap(seriesData =>
-          seriesData.bars.map(bar => yTickFormatter(bar.yValue)),
+        seriesData.flatMap((seriesData) =>
+          seriesData.bars.map((bar) => yTickFormatter(bar.yValue)),
         ),
         ticksFont,
         measureTextWidth,
diff --git a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/ticks.ts b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/ticks.ts
index d829b67097b..301faa9fee8 100644
--- a/frontend/src/metabase/visualizations/shared/components/RowChart/utils/ticks.ts
+++ b/frontend/src/metabase/visualizations/shared/components/RowChart/utils/ticks.ts
@@ -62,7 +62,7 @@ const getMaxTickWidth = (
   const borderTicksWidths = scale
     .domain()
     .map(
-      tick => measureTextWidth(tickFormatter(tick), tickFont) + TICK_SPACING,
+      (tick) => measureTextWidth(tickFormatter(tick), tickFont) + TICK_SPACING,
     );
 
   return Math.max(...borderTicksWidths);
@@ -91,7 +91,7 @@ const getEvenlySpacedTicks = (
 ) => {
   const [startCoordinate] = scale.range();
 
-  return _.range(ticksCount).map(i => {
+  return _.range(ticksCount).map((i) => {
     const tickCoordinate = startCoordinate + i * ticksInterval;
     return scale.invert(tickCoordinate);
   });
diff --git a/frontend/src/metabase/visualizations/shared/components/RowChartView/RowChartView.tsx b/frontend/src/metabase/visualizations/shared/components/RowChartView/RowChartView.tsx
index 6bb1be99f36..305de9186bd 100644
--- a/frontend/src/metabase/visualizations/shared/components/RowChartView/RowChartView.tsx
+++ b/frontend/src/metabase/visualizations/shared/components/RowChartView/RowChartView.tsx
@@ -101,7 +101,7 @@ const RowChartView = <TDatum,>({
         />
 
         {seriesData.map((series, seriesIndex) => {
-          return series.bars.map(bar => {
+          return series.bars.map((bar) => {
             const { xStartValue, xEndValue, isNegative, yValue, datumIndex } =
               bar;
             let y = yScale(yValue);
@@ -157,9 +157,9 @@ const RowChartView = <TDatum,>({
                   height={height}
                   fill={series.color}
                   opacity={opacity}
-                  onClick={event => onClick?.(event, bar)}
-                  onMouseEnter={event => onHover?.(event, bar)}
-                  onMouseLeave={event => onHover?.(event, null)}
+                  onClick={(event) => onClick?.(event, bar)}
+                  onMouseEnter={(event) => onHover?.(event, bar)}
+                  onMouseLeave={(event) => onHover?.(event, null)}
                 />
                 {label != null && (
                   <Text
diff --git a/frontend/src/metabase/visualizations/shared/settings/cartesian-chart.ts b/frontend/src/metabase/visualizations/shared/settings/cartesian-chart.ts
index d9698cc4bd4..8d607ecb717 100644
--- a/frontend/src/metabase/visualizations/shared/settings/cartesian-chart.ts
+++ b/frontend/src/metabase/visualizations/shared/settings/cartesian-chart.ts
@@ -100,7 +100,7 @@ export const isStackingValueValid = (
     return true;
   }
 
-  const stackableDisplays = seriesDisplays.filter(display =>
+  const stackableDisplays = seriesDisplays.filter((display) =>
     STACKABLE_SERIES_DISPLAY_TYPES.has(display),
   );
   return stackableDisplays.length > 1;
@@ -110,7 +110,7 @@ export const isShowStackValuesValid = (
   seriesDisplays: string[],
   settings: ComputedVisualizationSettings,
 ) => {
-  const areAllAreas = seriesDisplays.every(display => display === "area");
+  const areAllAreas = seriesDisplays.every((display) => display === "area");
 
   return !areAllAreas && settings["stackable.stack_type"] !== "normalized";
 };
@@ -157,7 +157,7 @@ export const getSeriesOrderVisibilitySettings = (
   }
 
   const generateDefault = (keys: string[]) => {
-    return keys.map(key => ({
+    return keys.map((key) => ({
       key,
       color: seriesColors[key],
       enabled: true,
@@ -166,15 +166,15 @@ export const getSeriesOrderVisibilitySettings = (
   };
 
   const removeMissingOrder = (keys: string[], order: SeriesOrderSetting[]) =>
-    order.filter(o => keys.includes(o.key));
+    order.filter((o) => keys.includes(o.key));
   const newKeys = (keys: string[], order: SeriesOrderSetting[]) =>
-    keys.filter(key => !order.find(o => o.key === key));
+    keys.filter((key) => !order.find((o) => o.key === key));
 
   if (
     !seriesOrder ||
     !_.isArray(seriesOrder) ||
     !seriesOrder.every(
-      order =>
+      (order) =>
         order.key !== undefined &&
         order.name !== undefined &&
         order.color !== undefined,
@@ -187,7 +187,7 @@ export const getSeriesOrderVisibilitySettings = (
   return [
     ...removeMissingOrder(seriesKeys, seriesOrder),
     ...generateDefault(newKeys(seriesKeys, seriesOrder)),
-  ].map(item => ({
+  ].map((item) => ({
     ...item,
     name: seriesSettings?.[item.key]?.title || item.key,
     color: seriesColors[item.key],
@@ -218,7 +218,7 @@ export const isYAxisUnpinFromZeroValid = (
   }
 
   return seriesDisplays.every(
-    display =>
+    (display) =>
       display !== "area" && display !== "bar" && display !== "waterfall",
   );
 };
@@ -285,7 +285,7 @@ export const getAvailableXAxisScales = (
   const options = [];
 
   const dimensionColumn = data.cols.find(
-    col => col != null && col.name === settings["graph.dimensions"]?.[0],
+    (col) => col != null && col.name === settings["graph.dimensions"]?.[0],
   );
 
   if (settings["graph.x_axis._is_timeseries"]) {
@@ -318,7 +318,7 @@ export const isXAxisScaleValid = (
   const isWaterfall = series[0].card.display === "waterfall";
   const xAxisScale = settings["graph.x_axis.scale"];
   const options = getAvailableXAxisScales(series, settings).map(
-    option => option.value,
+    (option) => option.value,
   );
 
   if (xAxisScale && !options.includes(xAxisScale)) {
@@ -402,23 +402,23 @@ export function getAvailableAdditionalColumns(
     return [];
   }
 
-  getCardsColumns(rawSeries, settings).forEach(cardColumns => {
+  getCardsColumns(rawSeries, settings).forEach((cardColumns) => {
     alreadyIncludedColumns.add(cardColumns.dimension.column);
     if ("breakout" in cardColumns) {
       alreadyIncludedColumns.add(cardColumns.breakout.column);
       alreadyIncludedColumns.add(cardColumns.metric.column);
     } else {
-      cardColumns.metrics.forEach(columnDescriptor =>
+      cardColumns.metrics.forEach((columnDescriptor) =>
         alreadyIncludedColumns.add(columnDescriptor.column),
       );
     }
   });
 
   return rawSeries
-    .flatMap(singleSeries => {
+    .flatMap((singleSeries) => {
       return singleSeries.data.cols;
     })
-    .filter(column => !alreadyIncludedColumns.has(column));
+    .filter((column) => !alreadyIncludedColumns.has(column));
 }
 
 export function getComputedAdditionalColumnsValue(
@@ -428,7 +428,7 @@ export function getComputedAdditionalColumnsValue(
   const isScatter = rawSeries[0].card.display === "scatter";
 
   const availableAdditionalColumnKeys = new Set(
-    getAvailableAdditionalColumns(rawSeries, settings).map(column =>
+    getAvailableAdditionalColumns(rawSeries, settings).map((column) =>
       getColumnKey(column),
     ),
   );
diff --git a/frontend/src/metabase/visualizations/shared/settings/pie.ts b/frontend/src/metabase/visualizations/shared/settings/pie.ts
index d717f2b2eaa..29dabf01a69 100644
--- a/frontend/src/metabase/visualizations/shared/settings/pie.ts
+++ b/frontend/src/metabase/visualizations/shared/settings/pie.ts
@@ -80,7 +80,7 @@ export function getAggregatedRows(
   dimensionColumn?: DatasetColumn,
 ) {
   const dimensionToMetricValues = new Map<string, number>();
-  rows.forEach(row => {
+  rows.forEach((row) => {
     const dimensionValue = String(row[dimensionIndex]);
     const metricValue = getNumberOr(row[metricIndex], 0);
 
@@ -96,7 +96,7 @@ export function getAggregatedRows(
   const aggregatedRows: RowValues[] = [];
   const seenDimensionValues = new Set<string>();
 
-  rows.forEach(row => {
+  rows.forEach((row) => {
     const dimensionValue = String(row[dimensionIndex]);
     if (seenDimensionValues.has(dimensionValue)) {
       return;
@@ -155,16 +155,16 @@ export function getColors(
   ] = rawSeries;
   const dimensionName = getPieDimensions(currentSettings)[0];
 
-  const dimensionIndex = cols.findIndex(col => col.name === dimensionName);
+  const dimensionIndex = cols.findIndex((col) => col.name === dimensionName);
   const metricIndex = cols.findIndex(
-    col => col.name === currentSettings["pie.metric"],
+    (col) => col.name === currentSettings["pie.metric"],
   );
   const sortedRows = getSortedRows(
     getAggregatedRows(rows, dimensionIndex, metricIndex),
     metricIndex,
   );
 
-  const dimensionValues = sortedRows.map(r => String(r[dimensionIndex]));
+  const dimensionValues = sortedRows.map((r) => String(r[dimensionIndex]));
 
   // Sometimes viz settings are malformed and "pie.colors" does not
   // contain a key for the current dimension value, so we need to compute
@@ -228,7 +228,7 @@ export function getPieRows(
     metricDesc.index,
   );
   const keyToCurrentDataRow = new Map<PieRow["key"], RowValues>(
-    currentDataRows.map(dataRow => [
+    currentDataRows.map((dataRow) => [
       getKeyFromDimensionValue(dataRow[dimensionDesc.index]),
       dataRow,
     ]),
@@ -239,10 +239,10 @@ export function getPieRows(
     ? []
     : (settings["pie.rows"] ?? []);
 
-  const savedPieKeys = savedPieRows.map(pieRow => pieRow.key);
+  const savedPieKeys = savedPieRows.map((pieRow) => pieRow.key);
 
   const keyToSavedPieRow = new Map<PieRow["key"], PieRow>(
-    savedPieRows.map(pieRow => [pieRow.key, pieRow]),
+    savedPieRows.map((pieRow) => [pieRow.key, pieRow]),
   );
   const removed = _.difference(savedPieKeys, currentDataKeys);
 
@@ -254,7 +254,7 @@ export function getPieRows(
       metricDesc.index,
     );
 
-    newPieRows = sortedCurrentDataRows.map(dataRow => {
+    newPieRows = sortedCurrentDataRows.map((dataRow) => {
       const dimensionValue = dataRow[dimensionDesc.index];
       const key = getKeyFromDimensionValue(dimensionValue);
       // Historically we have used the dimension value in the `pie.colors`
@@ -295,7 +295,7 @@ export function getPieRows(
     const added = _.difference(currentDataKeys, savedPieKeys);
     const kept = _.intersection(savedPieKeys, currentDataKeys);
 
-    newPieRows = kept.map(keptKey => {
+    newPieRows = kept.map((keptKey) => {
       const savedPieRow = keyToSavedPieRow.get(keptKey);
       if (savedPieRow == null) {
         throw Error(`Did not find saved pie row for kept key ${keptKey}`);
@@ -307,7 +307,7 @@ export function getPieRows(
       };
     });
 
-    const addedRows = added.map(addedKey => {
+    const addedRows = added.map((addedKey) => {
       const dataRow = keyToCurrentDataRow.get(addedKey);
       if (dataRow == null) {
         throw Error(`Could not find data row for added key ${addedKey}`);
@@ -318,7 +318,7 @@ export function getPieRows(
     const sortedAddedRows = getSortedRows(addedRows, metricDesc.index);
 
     newPieRows.push(
-      ...sortedAddedRows.map(addedDataRow => {
+      ...sortedAddedRows.map((addedDataRow) => {
         const dimensionValue = addedDataRow[dimensionDesc.index];
 
         const color = Color(colors[String(dimensionValue)]).hex();
@@ -339,7 +339,7 @@ export function getPieRows(
     );
   }
 
-  const removedPieRows = removed.map(removedKey => {
+  const removedPieRows = removed.map((removedKey) => {
     const savedPieRow = keyToSavedPieRow.get(removedKey);
     if (savedPieRow == null) {
       throw Error(`Did not find saved pie row for removed key ${removedKey}`);
@@ -366,7 +366,7 @@ export function getPieRows(
   }, 0);
 
   let otherCount = 0;
-  newPieRows.forEach(pieRow => {
+  newPieRows.forEach((pieRow) => {
     if (pieRow.hidden) {
       return;
     }
@@ -388,7 +388,7 @@ export function getPieRows(
 
   // If there's only one slice below minimum slice percentage, don't hide it
   if (otherCount <= 1) {
-    newPieRows.forEach(pieRow => {
+    newPieRows.forEach((pieRow) => {
       pieRow.isOther = false;
     });
   }
diff --git a/frontend/src/metabase/visualizations/shared/settings/series.ts b/frontend/src/metabase/visualizations/shared/settings/series.ts
index 797f2a7bf0a..21bd26d1488 100644
--- a/frontend/src/metabase/visualizations/shared/settings/series.ts
+++ b/frontend/src/metabase/visualizations/shared/settings/series.ts
@@ -13,7 +13,7 @@ export const getSeriesColors = (
   settings: VisualizationSettings,
 ) => {
   const assignments = _.chain(seriesVizSettingsKeys)
-    .map(key => [key, getIn(settings, [SERIES_SETTING_KEY, key, "color"])])
+    .map((key) => [key, getIn(settings, [SERIES_SETTING_KEY, key, "color"])])
     .filter(([_key, color]) => color != null)
     .object()
     .value();
diff --git a/frontend/src/metabase/visualizations/shared/utils/colors.ts b/frontend/src/metabase/visualizations/shared/utils/colors.ts
index 9a77cf2d1ec..67978c4f89f 100644
--- a/frontend/src/metabase/visualizations/shared/utils/colors.ts
+++ b/frontend/src/metabase/visualizations/shared/utils/colors.ts
@@ -21,7 +21,7 @@ export const getSeriesColors = <TDatum, TSeriesInfo>(
   );
 
   return getColorsForValues(
-    series.map(series => series.seriesKey),
+    series.map((series) => series.seriesKey),
     settingsColorMapping,
   );
 };
diff --git a/frontend/src/metabase/visualizations/shared/utils/data.ts b/frontend/src/metabase/visualizations/shared/utils/data.ts
index 68b9bdebb98..291340a2c71 100644
--- a/frontend/src/metabase/visualizations/shared/utils/data.ts
+++ b/frontend/src/metabase/visualizations/shared/utils/data.ts
@@ -140,7 +140,7 @@ export const trimData = (
         currentValue.metrics,
       );
 
-      Object.keys(currentValue.breakout ?? {}).map(breakoutName => {
+      Object.keys(currentValue.breakout ?? {}).map((breakoutName) => {
         groupedValue.breakout ??= {};
         groupedValue.breakout[breakoutName] = {
           metrics: sumMetrics(
@@ -177,7 +177,7 @@ const getBreakoutDistinctValues = (
   const formattedDistinctValues: string[] = [];
   const usedRawValues = new Set<RowValue>();
 
-  data.rows.forEach(row => {
+  data.rows.forEach((row) => {
     const rawValue = row[breakout.index];
 
     if (usedRawValues.has(rawValue)) {
@@ -196,7 +196,7 @@ const getBreakoutSeries = (
   metric: ColumnDescriptor,
   dimension: ColumnDescriptor,
 ): Series<GroupedDatum, SeriesInfo>[] => {
-  return breakoutValues.map(breakoutValue => {
+  return breakoutValues.map((breakoutValue) => {
     const breakoutName = String(breakoutValue);
     return {
       seriesKey: breakoutName,
@@ -217,7 +217,7 @@ const getMultipleMetricSeries = (
   dimension: ColumnDescriptor,
   metrics: ColumnDescriptor[],
 ): Series<GroupedDatum, SeriesInfo>[] => {
-  return metrics.map(metric => {
+  return metrics.map((metric) => {
     return {
       seriesKey: metric.column.name,
       seriesName: metric.column.display_name ?? metric.column.name,
@@ -262,10 +262,10 @@ export const getOrderedSeries = (
   }
 
   return seriesOrder
-    .filter(orderSetting => orderSetting.enabled)
-    .map(orderSetting => {
+    .filter((orderSetting) => orderSetting.enabled)
+    .map((orderSetting) => {
       const foundSeries = series.find(
-        singleSeries => singleSeries.seriesKey === orderSetting.key,
+        (singleSeries) => singleSeries.seriesKey === orderSetting.key,
       );
       if (foundSeries === undefined) {
         throw new TypeError("Series not found");
@@ -277,6 +277,6 @@ export const getOrderedSeries = (
 export const sanatizeResultData = (data: DatasetData) => {
   return {
     ...data,
-    cols: data.cols.filter(col => col.expression_name !== "pivot-grouping"),
+    cols: data.cols.filter((col) => col.expression_name !== "pivot-grouping"),
   };
 };
diff --git a/frontend/src/metabase/visualizations/shared/utils/parameter-substitution.js b/frontend/src/metabase/visualizations/shared/utils/parameter-substitution.js
index 8bc9bcf9cfe..4e73257d750 100644
--- a/frontend/src/metabase/visualizations/shared/utils/parameter-substitution.js
+++ b/frontend/src/metabase/visualizations/shared/utils/parameter-substitution.js
@@ -14,7 +14,7 @@ export function fillParametersInText({
     (acc, mapping) => {
       const tagId = mapping.target[1];
       const parameter = dashboard.parameters?.find(
-        p => p.id === mapping.parameter_id,
+        (p) => p.id === mapping.parameter_id,
       );
 
       if (parameter) {
diff --git a/frontend/src/metabase/visualizations/shared/utils/sizes.ts b/frontend/src/metabase/visualizations/shared/utils/sizes.ts
index 5b5c35e0925..599ad252b47 100644
--- a/frontend/src/metabase/visualizations/shared/utils/sizes.ts
+++ b/frontend/src/metabase/visualizations/shared/utils/sizes.ts
@@ -39,7 +39,7 @@ export const MOBILE_HEIGHT_BY_DISPLAY_TYPE: Record<
 > = {
   action: 1,
   link: 1,
-  text: desktopHeight => Math.max(2, desktopHeight),
+  text: (desktopHeight) => Math.max(2, desktopHeight),
   heading: 2,
   scalar: 4,
 };
diff --git a/frontend/src/metabase/visualizations/visualizations/CartesianChart/CartesianChart.tsx b/frontend/src/metabase/visualizations/visualizations/CartesianChart/CartesianChart.tsx
index 16337122ee7..d80671f6a6b 100644
--- a/frontend/src/metabase/visualizations/visualizations/CartesianChart/CartesianChart.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/CartesianChart/CartesianChart.tsx
@@ -99,7 +99,7 @@ function _CartesianChart(props: VisualizationProps) {
         const svg = containerRef.current?.querySelector("svg");
         if (svg) {
           const clipPaths = svg.querySelectorAll('defs > clipPath[id^="zr"]');
-          clipPaths.forEach(cp => cp.remove());
+          clipPaths.forEach((cp) => cp.remove());
         }
       });
     }
diff --git a/frontend/src/metabase/visualizations/visualizations/CartesianChart/chart-definition-legacy.js b/frontend/src/metabase/visualizations/visualizations/CartesianChart/chart-definition-legacy.js
index 9b26b571cc6..4cbb5a0d26b 100644
--- a/frontend/src/metabase/visualizations/visualizations/CartesianChart/chart-definition-legacy.js
+++ b/frontend/src/metabase/visualizations/visualizations/CartesianChart/chart-definition-legacy.js
@@ -33,18 +33,18 @@ function transformSingleSeries(s, series, seriesIndex) {
   const settings = getComputedSettingsForSeries([s]);
 
   const dimensions = (settings["graph.dimensions"] || []).filter(
-    d => d != null,
+    (d) => d != null,
   );
-  const metrics = (settings["graph.metrics"] || []).filter(d => d != null);
-  const dimensionColumnIndexes = dimensions.map(dimensionName =>
-    _.findIndex(cols, col => col.name === dimensionName),
+  const metrics = (settings["graph.metrics"] || []).filter((d) => d != null);
+  const dimensionColumnIndexes = dimensions.map((dimensionName) =>
+    _.findIndex(cols, (col) => col.name === dimensionName),
   );
-  const metricColumnIndexes = metrics.map(metricName =>
-    _.findIndex(cols, col => col.name === metricName),
+  const metricColumnIndexes = metrics.map((metricName) =>
+    _.findIndex(cols, (col) => col.name === metricName),
   );
   const bubbleColumnIndex =
     settings["scatter.bubble"] &&
-    _.findIndex(cols, col => col.name === settings["scatter.bubble"]);
+    _.findIndex(cols, (col) => col.name === settings["scatter.bubble"]);
   const extraColumnIndexes =
     bubbleColumnIndex != null && bubbleColumnIndex >= 0
       ? [bubbleColumnIndex]
@@ -70,12 +70,12 @@ function transformSingleSeries(s, series, seriesIndex) {
         breakoutValues.push(seriesValue);
       }
 
-      const newRow = rowColumnIndexes.map(columnIndex => row[columnIndex]);
+      const newRow = rowColumnIndexes.map((columnIndex) => row[columnIndex]);
       newRow._origin = { seriesIndex, rowIndex, row, cols };
       seriesRows.push(newRow);
     }
 
-    return breakoutValues.map(breakoutValue => ({
+    return breakoutValues.map((breakoutValue) => ({
       ...s,
       card: {
         ...card,
@@ -89,7 +89,7 @@ function transformSingleSeries(s, series, seriesIndex) {
             { column: cols[seriesColumnIndex] },
           ),
         ]
-          .filter(n => n)
+          .filter((n) => n)
           .join(": "),
         originalCardName: card.name,
         _breakoutValue: breakoutValue,
@@ -97,7 +97,7 @@ function transformSingleSeries(s, series, seriesIndex) {
       },
       data: {
         rows: breakoutRowsByValue.get(breakoutValue),
-        cols: rowColumnIndexes.map(i => cols[i]),
+        cols: rowColumnIndexes.map((i) => cols[i]),
         results_timezone: data.results_timezone,
         _rawCols: cols,
         _transformed: true,
@@ -115,7 +115,7 @@ function transformSingleSeries(s, series, seriesIndex) {
   } else {
     // dimensions.length <= 1
     const dimensionColumnIndex = dimensionColumnIndexes[0];
-    return metricColumnIndexes.map(metricColumnIndex => {
+    return metricColumnIndexes.map((metricColumnIndex) => {
       const col = cols[metricColumnIndex];
       const rowColumnIndexes = [dimensionColumnIndex].concat(
         metricColumnIndex,
@@ -128,7 +128,7 @@ function transformSingleSeries(s, series, seriesIndex) {
         (metricColumnIndexes.length > 1 || series.length === 1) &&
           col?.display_name,
       ]
-        .filter(n => n)
+        .filter((n) => n)
         .join(": ");
 
       return {
@@ -144,11 +144,11 @@ function transformSingleSeries(s, series, seriesIndex) {
         },
         data: {
           rows: rows.map((row, rowIndex) => {
-            const newRow = rowColumnIndexes.map(i => row[i]);
+            const newRow = rowColumnIndexes.map((i) => row[i]);
             newRow._origin = { seriesIndex, rowIndex, row, cols };
             return newRow;
           }),
-          cols: rowColumnIndexes.map(i => cols[i]),
+          cols: rowColumnIndexes.map((i) => cols[i]),
           results_timezone: data.results_timezone,
           _transformed: true,
           _rawCols: cols,
diff --git a/frontend/src/metabase/visualizations/visualizations/CartesianChart/chart-definition.ts b/frontend/src/metabase/visualizations/visualizations/CartesianChart/chart-definition.ts
index 700f507cb40..ae1c658d87d 100644
--- a/frontend/src/metabase/visualizations/visualizations/CartesianChart/chart-definition.ts
+++ b/frontend/src/metabase/visualizations/visualizations/CartesianChart/chart-definition.ts
@@ -43,7 +43,7 @@ export const getCartesianChartDefinition = (
       );
     },
 
-    isLiveResizable: series => {
+    isLiveResizable: (series) => {
       const totalRows = series.reduce((sum, s) => sum + s.data.rows.length, 0);
       return totalRows < 10;
     },
@@ -66,7 +66,7 @@ export const getCartesianChartDefinition = (
           name: "x",
         },
         data: {
-          rows: _.range(0, 11).map(i => [i, i]),
+          rows: _.range(0, 11).map((i) => [i, i]),
           cols: [
             { name: "x", base_type: "type/Integer" },
             { name: "y", base_type: "type/Integer" },
@@ -77,7 +77,7 @@ export const getCartesianChartDefinition = (
 
     transformSeries,
 
-    onDisplayUpdate: settings => {
+    onDisplayUpdate: (settings) => {
       if (settings[SERIES_SETTING_KEY] == null) {
         return settings;
       }
diff --git a/frontend/src/metabase/visualizations/visualizations/CartesianChart/events.ts b/frontend/src/metabase/visualizations/visualizations/CartesianChart/events.ts
index 828253a1ca5..630b52c9d7c 100644
--- a/frontend/src/metabase/visualizations/visualizations/CartesianChart/events.ts
+++ b/frontend/src/metabase/visualizations/visualizations/CartesianChart/events.ts
@@ -98,7 +98,7 @@ const findSeriesModelIndexById = (
     return -1;
   }
 
-  return chartModel.seriesModels.findIndex(seriesModel =>
+  return chartModel.seriesModels.findIndex((seriesModel) =>
     [seriesId, chartModel.seriesIdToDataKey?.[seriesId]].includes(
       seriesModel.dataKey,
     ),
@@ -109,7 +109,7 @@ const getSameCardDataKeys = (
   datum: Datum,
   seriesModel: SeriesModel,
 ): DataKey[] => {
-  return getObjectKeys(datum).filter(dataKey => {
+  return getObjectKeys(datum).filter((dataKey) => {
     if (dataKey === X_AXIS_DATA_KEY) {
       return false;
     }
@@ -127,7 +127,7 @@ export const getEventDimensions = (
 ) => {
   const sameCardDataKeys = getSameCardDataKeys(datum, seriesModel);
   const sameCardDatumColumns = sameCardDataKeys
-    .map(dataKey => chartModel.columnByDataKey[dataKey])
+    .map((dataKey) => chartModel.columnByDataKey[dataKey])
     .filter(isNotNull);
   const dimensionColumn =
     seriesModel.cardId != null
@@ -153,7 +153,7 @@ export const getEventDimensions = (
   }
 
   return dimensions.filter(
-    dimension => dimension.column.source !== "query-transform",
+    (dimension) => dimension.column.source !== "query-transform",
   );
 };
 
@@ -167,7 +167,7 @@ const getEventColumnsData = (
   const seriesModelsByDataKey = _.indexBy(chartModel.seriesModels, "dataKey");
 
   const dataPoints: DataPoint[] = getSameCardDataKeys(datum, seriesModel)
-    .map(dataKey => {
+    .map((dataKey) => {
       const value = datum[dataKey];
       const col = chartModel.columnByDataKey[dataKey];
       if (!col) {
@@ -327,10 +327,10 @@ const getAdditionalTooltipRowsData = (
 
   return data
     .filter(
-      entry =>
+      (entry) =>
         entry.col != null && additionalColumns.has(getColumnKey(entry.col)),
     )
-    .map(data => {
+    .map((data) => {
       return {
         isSecondary: true,
         name: data.key,
@@ -375,7 +375,7 @@ export const getTooltipModel = (
     return null;
   }
 
-  const seriesStack = chartModel.stackModels.find(stackModel =>
+  const seriesStack = chartModel.stackModels.find((stackModel) =>
     stackModel.seriesKeys.includes(hoveredSeries.dataKey),
   );
 
@@ -435,9 +435,9 @@ const getSingleSeriesTooltipModel = (
   );
 
   const seriesToShow = chartModel.seriesModels.filter(
-    series => series === hoveredSeries || !isBreakoutSeries(series),
+    (series) => series === hoveredSeries || !isBreakoutSeries(series),
   );
-  const seriesTooltipRows = seriesToShow.map(series => {
+  const seriesTooltipRows = seriesToShow.map((series) => {
     const isFocused =
       hoveredSeries.dataKey === series.dataKey && seriesToShow.length > 1;
 
@@ -478,7 +478,7 @@ export const mergeSeriesRowsAndAdditionalColumnsRows = (
   if (isBreakoutSeries(hoveredSeries)) {
     // For breakout series we show additional columns right below the series values
     const additionalColumnsIndex =
-      seriesRows.findIndex(row => row.isFocused) + 1;
+      seriesRows.findIndex((row) => row.isFocused) + 1;
     rows.splice(additionalColumnsIndex, 0, ...additionalColumnsRows);
   } else {
     rows.push(...additionalColumnsRows);
@@ -503,8 +503,8 @@ const getSeriesComparisonTooltipModel = (
   );
 
   const seriesRows: EChartsTooltipRow[] = chartModel.seriesModels
-    .filter(seriesModel => seriesModel.visible)
-    .map(seriesModel => {
+    .filter((seriesModel) => seriesModel.visible)
+    .map((seriesModel) => {
       const isHoveredSeries = seriesModel.dataKey === hoveredSeries.dataKey;
       const isFocused = isHoveredSeries && chartModel.seriesModels.length > 1;
 
@@ -585,11 +585,11 @@ export const getStackedTooltipModel = (
 ): EChartsTooltipModel | null => {
   const stackSeriesRows = chartModel.seriesModels
     .filter(
-      seriesModel =>
+      (seriesModel) =>
         seriesModel.visible &&
         seriesStack?.seriesKeys.includes(seriesModel.dataKey),
     )
-    .map(seriesModel => {
+    .map((seriesModel) => {
       const datum = chartModel.dataset[dataIndex];
       const value =
         seriesModel.dataKey === OTHER_DATA_KEY
@@ -630,8 +630,8 @@ export const getStackedTooltipModel = (
   );
 
   const formattedSeriesRows: EChartsTooltipRow[] = stackSeriesRows
-    .filter(row => row.value != null)
-    .map(tooltipRow => {
+    .filter((row) => row.value != null)
+    .map((tooltipRow) => {
       return {
         isFocused: tooltipRow.isFocused,
         name: tooltipRow.name,
@@ -682,7 +682,7 @@ export const getOtherSeriesTooltipModel = (
   const { groupedSeriesModels = [] } = chartModel;
 
   const rows = groupedSeriesModels
-    .map(seriesModel => ({
+    .map((seriesModel) => ({
       name: seriesModel.name,
       column: seriesModel.column,
       value: datum[seriesModel.dataKey],
@@ -698,7 +698,7 @@ export const getOtherSeriesTooltipModel = (
       }
       return a.value === undefined ? 1 : -1;
     })
-    .map(row => ({
+    .map((row) => ({
       name: row.name,
       values: [
         formatValueForTooltip({
@@ -746,7 +746,7 @@ export const getTimelineEventsForEvent = (
   event: EChartsSeriesMouseEvent,
 ) => {
   return timelineEventsModel.find(
-    timelineEvents => timelineEvents.date === event.value,
+    (timelineEvents) => timelineEvents.date === event.value,
   )?.events;
 };
 
@@ -757,7 +757,7 @@ export const hasSelectedTimelineEvents = (
   return (
     selectedTimelineEventIds != null &&
     selectedTimelineEventIds.length > 0 &&
-    timelineEvents.some(timelineEvent =>
+    timelineEvents.some((timelineEvent) =>
       selectedTimelineEventIds.includes(timelineEvent.id),
     )
   );
diff --git a/frontend/src/metabase/visualizations/visualizations/CartesianChart/use-chart-events.ts b/frontend/src/metabase/visualizations/visualizations/CartesianChart/use-chart-events.ts
index 4d2ca9b2d85..06d4777810e 100644
--- a/frontend/src/metabase/visualizations/visualizations/CartesianChart/use-chart-events.ts
+++ b/frontend/src/metabase/visualizations/visualizations/CartesianChart/use-chart-events.ts
@@ -70,7 +70,7 @@ export const useChartEvents = (
   const onOpenQuestion = useCallback(
     (cardId?: CardId) => {
       const nextCard =
-        rawSeries.find(series => series.card.id === cardId)?.card ?? card;
+        rawSeries.find((series) => series.card.id === cardId)?.card ?? card;
       if (onChangeCardAndRun) {
         onChangeCardAndRun({
           nextCard,
@@ -273,7 +273,7 @@ export const useChartEvents = (
       let dataIndex: number | undefined;
 
       const seriesModel = chartModel.seriesModels.find(
-        seriesModel => seriesModel.dataKey === hoveredSeriesDataKey,
+        (seriesModel) => seriesModel.dataKey === hoveredSeriesDataKey,
       );
       // If hovering a bar series, we highlight the entire series to ensure that
       // all the data labels show
@@ -417,7 +417,7 @@ function getTransformedDatumIndex(
   originalDatumIndex: number,
 ) {
   const transformedDatumIndex = transformedDataset.findIndex(
-    datum => datum[ORIGINAL_INDEX_DATA_KEY] === originalDatumIndex,
+    (datum) => datum[ORIGINAL_INDEX_DATA_KEY] === originalDatumIndex,
   );
 
   if (transformedDatumIndex === -1) {
diff --git a/frontend/src/metabase/visualizations/visualizations/CartesianChart/use-models-and-option.ts b/frontend/src/metabase/visualizations/visualizations/CartesianChart/use-models-and-option.ts
index 9830c97045a..bcd642b3bdc 100644
--- a/frontend/src/metabase/visualizations/visualizations/CartesianChart/use-models-and-option.ts
+++ b/frontend/src/metabase/visualizations/visualizations/CartesianChart/use-models-and-option.ts
@@ -116,7 +116,7 @@ export function useModelsAndOption(
       ids.push(...selectedTimelineEventIds);
     }
     if (hovered?.timelineEvents != null) {
-      ids.push(...hovered.timelineEvents.map(e => e.id));
+      ids.push(...hovered.timelineEvents.map((e) => e.id));
     }
 
     return ids;
diff --git a/frontend/src/metabase/visualizations/visualizations/CartesianChart/utils.ts b/frontend/src/metabase/visualizations/visualizations/CartesianChart/utils.ts
index ab9fb7f81d3..7f554a5c199 100644
--- a/frontend/src/metabase/visualizations/visualizations/CartesianChart/utils.ts
+++ b/frontend/src/metabase/visualizations/visualizations/CartesianChart/utils.ts
@@ -91,7 +91,7 @@ export const getHoveredEChartsSeriesDataKeyAndIndex = (
   // ECharts series contain goal line, trend lines, and timeline events so the series index
   // is different from one in chartModel.seriesModels
   const hoveredEChartsSeriesIndex = seriesOptions.findIndex(
-    series => series.id === hoveredSeriesDataKey,
+    (series) => series.id === hoveredSeriesDataKey,
   );
 
   return { hoveredSeriesDataKey, hoveredEChartsSeriesIndex };
diff --git a/frontend/src/metabase/visualizations/visualizations/Funnel/Funnel.tsx b/frontend/src/metabase/visualizations/visualizations/Funnel/Funnel.tsx
index 086a265625a..1b762248e61 100644
--- a/frontend/src/metabase/visualizations/visualizations/Funnel/Funnel.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/Funnel/Funnel.tsx
@@ -35,7 +35,7 @@ import FunnelNormal from "../../components/FunnelNormal";
 import type { FunnelRow } from "./types";
 
 const getUniqueFunnelRows = (rows: FunnelRow[]) => {
-  return [...new Map(rows.map(row => [row.key, row])).values()];
+  return [...new Map(rows.map((row) => [row.key, row])).values()];
 };
 
 Object.assign(Funnel, {
@@ -133,16 +133,16 @@ Object.assign(Funnel, {
         settings: ComputedVisualizationSettings,
       ) => {
         const dimensionIndex = cols.findIndex(
-          col => col.name === settings["funnel.dimension"],
+          (col) => col.name === settings["funnel.dimension"],
         );
         const orderDimension = settings["funnel.order_dimension"];
         const dimension = settings["funnel.dimension"];
 
         const rowsOrder = settings["funnel.rows"];
-        const rowsKeys = rows.map(row => formatNullable(row[dimensionIndex]));
+        const rowsKeys = rows.map((row) => formatNullable(row[dimensionIndex]));
 
         const getDefault = (keys: RowValue[]) =>
-          keys.map(key => ({
+          keys.map((key) => ({
             key,
             name: key,
             enabled: true,
@@ -150,7 +150,7 @@ Object.assign(Funnel, {
         if (
           !rowsOrder ||
           !_.isArray(rowsOrder) ||
-          !rowsOrder.every(setting => setting.key !== undefined) ||
+          !rowsOrder.every((setting) => setting.key !== undefined) ||
           orderDimension !== dimension
         ) {
           return getUniqueFunnelRows(getDefault(rowsKeys));
@@ -159,7 +159,7 @@ Object.assign(Funnel, {
         const removeMissingOrder = (keys: RowValue[], order: any) =>
           order.filter((o: any) => keys.includes(o.key));
         const newKeys = (keys: RowValue[], order: any) =>
-          keys.filter(key => !order.find((o: any) => o.key === key));
+          keys.filter((key) => !order.find((o: any) => o.key === key));
 
         const funnelRows = [
           ...removeMissingOrder(rowsKeys, rowsOrder),
diff --git a/frontend/src/metabase/visualizations/visualizations/Funnel/Funnel.unit.spec.jsx b/frontend/src/metabase/visualizations/visualizations/Funnel/Funnel.unit.spec.jsx
index dce35dd9f3d..c10313bac2c 100644
--- a/frontend/src/metabase/visualizations/visualizations/Funnel/Funnel.unit.spec.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/Funnel/Funnel.unit.spec.jsx
@@ -77,7 +77,7 @@ describe("funnel", () => {
   });
 
   describe("funnel bar chart", () => {
-    const setupFunnelBarChart = funnelProps =>
+    const setupFunnelBarChart = (funnelProps) =>
       setup(funnelProps, { "funnel.type": "bar" });
 
     it("should not render the title when showTitle=false", async () => {
diff --git a/frontend/src/metabase/visualizations/visualizations/Funnel/funnel-bar-transform.ts b/frontend/src/metabase/visualizations/visualizations/Funnel/funnel-bar-transform.ts
index 2daab61b33a..21d812bfbf5 100644
--- a/frontend/src/metabase/visualizations/visualizations/Funnel/funnel-bar-transform.ts
+++ b/frontend/src/metabase/visualizations/visualizations/Funnel/funnel-bar-transform.ts
@@ -11,10 +11,10 @@ export const funnelToBarTransform: TransformSeries = (rawSeries, settings) => {
   } = series;
 
   const dimensionIndex = cols.findIndex(
-    col => col.name === settings["funnel.dimension"],
+    (col) => col.name === settings["funnel.dimension"],
   );
   const metricIndex = cols.findIndex(
-    col => col.name === settings["funnel.metric"],
+    (col) => col.name === settings["funnel.metric"],
   );
 
   const rowByDimensionValue = rows.reduce((acc, row) => {
@@ -25,13 +25,13 @@ export const funnelToBarTransform: TransformSeries = (rawSeries, settings) => {
   const orderedRows =
     Array.isArray(rowsOrder) && rowsOrder.length > 0
       ? rowsOrder
-          .map(rowOrder =>
+          .map((rowOrder) =>
             rowOrder.enabled ? rowByDimensionValue.get(rowOrder.key) : null,
           )
           .filter(isNotNull)
       : rows;
 
-  return orderedRows.map(row => {
+  return orderedRows.map((row) => {
     const name = String(
       formatValue(row[dimensionIndex], {
         column: cols[dimensionIndex],
diff --git a/frontend/src/metabase/visualizations/visualizations/Gauge/Gauge.jsx b/frontend/src/metabase/visualizations/visualizations/Gauge/Gauge.jsx
index 4388023e5e4..cff5fec2019 100644
--- a/frontend/src/metabase/visualizations/visualizations/Gauge/Gauge.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/Gauge/Gauge.jsx
@@ -53,10 +53,10 @@ const LABEL_OFFSET_PERCENT = 1.025;
 // total degrees of the arc (180 = semicircle, etc)
 const ARC_DEGREES = 180 + 45 * 2; // semicircle plus a bit
 
-const radians = degrees => (degrees * Math.PI) / 180;
-const degrees = radians => (radians * 180) / Math.PI;
+const radians = (degrees) => (degrees * Math.PI) / 180;
+const degrees = (radians) => (radians * 180) / Math.PI;
 
-const segmentIsValid = s => !isNaN(s.min) && !isNaN(s.max);
+const segmentIsValid = (s) => !isNaN(s.min) && !isNaN(s.max);
 
 export default class Gauge extends Component {
   static uiName = t`Gauge`;
@@ -99,7 +99,7 @@ export default class Gauge extends Component {
         ],
         settings,
       ) => [
-        _.find(cols, col => col.name === settings["scalar.field"]) || cols[0],
+        _.find(cols, (col) => col.name === settings["scalar.field"]) || cols[0],
       ],
     }),
     "gauge.range": {
@@ -107,8 +107,8 @@ export default class Gauge extends Component {
       getDefault(series, vizSettings) {
         const segments = vizSettings["gauge.segments"].filter(segmentIsValid);
         const values = [
-          ...segments.map(s => s.max),
-          ...segments.map(s => s.min),
+          ...segments.map((s) => s.max),
+          ...segments.map((s) => s.min),
         ];
         return values.length > 0
           ? [Math.min(...values), Math.max(...values)]
@@ -229,13 +229,13 @@ export default class Gauge extends Component {
     // get unique min/max plus range endpoints
     const numberLabels = Array.from(
       new Set(
-        range.concat(...segments.map(segment => [segment.min, segment.max])),
+        range.concat(...segments.map((segment) => [segment.min, segment.max])),
       ),
     );
 
     const textLabels = segments
-      .filter(segment => segment.label)
-      .map(segment => ({
+      .filter((segment) => segment.label)
+      .map((segment) => ({
         label: segment.label,
         value: segment.min + (segment.max - segment.min) / 2,
       }));
@@ -367,16 +367,16 @@ const GaugeArc = ({
   const isClickable = clicked && onVisualizationClick != null;
   const options = column && settings?.column ? settings.column(column) : {};
   const range = segment ? [segment.min, segment.max] : [];
-  const value = range.map(v => formatValue(v, options)).join(" - ");
+  const value = range.map((v) => formatValue(v, options)).join(" - ");
   const hovered = segment ? { data: [{ key: segment.label, value }] } : {};
 
-  const handleClick = e => {
+  const handleClick = (e) => {
     if (onVisualizationClick && visualizationIsClickable(clicked)) {
       onVisualizationClick({ ...clicked, event: e.nativeEvent });
     }
   };
 
-  const handleMouseMove = e => {
+  const handleMouseMove = (e) => {
     if (onHoverChange) {
       onHoverChange({ ...hovered, event: e.nativeEvent });
     }
diff --git a/frontend/src/metabase/visualizations/visualizations/Gauge/Gauge.styled.tsx b/frontend/src/metabase/visualizations/visualizations/Gauge/Gauge.styled.tsx
index 2731a5ac1f3..6aac7daca58 100644
--- a/frontend/src/metabase/visualizations/visualizations/Gauge/Gauge.styled.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/Gauge/Gauge.styled.tsx
@@ -6,5 +6,5 @@ interface GaugeArcPathProps {
 }
 
 export const GaugeArcPath = styled.path<GaugeArcPathProps>`
-  cursor: ${props => props.isClickable && "pointer"};
+  cursor: ${(props) => props.isClickable && "pointer"};
 `;
diff --git a/frontend/src/metabase/visualizations/visualizations/Heading/Heading.tsx b/frontend/src/metabase/visualizations/visualizations/Heading/Heading.tsx
index 1f3e80ec83e..ec73621f7aa 100644
--- a/frontend/src/metabase/visualizations/visualizations/Heading/Heading.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/Heading/Heading.tsx
@@ -88,7 +88,7 @@ export function Heading({
             placeholder={placeholder}
             value={textValue}
             autoFocus={justAdded || isFocused}
-            onChange={e => setTextValue(e.target.value)}
+            onChange={(e) => setTextValue(e.target.value)}
             onMouseDown={preventDragging}
             onBlur={() => {
               toggleFocusOff();
diff --git a/frontend/src/metabase/visualizations/visualizations/IFrameViz/IFrameViz.tsx b/frontend/src/metabase/visualizations/visualizations/IFrameViz/IFrameViz.tsx
index d6a86e70e75..190e5293eba 100644
--- a/frontend/src/metabase/visualizations/visualizations/IFrameViz/IFrameViz.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/IFrameViz/IFrameViz.tsx
@@ -96,7 +96,7 @@ export function IFrameViz({
                 variant="filled"
                 style={{ pointerEvents: "all" }}
                 onClick={onTogglePreviewing}
-                onMouseDown={e => e.stopPropagation()}
+                onMouseDown={(e) => e.stopPropagation()}
               >{t`Done`}</Button>
             </Box>
           </Group>
@@ -112,8 +112,8 @@ export function IFrameViz({
               h="100%"
               value={iframeOrUrl ?? ""}
               placeholder={`<iframe src="https://example.com" />`}
-              onChange={e => handleIFrameChange(e.target.value)}
-              onMouseDown={e => e.stopPropagation()}
+              onChange={(e) => handleIFrameChange(e.target.value)}
+              onMouseDown={(e) => e.stopPropagation()}
               style={{ pointerEvents: "all" }}
             />
           </Box>
diff --git a/frontend/src/metabase/visualizations/visualizations/IFrameViz/IFrameViz.unit.spec.tsx b/frontend/src/metabase/visualizations/visualizations/IFrameViz/IFrameViz.unit.spec.tsx
index 400e8e3922d..7d6b9c5d86c 100644
--- a/frontend/src/metabase/visualizations/visualizations/IFrameViz/IFrameViz.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/IFrameViz/IFrameViz.unit.spec.tsx
@@ -275,7 +275,7 @@ describe("IFrameViz", () => {
       const dashcard = createMockIFrameDashboardCard({
         dashboard_id: dashboard.id,
         visualization_settings: { iframe: iframeContent },
-        parameter_mappings: parameters.map(param => ({
+        parameter_mappings: parameters.map((param) => ({
           parameter_id: param.id,
           target: ["text-tag", param.slug],
         })),
diff --git a/frontend/src/metabase/visualizations/visualizations/IFrameViz/utils.ts b/frontend/src/metabase/visualizations/visualizations/IFrameViz/utils.ts
index 4d81bd37297..6c5b7c36f90 100644
--- a/frontend/src/metabase/visualizations/visualizations/IFrameViz/utils.ts
+++ b/frontend/src/metabase/visualizations/visualizations/IFrameViz/utils.ts
@@ -13,8 +13,8 @@ const embedLinkTransformers: {
   transform: (url: URL) => string;
 }[] = [
   {
-    test: url => ["loom.com", "www.loom.com"].includes(url.hostname),
-    transform: url => {
+    test: (url) => ["loom.com", "www.loom.com"].includes(url.hostname),
+    transform: (url) => {
       const path = decodeURIComponent(url.pathname).replace(
         "/share/",
         "/embed/",
@@ -23,9 +23,9 @@ const embedLinkTransformers: {
     },
   },
   {
-    test: url =>
+    test: (url) =>
       ["youtube.com", "www.youtube.com", "youtu.be"].includes(url.hostname),
-    transform: url => {
+    transform: (url) => {
       let videoId: string | null;
       let playlistId: string | null;
 
@@ -51,9 +51,9 @@ const embedLinkTransformers: {
     },
   },
   {
-    test: url =>
+    test: (url) =>
       ["vimeo.com", "www.vimeo.com", "player.vimeo.com"].includes(url.hostname),
-    transform: url => {
+    transform: (url) => {
       const videoId = decodeURIComponent(url.pathname.split("/").pop() ?? "");
       return videoId
         ? `https://player.vimeo.com/video/${videoId}`
@@ -205,14 +205,14 @@ export const isAllowedIframeUrl = (url: string, allowedIframesSetting = "") => {
   try {
     const rawAllowedDomains = allowedIframesSetting
       .split(/[\r\n,]+/)
-      .map(host => host.trim())
+      .map((host) => host.trim())
       .filter(Boolean);
 
     const parsedUrl = new URL(normalizeUrl(url));
     const hostname = parsedUrl.hostname;
     const port = parsedUrl.port;
 
-    return rawAllowedDomains.some(rawAllowedDomain => {
+    return rawAllowedDomains.some((rawAllowedDomain) => {
       try {
         const [rawAllowedDomainWithoutPort, allowedPort] =
           splitPortAndRest(rawAllowedDomain);
diff --git a/frontend/src/metabase/visualizations/visualizations/LinkViz/LinkViz.tsx b/frontend/src/metabase/visualizations/visualizations/LinkViz/LinkViz.tsx
index 698af5cb076..9ac69bca86b 100644
--- a/frontend/src/metabase/visualizations/visualizations/LinkViz/LinkViz.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/LinkViz/LinkViz.tsx
@@ -177,12 +177,12 @@ function LinkVizInner({
             value={url ?? ""}
             autoFocus={autoFocus}
             placeholder={"https://example.com"}
-            onChange={e => handleLinkChange(e.target.value)}
+            onChange={(e) => handleLinkChange(e.target.value)}
             onFocus={onFocusInput}
             // we need to debounce this or it may close the popover before the click event can fire
             onBlur={_.debounce(onBlurInput, 100)}
             // the dashcard really wants to turn all mouse events into drag events
-            onMouseDown={e => e.stopPropagation()}
+            onMouseDown={(e) => e.stopPropagation()}
           />
         </TippyPopover>
       </EditLinkCardWrapper>
diff --git a/frontend/src/metabase/visualizations/visualizations/LinkViz/LinkViz.unit.spec.tsx b/frontend/src/metabase/visualizations/visualizations/LinkViz/LinkViz.unit.spec.tsx
index 672c229f48d..d3812aced4e 100644
--- a/frontend/src/metabase/visualizations/visualizations/LinkViz/LinkViz.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/LinkViz/LinkViz.unit.spec.tsx
@@ -448,7 +448,7 @@ describe("LinkViz", () => {
         visualization_settings: {
           link: { url: linkUrl },
         },
-        parameter_mappings: parameters.map(param => ({
+        parameter_mappings: parameters.map((param) => ({
           parameter_id: param.id,
           target: ["text-tag", param.slug],
         })),
diff --git a/frontend/src/metabase/visualizations/visualizations/Map/CustomMapFooter/CustomMapFooter.tsx b/frontend/src/metabase/visualizations/visualizations/Map/CustomMapFooter/CustomMapFooter.tsx
index 078d9b3e031..2ddc3380f3b 100644
--- a/frontend/src/metabase/visualizations/visualizations/Map/CustomMapFooter/CustomMapFooter.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/Map/CustomMapFooter/CustomMapFooter.tsx
@@ -12,7 +12,7 @@ import { CustomMapContent } from "../Maps.styled";
 
 export function CustomMapFooter() {
   const isAdmin = useSelector(getUserIsAdmin);
-  const docsUrl = useSelector(state =>
+  const docsUrl = useSelector((state) =>
     getDocsUrl(state, { page: "configuring-metabase/custom-maps" }),
   );
   const showMetabaseLinks = useSelector(getShowMetabaseLinks);
diff --git a/frontend/src/metabase/visualizations/visualizations/Map/Map.jsx b/frontend/src/metabase/visualizations/visualizations/Map/Map.jsx
index 2b377efee8e..af7b08fdf88 100644
--- a/frontend/src/metabase/visualizations/visualizations/Map/Map.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/Map/Map.jsx
@@ -245,7 +245,7 @@ export class Map extends Component {
         options: _.chain(MetabaseSettings.get("custom-geojson", {}))
           .pairs()
           .map(([key, value]) => ({ name: value.name || "", value: key }))
-          .sortBy(x => x.name.toLowerCase())
+          .sortBy((x) => x.name.toLowerCase())
           .value(),
         placeholder: t`Select a region`,
         footer: <CustomMapFooter />,
@@ -267,7 +267,7 @@ export class Map extends Component {
       props: {
         colors: getAccentColors(),
         colorMapping: Object.fromEntries(
-          getAccentColors().map(color => [
+          getAccentColors().map((color) => [
             color,
             getColorplethColorScale(color),
           ]),
diff --git a/frontend/src/metabase/visualizations/visualizations/ObjectDetail.jsx b/frontend/src/metabase/visualizations/visualizations/ObjectDetail.jsx
index 889e331c18e..ae65ff9b113 100644
--- a/frontend/src/metabase/visualizations/visualizations/ObjectDetail.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/ObjectDetail.jsx
@@ -25,12 +25,12 @@ const ObjectDetailProperties = {
     ...columnSettings({ hidden: true }),
     ...tableColumnSettings,
   },
-  columnSettings: column => {
+  columnSettings: (column) => {
     const settings = {
       column_title: {
         title: t`Column title`,
         widget: "input",
-        getDefault: column => displayNameForColumn(column),
+        getDefault: (column) => displayNameForColumn(column),
       },
       click_behavior: {},
 
diff --git a/frontend/src/metabase/visualizations/visualizations/PieChart/DimensionsWidget.tsx b/frontend/src/metabase/visualizations/visualizations/PieChart/DimensionsWidget.tsx
index 51e4069f52a..6ffa412fb86 100644
--- a/frontend/src/metabase/visualizations/visualizations/PieChart/DimensionsWidget.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PieChart/DimensionsWidget.tsx
@@ -94,7 +94,7 @@ export function DimensionsWidget({
   const updateDimensions = (newDimensions: (string | undefined)[]) => {
     setDimensions(newDimensions);
     onChangeSettings({
-      "pie.dimension": newDimensions.filter(d => d != null) as string[],
+      "pie.dimension": newDimensions.filter((d) => d != null) as string[],
     });
   };
 
@@ -119,7 +119,8 @@ export function DimensionsWidget({
 
   const getFilteredOptions = (index: number) =>
     dimensionOptions.filter(
-      opt => opt.value === dimensions[index] || !dimensions.includes(opt.value),
+      (opt) =>
+        opt.value === dimensions[index] || !dimensions.includes(opt.value),
     );
 
   // Drag and drop
@@ -132,7 +133,7 @@ export function DimensionsWidget({
     document.body.classList.add(GrabberS.grabbing);
 
     setDraggedDimensionIndex(
-      dimensions.findIndex(d => d === String(event.active.id)),
+      dimensions.findIndex((d) => d === String(event.active.id)),
     );
   };
 
@@ -145,8 +146,8 @@ export function DimensionsWidget({
     if (over == null) {
       return;
     }
-    const sourceIndex = dimensions.findIndex(d => d === event.active.id);
-    const destIndex = dimensions.findIndex(d => d === over.id);
+    const sourceIndex = dimensions.findIndex((d) => d === event.active.id);
+    const destIndex = dimensions.findIndex((d) => d === over.id);
 
     if (sourceIndex === -1 || destIndex === -1) {
       return;
@@ -163,7 +164,7 @@ export function DimensionsWidget({
         sensors={[pointerSensor]}
       >
         <SortableContext
-          items={(dimensions.filter(d => d != null) as string[]).map(d => ({
+          items={(dimensions.filter((d) => d != null) as string[]).map((d) => ({
             id: d,
           }))}
           strategy={verticalListSortingStrategy}
@@ -194,7 +195,7 @@ export function DimensionsWidget({
                   settings={settings}
                   onChangeSettings={onChangeSettings}
                   onShowWidget={onShowWidget}
-                  numRings={dimensions.filter(d => d != null).length}
+                  numRings={dimensions.filter((d) => d != null).length}
                 />
               )}
             </>
diff --git a/frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.stories.tsx b/frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.stories.tsx
index 7fb0a923a6a..e76db5635a0 100644
--- a/frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.stories.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.stories.tsx
@@ -18,7 +18,7 @@ export default {
 // @ts-expect-error: incompatible prop types with registerVisualization
 registerVisualization(PieChart);
 
-const Template: StoryFn = args => {
+const Template: StoryFn = (args) => {
   const { backgroundColor, ...props } = args;
 
   const theme: MetabaseTheme = {
diff --git a/frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.tsx b/frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.tsx
index 7fbb183a84b..1f79270f943 100644
--- a/frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PieChart/PieChart.tsx
@@ -124,8 +124,8 @@ export function PieChart(props: VisualizationProps) {
   const legendTitles = useMemo(
     () =>
       slices
-        .filter(s => s.includeInLegend)
-        .map(s => {
+        .filter((s) => s.includeInLegend)
+        .map((s) => {
           const label = s.name;
 
           // Hidden slices don't have a percentage
@@ -147,11 +147,13 @@ export function PieChart(props: VisualizationProps) {
   );
 
   const hiddenSlicesLegendIndices = slices
-    .filter(s => s.includeInLegend)
+    .filter((s) => s.includeInLegend)
     .map((s, index) => (hiddenSlices.has(s.key) ? index : null))
     .filter(isNotNull);
 
-  const legendColors = slices.filter(s => s.includeInLegend).map(s => s.color);
+  const legendColors = slices
+    .filter((s) => s.includeInLegend)
+    .map((s) => s.color);
 
   const showLegend = settings["pie.show_legend"];
 
diff --git a/frontend/src/metabase/visualizations/visualizations/PieChart/PieRowsPicker.tsx b/frontend/src/metabase/visualizations/visualizations/PieChart/PieRowsPicker.tsx
index 5f479d6eab5..703c2de08a4 100644
--- a/frontend/src/metabase/visualizations/visualizations/PieChart/PieRowsPicker.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PieChart/PieRowsPicker.tsx
@@ -50,7 +50,7 @@ export function PieRowsPicker({
 
   const onChangeSeriesColor = (sliceKey: string, color: string) =>
     onChangeSettings({
-      "pie.rows": pieRows.map(row => {
+      "pie.rows": pieRows.map((row) => {
         if (row.key !== sliceKey) {
           return row;
         }
@@ -70,7 +70,7 @@ export function PieRowsPicker({
       series={rawSeries}
       onChangeSeriesColor={onChangeSeriesColor}
       onSortEnd={onSortEnd}
-      onChange={rows => onChangeSettings({ "pie.rows": rows as PieRow[] })}
+      onChange={(rows) => onChangeSettings({ "pie.rows": rows as PieRow[] })}
       onShowWidget={onShowWidget}
       hasEditSettings
       accentColorOptions={
diff --git a/frontend/src/metabase/visualizations/visualizations/PieChart/SliceNameWidget.tsx b/frontend/src/metabase/visualizations/visualizations/PieChart/SliceNameWidget.tsx
index b5ac551cb7d..17bc28291d4 100644
--- a/frontend/src/metabase/visualizations/visualizations/PieChart/SliceNameWidget.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PieChart/SliceNameWidget.tsx
@@ -16,7 +16,7 @@ export function SliceNameWidget({
     return null;
   }
 
-  const row = pieRows.find(row => row.key === initialKey);
+  const row = pieRows.find((row) => row.key === initialKey);
   if (row == null) {
     return null;
   }
@@ -28,7 +28,7 @@ export function SliceNameWidget({
       <SliceNameInput
         value={row.name}
         subtitle={row.name !== row.originalName ? row.originalName : undefined}
-        onBlurChange={event => {
+        onBlurChange={(event) => {
           const newName = event.target.value;
 
           if (newName !== row.name) {
diff --git a/frontend/src/metabase/visualizations/visualizations/PieChart/chart-definition.ts b/frontend/src/metabase/visualizations/visualizations/PieChart/chart-definition.ts
index 3040413b467..131cd25878e 100644
--- a/frontend/src/metabase/visualizations/visualizations/PieChart/chart-definition.ts
+++ b/frontend/src/metabase/visualizations/visualizations/PieChart/chart-definition.ts
@@ -80,7 +80,7 @@ export const PIE_CHART_DEFINITION: VisualizationDefinition = {
     const isDimensionMissing =
       !settings["pie.dimension"] ||
       (Array.isArray(settings["pie.dimension"]) &&
-        settings["pie.dimension"].every(col => col == null));
+        settings["pie.dimension"].every((col) => col == null));
     if (isDimensionMissing || !settings["pie.metric"]) {
       throw new ChartSettingsError(t`Which columns do you want to use?`, {
         section: `Data`,
@@ -185,7 +185,7 @@ export const PIE_CHART_DEFINITION: VisualizationDefinition = {
           pieRows,
           updateRowName: (newName: string, key: string | number) => {
             onChangeSettings({
-              "pie.rows": pieRows.map(row => {
+              "pie.rows": pieRows.map((row) => {
                 if (row.key !== key) {
                   return row;
                 }
diff --git a/frontend/src/metabase/visualizations/visualizations/PieChart/use-chart-events.ts b/frontend/src/metabase/visualizations/visualizations/PieChart/use-chart-events.ts
index bfd6ea6ed5b..1037d707bf8 100644
--- a/frontend/src/metabase/visualizations/visualizations/PieChart/use-chart-events.ts
+++ b/frontend/src/metabase/visualizations/visualizations/PieChart/use-chart-events.ts
@@ -46,8 +46,8 @@ export const getTooltipModel = (
       ? getArrayFromMapValues(sliceTreeNode.children)
       : siblingNodes
   )
-    .filter(node => node.visible)
-    .map(slice => ({
+    .filter((node) => node.visible)
+    .map((slice) => ({
       name: slice.name,
       value: slice.rawValue,
       color: nodes.length === 1 ? slice.color : undefined,
@@ -57,7 +57,7 @@ export const getTooltipModel = (
     }));
   const rowsTotal = getTotalValue(rows);
 
-  const formattedRows: EChartsTooltipRow[] = rows.map(row => {
+  const formattedRows: EChartsTooltipRow[] = rows.map((row) => {
     const markerColorClass = row.color
       ? getMarkerColorClass(row.color)
       : undefined;
@@ -78,7 +78,7 @@ export const getTooltipModel = (
         ? sliceTreeNode.column?.display_name
         : nodes
             .slice(0, -1)
-            .map(node => node.name)
+            .map((node) => node.name)
             .join("  >  "),
     rows: formattedRows,
     footer:
@@ -152,7 +152,7 @@ function handleClick(
     value: sliceTreeNode.value,
     column: chartModel.colDescs.metricDesc.column,
     data,
-    dimensions: nodes.map(node => ({
+    dimensions: nodes.map((node) => ({
       value: getValueFromDimensionKey(node.key),
       column: checkNotNull(node.column),
     })),
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.styled.tsx b/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.styled.tsx
index 1898533585f..71da71b15ee 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.styled.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.styled.tsx
@@ -106,17 +106,17 @@ export const PivotTableCell = styled.div<PivotTableCellProps>`
   line-height: ${CELL_HEIGHT}px;
   min-width: 0;
   min-height: 0;
-  font-weight: ${props => (props.isBold ? "bold" : "normal")};
-  cursor: ${props => (props.onClick ? "pointer" : "default")};
+  font-weight: ${(props) => (props.isBold ? "bold" : "normal")};
+  cursor: ${(props) => (props.onClick ? "pointer" : "default")};
   color: ${getColor};
   box-shadow: -1px 0 0 0 var(--mb-color-border) inset;
   border-bottom: 1px solid
-    ${props =>
+    ${(props) =>
       props.isBorderedHeader
         ? "var(--mb-color-bg-dark)"
         : "var(--mb-color-border)"};
   background-color: ${getCellBackgroundColor};
-  ${props =>
+  ${(props) =>
     props.hasTopBorder &&
     css`
       /* compensate the top border */
@@ -137,7 +137,7 @@ export const PivotTableTopLeftCellsContainer = styled.div<PivotTableTopLeftCells
   display: flex;
   align-items: flex-end;
   box-shadow: -1px 0 0 0 var(--mb-color-border) inset;
-  background-color: ${props =>
+  background-color: ${(props) =>
     getCellBackgroundColor({
       isEmphasized: true,
       isNightMode: props.isNightMode,
@@ -155,17 +155,17 @@ interface PivotTableRootProps {
 export const PivotTableRoot = styled.div<PivotTableRootProps>`
   height: 100%;
   overflow-y: hidden;
-  overflow-x: ${props => (props.shouldOverflow ? "auto" : "hidden")};
+  overflow-x: ${(props) => (props.shouldOverflow ? "auto" : "hidden")};
   font-size: ${({ theme }) => theme.other.pivotTable.cell.fontSize};
 
-  ${props =>
+  ${(props) =>
     props.isDashboard
       ? css`
           border-top: 1px solid var(--mb-color-border) (props);
         `
       : null}
 
-  ${props =>
+  ${(props) =>
     props.shouldHideScrollbars
       ? css`
           & {
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.tsx b/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.tsx
index 7536577e69f..ae7c2fb2ba7 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.tsx
@@ -106,7 +106,7 @@ const PivotTableInner = forwardRef<HTMLDivElement, VisualizationProps>(
 
     const updateHeaderWidths = useCallback(
       (newHeaderWidths: Partial<HeaderWidthType>) => {
-        setHeaderWidths(prevHeaderWidths => ({
+        setHeaderWidths((prevHeaderWidths) => ({
           ...prevHeaderWidths,
           ...newHeaderWidths,
         }));
@@ -135,7 +135,7 @@ const PivotTableInner = forwardRef<HTMLDivElement, VisualizationProps>(
 
     const getColumnTitle = useCallback(
       function (columnIndex: number) {
-        const column = data.cols.filter(col => !isPivotGroupColumn(col))[
+        const column = data.cols.filter((col) => !isPivotGroupColumn(col))[
           columnIndex
         ];
         return getTitleForColumn(column, settings);
@@ -144,7 +144,7 @@ const PivotTableInner = forwardRef<HTMLDivElement, VisualizationProps>(
     );
 
     function isColumnCollapsible(columnIndex: number) {
-      const columns = data.cols.filter(col => !isPivotGroupColumn(col));
+      const columns = data.cols.filter((col) => !isPivotGroupColumn(col));
       if (typeof settings.column != "function") {
         throw new Error(
           `Invalid pivot table settings format, missing nested column settings: ${JSON.stringify(
@@ -233,7 +233,7 @@ const PivotTableInner = forwardRef<HTMLDivElement, VisualizationProps>(
       if (columnsChanged) {
         const newLeftHeaderWidths = getLeftHeaderWidths({
           rowIndexes: pivoted?.rowIndexes,
-          getColumnTitle: idx => getColumnTitle(idx),
+          getColumnTitle: (idx) => getColumnTitle(idx),
           leftHeaderItems: pivoted?.leftHeaderItems,
           font: { fontFamily, fontSize },
         });
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.unit.spec.js b/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.unit.spec.js
index d581d33c833..b9d06770a68 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.unit.spec.js
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.unit.spec.js
@@ -53,8 +53,8 @@ const setup = () => {
       ),
     );
 
-    const onChange = update => {
-      setQuestion(q => {
+    const onChange = (update) => {
+      setQuestion((q) => {
         const newQuestion = q.updateSettings(update);
         return new Question(thaw(newQuestion.card()), metadata);
       });
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.unit.spec.tsx b/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.unit.spec.tsx
index 5bcc08a9756..e1de6419def 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.unit.spec.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.unit.spec.tsx
@@ -59,7 +59,7 @@ describe("Visualizations > PivotTable > PivotTable", () => {
     );
   });
 
-  TEST_CASES.forEach(testCase => {
+  TEST_CASES.forEach((testCase) => {
     describe(` > ${testCase.name}`, () => {
       it("should render pivot table wrapper", async () => {
         setup({ isDashboard: testCase.isDashboard });
@@ -70,7 +70,7 @@ describe("Visualizations > PivotTable > PivotTable", () => {
         setup({ isDashboard: testCase.isDashboard });
 
         // all column names except 3, the pivot grouping, should be in the document
-        columnIndexes.forEach(colIndex => {
+        columnIndexes.forEach((colIndex) => {
           expect(
             screen.getByText(cols[colIndex].display_name),
           ).toBeInTheDocument();
@@ -80,8 +80,8 @@ describe("Visualizations > PivotTable > PivotTable", () => {
       it("should render column values", () => {
         setup({ isDashboard: testCase.isDashboard });
 
-        rows.forEach(rowData => {
-          columnIndexes.forEach(colIndex => {
+        rows.forEach((rowData) => {
+          columnIndexes.forEach((colIndex) => {
             expect(screen.getByTestId("pivot-table")).toHaveTextContent(
               rowData[colIndex].toString(),
             );
@@ -105,7 +105,7 @@ describe("Visualizations > PivotTable > PivotTable", () => {
 
         const COLLAPSED_COLUMN_INDEX = 1;
 
-        rows.forEach(row => {
+        rows.forEach((row) => {
           const totalsElement = screen.getByText(
             `Totals for ${row[COLLAPSED_COLUMN_INDEX]}`,
           );
@@ -154,7 +154,7 @@ describe("Visualizations > PivotTable > PivotTable", () => {
         await userEvent.click(toggleButton);
 
         //Ensure that collapsed data is now visible
-        columnIndexes.forEach(columnIndex => {
+        columnIndexes.forEach((columnIndex) => {
           expect(
             screen.getByText(LAST_ROW[columnIndex].toString()),
           ).toBeInTheDocument();
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/RowToggleIcon.tsx b/frontend/src/metabase/visualizations/visualizations/PivotTable/RowToggleIcon.tsx
index ec53bae4a59..28278cfcea4 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/RowToggleIcon.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/RowToggleIcon.tsx
@@ -53,7 +53,7 @@ export function RowToggleIcon({
     isColumn && !isCollapsed // click on open column
       ? (settingValue: PivotTableCollapsedRowsSetting["value"]) =>
           settingValue
-            .filter(v => {
+            .filter((v) => {
               const parsed = JSON.parse(v);
               return !(Array.isArray(parsed) && parsed.length === value);
             }) // remove any already collapsed items in this column
@@ -61,23 +61,23 @@ export function RowToggleIcon({
       : !isColumn && isColumnCollapsed // single row in collapsed column
         ? (settingValue: PivotTableCollapsedRowsSetting["value"]) =>
             settingValue
-              .filter(v => v !== columnRef) // remove column from list
+              .filter((v) => v !== columnRef) // remove column from list
               .concat(
                 // add other rows in this columns so they stay closed
                 rowIndex
                   .filter(
-                    item =>
+                    (item) =>
                       // equal length means they're in the same column
                       item.length === value.length &&
                       // but not exactly this item
                       !_.isEqual(item, value),
                   )
                   // serialize those paths
-                  .map(item => JSON.stringify(item)),
+                  .map((item) => JSON.stringify(item)),
               )
         : isCollapsed // closed row or column
           ? (settingValue: PivotTableCollapsedRowsSetting["value"]) =>
-              settingValue.filter(v => v !== ref)
+              settingValue.filter((v) => v !== ref)
           : // open row or column
             (settingValue: PivotTableCollapsedRowsSetting["value"]) =>
               settingValue.concat(ref);
@@ -85,7 +85,7 @@ export function RowToggleIcon({
   return (
     <RowToggleIconRoot
       data-testid={testId}
-      onClick={e => {
+      onClick={(e) => {
         e.stopPropagation();
         updateSettings({
           [COLLAPSED_ROWS_SETTING]: updateIn(setting, ["value"], toggle),
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/partitions.tsx b/frontend/src/metabase/visualizations/visualizations/PivotTable/partitions.tsx
index 8739b1eaa4f..bbb93963241 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/partitions.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/partitions.tsx
@@ -29,7 +29,7 @@ export const partitions: Partition[] = [
   },
   {
     name: "values",
-    columnFilter: col => !isDimension(col),
+    columnFilter: (col) => !isDimension(col),
     title: (
       <PivotTableSettingLabel data-testid="pivot-table-setting">{t`Measures`}</PivotTableSettingLabel>
     ),
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/pivot-table-test-mocks.tsx b/frontend/src/metabase/visualizations/visualizations/PivotTable/pivot-table-test-mocks.tsx
index 4de893a59a0..350ed74d367 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/pivot-table-test-mocks.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/pivot-table-test-mocks.tsx
@@ -90,7 +90,7 @@ export function PivotTableTestWrapper(props?: any) {
       settings={vizSettings}
       data={{ rows, cols }}
       onVisualizationClick={() => {}}
-      onUpdateVisualizationSettings={newSettings =>
+      onUpdateVisualizationSettings={(newSettings) =>
         setVizSettings({ ...vizSettings, ...newSettings })
       }
       isNightMode={false}
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/settings.ts b/frontend/src/metabase/visualizations/visualizations/PivotTable/settings.ts
index be79ce68817..1339dbc69b3 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/settings.ts
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/settings.ts
@@ -76,7 +76,7 @@ export const settings = {
     persistDefault: true,
     getHidden: ([{ data }]: [{ data: DatasetData }]) =>
       // hide the setting widget if there are invalid columns
-      !data || data.cols.some(col => !isColumnValid(col)),
+      !data || data.cols.some((col) => !isColumnValid(col)),
     getProps: (
       [{ data }]: [{ data: DatasetData }],
       settings: VisualizationSettings,
@@ -101,7 +101,7 @@ export const settings = {
         return undefined;
       }
       const columnsToPartition = data.cols.filter(
-        col => !isPivotGroupColumn(col),
+        (col) => !isPivotGroupColumn(col),
       );
       let setting: PivotTableColumnSplitSetting;
       if (storedValue == null) {
@@ -109,7 +109,7 @@ export const settings = {
           columnsToPartition,
           isDimension,
         );
-        const [first, second, ...rest] = _.sortBy(dimensions, col =>
+        const [first, second, ...rest] = _.sortBy(dimensions, (col) =>
           getIn(col, ["fingerprint", "global", "distinct-count"]),
         );
 
@@ -126,8 +126,8 @@ export const settings = {
           columns = [first, second];
           rows = rest;
         }
-        setting = _.mapObject({ rows, columns, values }, cols =>
-          cols.map(col => col.name),
+        setting = _.mapObject({ rows, columns, values }, (cols) =>
+          cols.map((col) => col.name),
         );
       } else {
         setting = updateValueWithCurrentColumns(
@@ -165,11 +165,11 @@ export const settings = {
       const columnFormats = settings[COLUMN_FORMATTING_SETTING] ?? [];
 
       return columnFormats
-        .map(columnFormat => {
+        .map((columnFormat) => {
           const hasOnlyFormattableColumns =
             columnFormat.columns
               .map((columnName: string) =>
-                data.cols.find(column => column.name === columnName),
+                data.cols.find((column) => column.name === columnName),
               )
               .filter(Boolean) ?? [].every(isFormattablePivotColumn);
 
@@ -190,12 +190,12 @@ export const settings = {
     ): boolean => {
       const columnFormats = settings[COLUMN_FORMATTING_SETTING] ?? [];
 
-      return columnFormats.every(columnFormat => {
+      return columnFormats.every((columnFormat) => {
         const hasOnlyFormattableColumns =
           columnFormat.columns
-            .map(columnName =>
+            .map((columnName) =>
               (data.cols as DatasetColumn[]).find(
-                column => column.name === columnName,
+                (column) => column.name === columnName,
               ),
             )
             .filter(Boolean) ?? [].every(isFormattablePivotColumn);
@@ -216,7 +216,7 @@ export const settings = {
       };
     },
     getHidden: ([{ data }]: [{ data: DatasetData }]) =>
-      !data?.cols.some(col => isFormattablePivotColumn(col)),
+      !data?.cols.some((col) => isFormattablePivotColumn(col)),
   },
 };
 
@@ -260,7 +260,7 @@ export const _columnSettings = {
       return rows
         .slice(0, -1)
         .some(
-          row =>
+          (row) =>
             _.isEqual(row, column.name) || _.isEqual(row, column.field_ref),
         );
     },
@@ -273,7 +273,7 @@ export const _columnSettings = {
       // to show totals a column needs to be:
       //  - in the left header ("rows" in COLUMN_SPLIT_SETTING)
       //  - not the last column
-      return !rows.slice(0, -1).some(row => _.isEqual(row, column.name));
+      return !rows.slice(0, -1).some((row) => _.isEqual(row, column.name));
     },
   },
   column_title: {
diff --git a/frontend/src/metabase/visualizations/visualizations/PivotTable/utils.ts b/frontend/src/metabase/visualizations/visualizations/PivotTable/utils.ts
index 296beb75d4f..35b64849869 100644
--- a/frontend/src/metabase/visualizations/visualizations/PivotTable/utils.ts
+++ b/frontend/src/metabase/visualizations/visualizations/PivotTable/utils.ts
@@ -34,9 +34,9 @@ export function updateValueWithCurrentColumns(
   columns: DatasetColumn[],
 ): PivotTableColumnSplitSetting {
   const migratedValue = migratePivotColumnSplitSetting(storedValue, columns);
-  const currentQueryColumnNames = columns.map(c => c.name);
+  const currentQueryColumnNames = columns.map((c) => c.name);
   const currentSettingColumnNames = Object.values(migratedValue).flatMap(
-    columnNames => columnNames ?? [],
+    (columnNames) => columnNames ?? [],
   );
   const toAdd = _.difference(
     currentQueryColumnNames,
@@ -57,14 +57,14 @@ export function updateValueWithCurrentColumns(
   // remove toRemove
   const value: ColumnNameColumnSplitSetting = _.mapObject(
     migratedValue,
-    columnNames =>
-      columnNames?.filter(columnName => !toRemove.includes(columnName)),
+    (columnNames) =>
+      columnNames?.filter((columnName) => !toRemove.includes(columnName)),
   );
 
   // add toAdd to first partitions where it matches the filter
   for (const columnName of toAdd) {
     for (const { columnFilter: filter, name } of partitions) {
-      const column = columns.find(c => c.name === columnName);
+      const column = columns.find((c) => c.name === columnName);
       if (column != null && (filter == null || filter(column))) {
         value[name] = value[name] ?? [];
         value[name].push(column.name);
@@ -85,7 +85,7 @@ export function addMissingCardBreakouts(
 ): PivotTableColumnSplitSetting {
   const { rows = [], columns = [] } = setting;
   const breakoutColumns = availableColumns.filter(
-    column => column.source === "breakout",
+    (column) => column.source === "breakout",
   );
   if (breakoutColumns.length <= columns.length + rows.length) {
     return setting;
@@ -138,7 +138,7 @@ export function getLeftHeaderWidths({
       Math.max(
         // we need to use the depth index because the data is in depth order, not row index order
         ...(cellValues[depthIndex]?.values?.map(
-          value =>
+          (value) =>
             measureText(value, {
               weight: "normal",
               family: fontFamily,
diff --git a/frontend/src/metabase/visualizations/visualizations/Progress/Progress.jsx b/frontend/src/metabase/visualizations/visualizations/Progress/Progress.jsx
index 5eba451cdb5..3b687b15cc5 100644
--- a/frontend/src/metabase/visualizations/visualizations/Progress/Progress.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/Progress/Progress.jsx
@@ -66,7 +66,7 @@ export default class Progress extends Component {
         ],
         settings,
       ) => [
-        _.find(cols, col => col.name === settings["scalar.field"]) || cols[0],
+        _.find(cols, (col) => col.name === settings["scalar.field"]) || cols[0],
       ],
     }),
     "progress.goal": {
@@ -168,7 +168,7 @@ export default class Progress extends Component {
     const clicked = { value, column, settings };
     const isClickable = onVisualizationClick != null;
 
-    const handleClick = e => {
+    const handleClick = (e) => {
       if (onVisualizationClick && visualizationIsClickable(clicked)) {
         onVisualizationClick({ ...clicked, event: e.nativeEvent });
       }
diff --git a/frontend/src/metabase/visualizations/visualizations/RowChart/RowChart.tsx b/frontend/src/metabase/visualizations/visualizations/RowChart/RowChart.tsx
index b5359f7b6ca..83ed2f84cda 100644
--- a/frontend/src/metabase/visualizations/visualizations/RowChart/RowChart.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/RowChart/RowChart.tsx
@@ -391,7 +391,7 @@ RowChartVisualization.transformSeries = (originalMultipleSeries: any) => {
     data,
     chartColumns,
     getColumnValueFormatter(),
-  ).map(series => {
+  ).map((series) => {
     const seriesCard = {
       ...card,
       name: series.seriesName,
@@ -433,7 +433,7 @@ RowChartVisualization.placeholderSeries = [
       dataset_query: { type: "null" },
     },
     data: {
-      rows: _.range(0, 11).map(i => [i, i]),
+      rows: _.range(0, 11).map((i) => [i, i]),
       cols: [
         { name: "x", base_type: "type/Integer" },
         { name: "y", base_type: "type/Integer" },
diff --git a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/events.ts b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/events.ts
index cc0805df750..db17aea5cd9 100644
--- a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/events.ts
+++ b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/events.ts
@@ -38,7 +38,7 @@ const getMetricColumnData = (
   visualizationSettings: VisualizationSettings,
 ) => {
   return Object.entries(metricDatum).map(([columnName, value]) => {
-    const col = columns.find(column => column.name === columnName)!;
+    const col = columns.find((column) => column.name === columnName)!;
     const key =
       getIn(visualizationSettings, ["series_settings", col.name, "title"]) ??
       col.display_name;
@@ -57,7 +57,7 @@ const getColumnData = (
   seriesIndex: number,
 ) => {
   return columns
-    .map(columnDescriptor => {
+    .map((columnDescriptor) => {
       const { column, index } = columnDescriptor;
 
       let value;
@@ -120,8 +120,8 @@ const getColumnsData = (
 
   const otherColumnsDescriptiors = getColumnDescriptors(
     datasetColumns
-      .filter(column => !data.some(item => item.col === column))
-      .map(column => column.name),
+      .filter((column) => !data.some((item) => item.col === column))
+      .map((column) => column.name),
     datasetColumns,
   );
 
@@ -203,7 +203,7 @@ export const getStackedTooltipRows = <TDatum>(
   seriesColors: Record<string, string>,
 ): TooltipRowModel[] =>
   multipleSeries
-    .map(series => {
+    .map((series) => {
       const value = series.xAccessor(bar.datum);
       if (value == null) {
         return null;
@@ -253,7 +253,7 @@ export const getTooltipModel = <TDatum>(
 
   const [headerRows, bodyRows] = _.partition(
     rows,
-    row => row.name === series.seriesName,
+    (row) => row.name === series.seriesName,
   );
 
   const totalFormatter = (value: unknown) =>
diff --git a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/events.unit.spec.ts b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/events.unit.spec.ts
index ba2d7ff9e78..5023529c695 100644
--- a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/events.unit.spec.ts
+++ b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/events.unit.spec.ts
@@ -110,7 +110,7 @@ describe("events utils", () => {
 
     it.each(["stacked", "normalized"])(
       "returns stacked tooltip model for stacked charts",
-      stackType => {
+      (stackType) => {
         const tooltipModel = getHoverData(
           barData,
           {
diff --git a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/legend.ts b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/legend.ts
index 1ab4a54bb53..d893f8694c1 100644
--- a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/legend.ts
+++ b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/legend.ts
@@ -7,7 +7,7 @@ export const getLegendItems = <TDatum>(
   seriesColors: Record<string, string>,
   settings: VisualizationSettings,
 ): LegendItem[] => {
-  return multipleSeries.map(series => ({
+  return multipleSeries.map((series) => ({
     key: series.seriesKey,
     name:
       settings?.series_settings?.[series.seriesKey]?.title ?? series.seriesName,
diff --git a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/settings-definitions.js b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/settings-definitions.js
index 2fb6567589a..91ef01d6441 100644
--- a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/settings-definitions.js
+++ b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/settings-definitions.js
@@ -120,7 +120,7 @@ export const ROW_CHART_SETTINGS = {
     getHidden: (series, vizSettings) =>
       vizSettings["graph.x_axis.labels_enabled"] === false,
     getDefault: getDefaultDimensionLabel,
-    getProps: series => ({
+    getProps: (series) => ({
       placeholder: getDefaultDimensionLabel(series),
     }),
   },
@@ -148,7 +148,7 @@ export const ROW_CHART_SETTINGS = {
       const metricNames = Array.from(
         new Set(
           series.map(({ data: { cols } }) => {
-            const metricCol = cols.find(c => c.name === metric);
+            const metricCol = cols.find((c) => c.name === metric);
             return metricCol && metricCol.display_name;
           }),
         ),
diff --git a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/settings.ts b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/settings.ts
index 69396d257df..fc4ed88815c 100644
--- a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/settings.ts
+++ b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/settings.ts
@@ -14,7 +14,7 @@ export const getLabelledSeries = <TDatum>(
   }
 
   return series
-    .filter(series => {
+    .filter((series) => {
       const showSeriesValuesSetting =
         settings?.series_settings?.[series.seriesKey]?.show_series_values;
 
@@ -24,7 +24,7 @@ export const getLabelledSeries = <TDatum>(
           settings["graph.show_values"] === true)
       );
     })
-    .map(series => series.seriesKey);
+    .map((series) => series.seriesKey);
 };
 
 export const getAxesVisibility = (settings: VisualizationSettings) => {
diff --git a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/warnings.ts b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/warnings.ts
index c67f81794d4..02b18d9eb9b 100644
--- a/frontend/src/metabase/visualizations/visualizations/RowChart/utils/warnings.ts
+++ b/frontend/src/metabase/visualizations/visualizations/RowChart/utils/warnings.ts
@@ -7,7 +7,7 @@ export const getChartWarnings = (
   rows: RowValues[],
 ) => {
   const chartValuesKeys = new Set(
-    rows.map(row => {
+    rows.map((row) => {
       const dimensionValue = row[chartColumns.dimension.index];
       return "breakout" in chartColumns
         ? `${row[chartColumns.breakout.index]}:${dimensionValue}`
diff --git a/frontend/src/metabase/visualizations/visualizations/SankeyChart/SankeyChart.stories.tsx b/frontend/src/metabase/visualizations/visualizations/SankeyChart/SankeyChart.stories.tsx
index 32653525b17..bf827ed2ca5 100644
--- a/frontend/src/metabase/visualizations/visualizations/SankeyChart/SankeyChart.stories.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/SankeyChart/SankeyChart.stories.tsx
@@ -10,7 +10,7 @@ export default {
   component: IsomorphicVisualizationStory,
 };
 
-const Template: StoryFn<StaticChartProps> = args => {
+const Template: StoryFn<StaticChartProps> = (args) => {
   return <IsomorphicVisualizationStory {...args} />;
 };
 
diff --git a/frontend/src/metabase/visualizations/visualizations/SankeyChart/chart-definition.ts b/frontend/src/metabase/visualizations/visualizations/SankeyChart/chart-definition.ts
index e28f71be6b8..0b85c9eed06 100644
--- a/frontend/src/metabase/visualizations/visualizations/SankeyChart/chart-definition.ts
+++ b/frontend/src/metabase/visualizations/visualizations/SankeyChart/chart-definition.ts
@@ -128,7 +128,7 @@ export const SANKEY_CHART_DEFINITION = {
   isSensible: (data: DatasetData) => {
     const { cols, rows } = data;
     const numDimensions = cols.filter(
-      col => isDimension(col) && !isDate(col),
+      (col) => isDimension(col) && !isDate(col),
     ).length;
     const numMetrics = cols.filter(isMetric).length;
 
@@ -197,7 +197,7 @@ export const SANKEY_CHART_DEFINITION = {
     }
 
     const nodesCount = new Set(
-      rows.flatMap(row => [
+      rows.flatMap((row) => [
         row[sankeyColumns.source.index],
         row[sankeyColumns.target.index],
       ]),
diff --git a/frontend/src/metabase/visualizations/visualizations/SankeyChart/events.ts b/frontend/src/metabase/visualizations/visualizations/SankeyChart/events.ts
index 1be89e0707b..5458504abeb 100644
--- a/frontend/src/metabase/visualizations/visualizations/SankeyChart/events.ts
+++ b/frontend/src/metabase/visualizations/visualizations/SankeyChart/events.ts
@@ -32,7 +32,7 @@ const getSankeyClickData = (
   columnValues: Record<ColumnKey, RowValue>,
   predicate: (col: DatasetColumn, index: number) => boolean = () => true,
 ) => {
-  return cols.filter(predicate).map(col => {
+  return cols.filter(predicate).map((col) => {
     return {
       col,
       value: columnValues[getColumnKey(col)],
diff --git a/frontend/src/metabase/visualizations/visualizations/SankeyChart/utils/cycle-detection.ts b/frontend/src/metabase/visualizations/visualizations/SankeyChart/utils/cycle-detection.ts
index 62f02279b1e..88cf61ed701 100644
--- a/frontend/src/metabase/visualizations/visualizations/SankeyChart/utils/cycle-detection.ts
+++ b/frontend/src/metabase/visualizations/visualizations/SankeyChart/utils/cycle-detection.ts
@@ -54,7 +54,7 @@ export const hasCyclicFlow = (
   const pathNodes = new Set<RowValue>();
 
   return Array.from(graph.keys()).some(
-    node =>
+    (node) =>
       !visited.has(node) &&
       detectCycleFromNode(node, graph, visited, pathNodes),
   );
diff --git a/frontend/src/metabase/visualizations/visualizations/SankeyChart/utils/cycle-detection.unit.spec.ts b/frontend/src/metabase/visualizations/visualizations/SankeyChart/utils/cycle-detection.unit.spec.ts
index 8263b284cc1..ebfd05b004f 100644
--- a/frontend/src/metabase/visualizations/visualizations/SankeyChart/utils/cycle-detection.unit.spec.ts
+++ b/frontend/src/metabase/visualizations/visualizations/SankeyChart/utils/cycle-detection.unit.spec.ts
@@ -25,7 +25,7 @@ describe("hasCyclicFlow", () => {
         ["B", "C"],
       ],
     ],
-  ])("should detect a cycle in the flow", rows => {
+  ])("should detect a cycle in the flow", (rows) => {
     expect(hasCyclicFlow(rows, 0, 1)).toBe(true);
   });
 
diff --git a/frontend/src/metabase/visualizations/visualizations/Scalar/Scalar.jsx b/frontend/src/metabase/visualizations/visualizations/Scalar/Scalar.jsx
index 808c997989d..58f6d2e5b81 100644
--- a/frontend/src/metabase/visualizations/visualizations/Scalar/Scalar.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/Scalar/Scalar.jsx
@@ -85,7 +85,7 @@ export class Scalar extends Component {
         ],
         settings,
       ) => [
-        _.find(cols, col => col.name === settings["scalar.field"]) || cols[0],
+        _.find(cols, (col) => col.name === settings["scalar.field"]) || cols[0],
       ],
       readDependencies: ["scalar.field"],
     }),
@@ -125,7 +125,7 @@ export class Scalar extends Component {
   _getColumnIndex(cols, settings) {
     const columnIndex = _.findIndex(
       cols,
-      col => col.name === settings["scalar.field"],
+      (col) => col.name === settings["scalar.field"],
     );
     return columnIndex < 0 ? 0 : columnIndex;
   }
@@ -230,7 +230,7 @@ export class Scalar extends Component {
           alwaysShowTooltip={fullScalarValue !== displayValue}
           isClickable={isClickable}
         >
-          <span onClick={handleClick} ref={scalar => (this._scalar = scalar)}>
+          <span onClick={handleClick} ref={(scalar) => (this._scalar = scalar)}>
             <ScalarValue
               fontFamily={fontFamily}
               gridSize={gridSize}
diff --git a/frontend/src/metabase/visualizations/visualizations/Scalar/scalars-bar-transform.ts b/frontend/src/metabase/visualizations/visualizations/Scalar/scalars-bar-transform.ts
index 4b2f0872141..a03513d373c 100644
--- a/frontend/src/metabase/visualizations/visualizations/Scalar/scalars-bar-transform.ts
+++ b/frontend/src/metabase/visualizations/visualizations/Scalar/scalars-bar-transform.ts
@@ -4,10 +4,10 @@ import type { TransformSeries } from "metabase/visualizations/components/Transfo
 import { TYPE } from "metabase-lib/v1/types/constants";
 import type { RawSeries } from "metabase-types/api";
 
-export const scalarToBarTransform: TransformSeries = rawSeries => {
+export const scalarToBarTransform: TransformSeries = (rawSeries) => {
   return rawSeries.map(({ card, data }) => {
     let metricColumnIndex = data.cols.findIndex(
-      col => col.name === card.visualization_settings["scalar.field"],
+      (col) => col.name === card.visualization_settings["scalar.field"],
     );
 
     // If not found, set default
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/AnotherColumnForm.tsx b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/AnotherColumnForm.tsx
index a781284af01..cbbfd93ed45 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/AnotherColumnForm.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/AnotherColumnForm.tsx
@@ -40,7 +40,7 @@ export function AnotherColumnForm({
 
   const columnOptions = useMemo(
     () =>
-      columns.map(column => ({
+      columns.map((column) => ({
         label: column.display_name,
         value: column.name,
       })),
@@ -49,7 +49,7 @@ export function AnotherColumnForm({
 
   const handleChangeColumnKey = (value: string) => {
     setColumn(value);
-    const option = columnOptions.find(option => option.value === value);
+    const option = columnOptions.find((option) => option.value === value);
     setLabel(option?.label || "");
   };
 
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/ComparisonPicker.tsx b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/ComparisonPicker.tsx
index aec7ebd60ca..ce9f281d786 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/ComparisonPicker.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/ComparisonPicker.tsx
@@ -100,7 +100,7 @@ export function ComparisonPicker({
               : undefined
           }
           columns={comparableColumns}
-          onChange={nextValue => {
+          onChange={(nextValue) => {
             handleEditedValueChange(
               { id: selectedValue.id, ...nextValue },
               true,
@@ -118,7 +118,7 @@ export function ComparisonPicker({
               ? selectedValue
               : undefined
           }
-          onChange={nextValue => {
+          onChange={(nextValue) => {
             handleEditedValueChange(
               { id: selectedValue.id, ...nextValue },
               true,
@@ -130,7 +130,7 @@ export function ComparisonPicker({
     }
     return (
       <Stack gap="sm">
-        {options.map(optionArgs =>
+        {options.map((optionArgs) =>
           renderMenuOption({
             editedValue,
             selectedValue,
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/PeriodsAgoMenuOption.tsx b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/PeriodsAgoMenuOption.tsx
index d36a72f3777..118d2e75b5e 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/PeriodsAgoMenuOption.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/PeriodsAgoMenuOption.tsx
@@ -102,7 +102,7 @@ export function PeriodsAgoMenuOption({
           <NumberInputStyled
             type="number"
             value={value}
-            onChange={value => handleInputChange(value)}
+            onChange={(value) => handleInputChange(value)}
             onKeyPress={handleInputEnter}
             onClick={handleInputClick}
             size="xs"
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/SmartScalarSettingsWidgets.tsx b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/SmartScalarSettingsWidgets.tsx
index 1859cdc6991..4770d6a88ae 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/SmartScalarSettingsWidgets.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SettingsComponents/SmartScalarSettingsWidgets.tsx
@@ -68,7 +68,7 @@ export function SmartScalarComparisonWidget({
 
   const handleChangeComparison = useCallback(
     (comparison: SmartScalarComparison) => {
-      const nextValue = value.map(item =>
+      const nextValue = value.map((item) =>
         item.id === comparison.id ? comparison : item,
       );
       onChange(nextValue);
@@ -78,7 +78,7 @@ export function SmartScalarComparisonWidget({
 
   const handleRemoveComparison = useCallback(
     (comparison: SmartScalarComparison) => {
-      const nextValue = value.filter(item => item.id !== comparison.id);
+      const nextValue = value.filter((item) => item.id !== comparison.id);
       onChange(nextValue);
     },
     [value, onChange],
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SmartScalar.jsx b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SmartScalar.jsx
index d2b6cabed19..ec8a9ecb9dd 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SmartScalar.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SmartScalar.jsx
@@ -276,12 +276,12 @@ function PreviousValueComparison({
     )}`;
   };
 
-  const detailCandidates = valueCandidates.map(valueStr =>
+  const detailCandidates = valueCandidates.map((valueStr) =>
     getDetailCandidate(valueStr),
   );
   const fullDetailDisplay = detailCandidates[0];
   const fittedDetailDisplay = detailCandidates.find(
-    e =>
+    (e) =>
       measureTextWidth(innerText(e), {
         size: fontSize,
         family: fontFamily,
@@ -423,7 +423,7 @@ Object.assign(SmartScalar, {
         settings,
       ) => [
         // try and find a selected field setting
-        cols.find(col => col.name === settings["scalar.field"]) ||
+        cols.find((col) => col.name === settings["scalar.field"]) ||
           // fall back to the second column
           cols[1] ||
           // but if there's only one column use that
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SmartScalar.styled.tsx b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SmartScalar.styled.tsx
index f3f163cef63..a53e779ac92 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/SmartScalar.styled.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/SmartScalar.styled.tsx
@@ -10,7 +10,7 @@ export const VariationIcon = styled(Icon)`
   align-items: center;
   flex: 0 0 auto;
   margin-right: ${space(1)};
-  color: ${props => props.color};
+  color: ${(props) => props.color};
 `;
 
 export const VariationValue = styled(Ellipsified)`
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/compute.js b/frontend/src/metabase/visualizations/visualizations/SmartScalar/compute.js
index c8401abe327..debf168d110 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/compute.js
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/compute.js
@@ -35,7 +35,7 @@ export function computeTrend(series, insights, settings, { getColor }) {
           value: displayValue,
           date: displayDate,
         },
-        comparisons: comparisons.map(comparison =>
+        comparisons: comparisons.map((comparison) =>
           buildComparisonObject({
             comparison,
             currentMetricData,
@@ -153,9 +153,9 @@ function getCurrentMetricData({ series, insights, settings }) {
   ] = series;
 
   // column locations for date and metric
-  const dimensionColIndex = cols.findIndex(col => isDate(col));
+  const dimensionColIndex = cols.findIndex((col) => isDate(col));
   const metricColIndex = cols.findIndex(
-    col => col.name === settings["scalar.field"],
+    (col) => col.name === settings["scalar.field"],
   );
 
   if (dimensionColIndex === -1) {
@@ -169,7 +169,7 @@ function getCurrentMetricData({ series, insights, settings }) {
   }
 
   // get latest value and date
-  const latestRowIndex = _.findLastIndex(rows, row => {
+  const latestRowIndex = _.findLastIndex(rows, (row) => {
     const date = row[dimensionColIndex];
     const value = row[metricColIndex];
 
@@ -184,7 +184,7 @@ function getCurrentMetricData({ series, insights, settings }) {
   // get metric column metadata
   const metricColumn = cols[metricColIndex];
   const metricInsight = insights?.find(
-    insight => insight.col === metricColumn.name,
+    (insight) => insight.col === metricColumn.name,
   );
   const dateUnit = metricInsight?.unit;
   const dateColumn = cols[dimensionColIndex];
@@ -237,7 +237,7 @@ function computeTrendAnotherColumn({ comparison, currentMetricData, series }) {
   const { cols, rows } = series[0].data;
 
   const columnIndex = cols.findIndex(
-    column => column.name === comparison.column,
+    (column) => column.name === comparison.column,
   );
 
   if (columnIndex === -1) {
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/compute.unit.spec.js b/frontend/src/metabase/visualizations/visualizations/SmartScalar/compute.unit.spec.js
index 7257e0ded8f..ad6e7f70790 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/compute.unit.spec.js
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/compute.unit.spec.js
@@ -513,7 +513,7 @@ describe("SmartScalar > compute", () => {
         const comparisonType = COMPARISON_TYPES.PERIODS_AGO;
         const getComparisonProperties =
           createGetComparisonProperties(comparisonType);
-        const createSettings = value =>
+        const createSettings = (value) =>
           createMockVisualizationSettings({
             "scalar.field": "Count",
             "scalar.comparisons": [{ id: "1", type: comparisonType, value }],
@@ -815,7 +815,7 @@ describe("SmartScalar > compute", () => {
 
         describe(`invalid options`, () => {
           const comparisonType = COMPARISON_TYPES.PERIODS_AGO;
-          const createSettings = value =>
+          const createSettings = (value) =>
             createMockVisualizationSettings({
               "scalar.field": "Count",
               "scalar.comparisons": [{ id: "1", type: comparisonType, value }],
@@ -1114,7 +1114,7 @@ describe("SmartScalar > compute", () => {
       });
 
       describe(`invalid comparison type`, () => {
-        const createSettings = type =>
+        const createSettings = (type) =>
           createMockVisualizationSettings({
             "scalar.field": "Count",
             "scalar.comparisons": [{ id: "1", type }],
@@ -1542,7 +1542,7 @@ describe("SmartScalar > compute", () => {
         const comparisonType = COMPARISON_TYPES.PERIODS_AGO;
         const getComparisonProperties =
           createGetComparisonProperties(comparisonType);
-        const createSettings = value =>
+        const createSettings = (value) =>
           createMockVisualizationSettings({
             "scalar.field": "Count",
             "scalar.comparisons": [{ id: "1", type: comparisonType, value }],
@@ -1831,7 +1831,7 @@ describe("SmartScalar > compute", () => {
       const comparisonType = COMPARISON_TYPES.PREVIOUS_VALUE;
       const getComparisonProperties =
         createGetComparisonProperties(comparisonType);
-      const createSettings = field =>
+      const createSettings = (field) =>
         createMockVisualizationSettings({
           "scalar.field": field,
           "scalar.comparisons": [{ id: "1", type: comparisonType }],
@@ -1921,9 +1921,9 @@ describe("SmartScalar > compute", () => {
 
       const insights = [{ unit: "month", col: "Count" }];
 
-      const createVizSettings = settings =>
+      const createVizSettings = (settings) =>
         createMockVisualizationSettings({
-          column: column => ({ column }),
+          column: (column) => ({ column }),
           "scalar.field": "Count",
           "scalar.comparisons": [
             { id: "1", type: COMPARISON_TYPES.PREVIOUS_VALUE },
@@ -1973,7 +1973,7 @@ describe("SmartScalar > compute", () => {
         createGetComparisonProperties(COMPARISON_TYPE);
 
       const COUNT_FIELD = "Count";
-      const createSettings = value =>
+      const createSettings = (value) =>
         createMockVisualizationSettings({
           "scalar.field": COUNT_FIELD,
           "scalar.comparisons": [{ id: "1", type: COMPARISON_TYPE, value }],
diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar/utils.ts b/frontend/src/metabase/visualizations/visualizations/SmartScalar/utils.ts
index 28ff1ab4469..0c6b4070531 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar/utils.ts
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar/utils.ts
@@ -41,9 +41,9 @@ export const formatChangeAutoPrecision = (
   }: { fontFamily: string; fontWeight: number; width: number },
 ): string =>
   [2, 1]
-    .map(n => formatChange(change, { maximumFractionDigits: n }))
+    .map((n) => formatChange(change, { maximumFractionDigits: n }))
     .find(
-      formatted =>
+      (formatted) =>
         measureText(formatted, {
           size: "1rem",
           family: fontFamily,
@@ -115,7 +115,7 @@ export function getDefaultComparison(
   ] = series;
 
   const dateUnit = insights?.find(
-    insight => insight.col === settings["scalar.field"],
+    (insight) => insight.col === settings["scalar.field"],
   )?.unit;
 
   if (!dateUnit) {
@@ -144,7 +144,7 @@ export function getColumnsForComparison(
   settings: VisualizationSettings,
 ) {
   return columns.filter(
-    column => isNumeric(column) && column.name !== settings["scalar.field"],
+    (column) => isNumeric(column) && column.name !== settings["scalar.field"],
   );
 }
 
@@ -176,7 +176,7 @@ export function getComparisonOptions(
   );
 
   const dateUnit = insights.find(
-    insight => insight.col === settings["scalar.field"],
+    (insight) => insight.col === settings["scalar.field"],
   )?.unit;
 
   if (!dateUnit) {
@@ -228,7 +228,7 @@ export function isComparisonValid(
     }
 
     const isExistingColumn =
-      cols.find(col => col.name === comparison?.column) != null;
+      cols.find((col) => col.name === comparison?.column) != null;
 
     const isDifferentFromPrimaryColumn =
       comparison.column !== settings["scalar.field"];
@@ -245,7 +245,7 @@ export function isComparisonValid(
   }
 
   const dateUnit = insights?.find(
-    insight => insight.col === settings["scalar.field"],
+    (insight) => insight.col === settings["scalar.field"],
   )?.unit;
 
   if (!dateUnit) {
@@ -260,7 +260,7 @@ export function validateComparisons(
   settings: VisualizationSettings,
 ) {
   const comparisons = settings["scalar.comparisons"] || [];
-  return comparisons.every(comparison =>
+  return comparisons.every((comparison) =>
     isComparisonValid(comparison, series, settings),
   );
 }
@@ -270,7 +270,7 @@ export function getComparisons(
   settings: VisualizationSettings,
 ) {
   const comparisons = settings["scalar.comparisons"] || [];
-  const filteredComparisons = comparisons.filter(comparison =>
+  const filteredComparisons = comparisons.filter((comparison) =>
     isComparisonValid(comparison, series, settings),
   );
   return filteredComparisons.length > 0
@@ -289,7 +289,7 @@ function getMaxPeriodsAgo({
   rows,
   dateUnit,
 }: getMaxPeriodsAgoParameters) {
-  const dimensionIndex = cols.findIndex(col => isDate(col));
+  const dimensionIndex = cols.findIndex((col) => isDate(col));
 
   if (dimensionIndex === -1) {
     return null;
@@ -297,11 +297,11 @@ function getMaxPeriodsAgo({
 
   const latestNonEmptyRowIndex = _.findLastIndex(
     rows,
-    row => !isEmpty(row[dimensionIndex]),
+    (row) => !isEmpty(row[dimensionIndex]),
   );
   const latestNonEmptyRow =
     latestNonEmptyRowIndex !== -1 ? rows[latestNonEmptyRowIndex] : undefined;
-  const earliestNonEmptyRow = rows.find(row => !isEmpty(row[dimensionIndex]));
+  const earliestNonEmptyRow = rows.find((row) => !isEmpty(row[dimensionIndex]));
 
   if (latestNonEmptyRow === undefined || earliestNonEmptyRow === undefined) {
     return null;
diff --git a/frontend/src/metabase/visualizations/visualizations/Table/Table.tsx b/frontend/src/metabase/visualizations/visualizations/Table/Table.tsx
index 48a3a0d9825..079a0284cc2 100644
--- a/frontend/src/metabase/visualizations/visualizations/Table/Table.tsx
+++ b/frontend/src/metabase/visualizations/visualizations/Table/Table.tsx
@@ -153,7 +153,7 @@ class Table extends Component<TableProps, TableState> {
       ) => {
         // We try to show numeric values in pivot cells, but if none are
         // available, we fall back to the last column in the unpivoted table
-        const nonPivotCols = data.cols.filter(c => c.name !== pivotCol);
+        const nonPivotCols = data.cols.filter((c) => c.name !== pivotCol);
         const lastCol = nonPivotCols[nonPivotCols.length - 1];
         const { name } = nonPivotCols.find(isMetric) || lastCol || {};
         return name;
@@ -216,13 +216,13 @@ class Table extends Component<TableProps, TableState> {
       column_title: {
         title: t`Column title`,
         widget: "input",
-        getDefault: column => displayNameForColumn(column),
+        getDefault: (column) => displayNameForColumn(column),
       },
       click_behavior: {},
       text_align: {
         title: t`Align`,
         widget: "select",
-        getDefault: column => {
+        getDefault: (column) => {
           const baseColumn = column?.remapped_to_column ?? column;
           return isNumber(baseColumn) || isCoordinate(baseColumn)
             ? "right"
@@ -319,7 +319,7 @@ class Table extends Component<TableProps, TableState> {
         },
       ) => {
         return {
-          options: cols.map(column => column.name),
+          options: cols.map((column) => column.name),
           placeholder: t`Link to {{bird_id}}`,
         };
       },
@@ -345,7 +345,7 @@ class Table extends Component<TableProps, TableState> {
         },
       ) => {
         return {
-          options: cols.map(column => column.name),
+          options: cols.map((column) => column.name),
           placeholder: t`http://toucan.example/{{bird_id}}`,
         };
       },
@@ -380,11 +380,11 @@ class Table extends Component<TableProps, TableState> {
     if (Table.isPivoted(series, settings)) {
       const pivotIndex = _.findIndex(
         data.cols,
-        col => col.name === settings["table.pivot_column"],
+        (col) => col.name === settings["table.pivot_column"],
       );
       const cellIndex = _.findIndex(
         data.cols,
-        col => col.name === settings["table.cell_column"],
+        (col) => col.name === settings["table.cell_column"],
       );
       const normalIndex = _.findIndex(
         data.cols,
@@ -410,8 +410,8 @@ class Table extends Component<TableProps, TableState> {
 
       this.setState({
         data: {
-          cols: columnIndexes.map(i => cols[i]),
-          rows: rows.map(row => columnIndexes.map(i => row[i])),
+          cols: columnIndexes.map((i) => cols[i]),
+          rows: rows.map((row) => columnIndexes.map((i) => row[i])),
           results_timezone,
         },
         question,
diff --git a/frontend/src/metabase/visualizations/visualizations/Table/Table.unit.spec.js b/frontend/src/metabase/visualizations/visualizations/Table/Table.unit.spec.js
index 6365922cbeb..dc8b314fc14 100644
--- a/frontend/src/metabase/visualizations/visualizations/Table/Table.unit.spec.js
+++ b/frontend/src/metabase/visualizations/visualizations/Table/Table.unit.spec.js
@@ -53,9 +53,9 @@ const setup = ({ display, visualization_settings = {} }) => {
       ),
     );
 
-    const handleChange = update => {
+    const handleChange = (update) => {
       onChange(update);
-      setQuestion(q => {
+      setQuestion((q) => {
         const newQuestion = q.updateSettings(update);
         return new Question(thaw(newQuestion.card()), metadata);
       });
@@ -69,7 +69,7 @@ const setup = ({ display, visualization_settings = {} }) => {
             card: question.card(),
             data: {
               rows: [],
-              cols: ordersFields.map(field =>
+              cols: ordersFields.map((field) =>
                 createMockColumn({
                   ...field,
                   id: Number(field.id),
@@ -93,7 +93,7 @@ const setup = ({ display, visualization_settings = {} }) => {
 };
 
 // these visualizations share column settings, so all the tests should work for both
-["table", "object"].forEach(display => {
+["table", "object"].forEach((display) => {
   describe(`${display} column settings`, () => {
     it("should show you related columns in structured queries", async () => {
       setup({ display });
@@ -167,12 +167,12 @@ const setup = ({ display, visualization_settings = {} }) => {
 
 describe("table.pivot", () => {
   describe("getHidden", () => {
-    const createMockSeriesWithCols = cols => [
+    const createMockSeriesWithCols = (cols) => [
       createMockSingleSeries(
         createMockCard(),
         createMockDataset({
           data: createMockDatasetData({
-            cols: cols.map(name => createMockColumn({ name })),
+            cols: cols.map((name) => createMockColumn({ name })),
           }),
         }),
       ),
diff --git a/frontend/src/metabase/visualizations/visualizations/Text/Text.jsx b/frontend/src/metabase/visualizations/visualizations/Text/Text.jsx
index 8c1885c1e38..2eb85b4aad5 100644
--- a/frontend/src/metabase/visualizations/visualizations/Text/Text.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/Text/Text.jsx
@@ -20,7 +20,7 @@ import {
   TextInput,
 } from "./Text.styled";
 
-const getSettingsStyle = settings => ({
+const getSettingsStyle = (settings) => ({
   [CS.alignCenter]: settings["text.align_horizontal"] === "center",
   [CS.alignEnd]: settings["text.align_horizontal"] === "right",
   [CS.justifyCenter]: settings["text.align_vertical"] === "middle",
@@ -50,7 +50,7 @@ export function Text({
     useToggle(justAdded);
   const isPreviewing = !isFocused;
 
-  const preventDragging = e => e.stopPropagation();
+  const preventDragging = (e) => e.stopPropagation();
 
   const isSingleRow = gridSize?.height === 1;
 
@@ -114,7 +114,7 @@ export function Text({
             placeholder={placeholder}
             value={textValue}
             autoFocus={justAdded || isFocused}
-            onChange={e => setTextValue(e.target.value)}
+            onChange={(e) => setTextValue(e.target.value)}
             onMouseDown={preventDragging}
             onBlur={() => {
               toggleFocusOff();
diff --git a/frontend/test/__support__/components/mantineSelect.ts b/frontend/test/__support__/components/mantineSelect.ts
index c8c2122c9cb..a6dacc05f77 100644
--- a/frontend/test/__support__/components/mantineSelect.ts
+++ b/frontend/test/__support__/components/mantineSelect.ts
@@ -25,7 +25,7 @@ export const viewMantineSelectOptions = async ({
 
   const listbox = await screen.findByRole("listbox");
   const optionElements = await within(listbox).findAllByRole("option");
-  const optionTextContents = optionElements.map(option => option.textContent);
+  const optionTextContents = optionElements.map((option) => option.textContent);
   return {
     optionElements,
     optionTextContents,
diff --git a/frontend/test/__support__/entities-store.js b/frontend/test/__support__/entities-store.js
index 62eacdbea45..9ce829abf64 100644
--- a/frontend/test/__support__/entities-store.js
+++ b/frontend/test/__support__/entities-store.js
@@ -15,7 +15,7 @@ export function getStore(reducers = {}, initialState = {}, middleware = []) {
   return configureStore({
     reducer,
     preloadedState: initialState,
-    middleware: getDefaultMiddleware =>
+    middleware: (getDefaultMiddleware) =>
       getDefaultMiddleware({
         immutableCheck: false,
         serializableCheck: false,
diff --git a/frontend/test/__support__/mocks.js b/frontend/test/__support__/mocks.js
index 2ba9d2648e1..7247ea50aaf 100644
--- a/frontend/test/__support__/mocks.js
+++ b/frontend/test/__support__/mocks.js
@@ -30,7 +30,7 @@ jest.mock("@uiw/react-codemirror", () => {
         {...rest}
         value={props.value ?? ""}
         // @ts-expect-error: We cannot provide the update argument to onChange
-        onChange={evt => props.onChange?.(evt.target.value, undefined)}
+        onChange={(evt) => props.onChange?.(evt.target.value, undefined)}
         autoFocus
       />
     );
diff --git a/frontend/test/__support__/server-mocks/action.ts b/frontend/test/__support__/server-mocks/action.ts
index f0ad9db0605..0b1026016c5 100644
--- a/frontend/test/__support__/server-mocks/action.ts
+++ b/frontend/test/__support__/server-mocks/action.ts
@@ -15,7 +15,7 @@ export function setupActionEndpoints(action: WritebackAction) {
 function setupActionPostEndpoint() {
   fetchMock.post(
     { url: "path:/api/action", overwriteRoutes: true },
-    async url => {
+    async (url) => {
       const call = fetchMock.lastCall(url);
       const data = await call?.request?.json();
       if (data.type === "implicit") {
@@ -34,7 +34,7 @@ export function setupActionsEndpoints(actions: WritebackAction[]) {
 
   setupActionPostEndpoint();
 
-  actions.forEach(action => setupActionEndpoints(action));
+  actions.forEach((action) => setupActionEndpoints(action));
 }
 
 export function setupModelActionsEndpoints(
@@ -52,5 +52,5 @@ export function setupModelActionsEndpoints(
 
   setupActionPostEndpoint();
 
-  actions.forEach(action => setupActionEndpoints(action));
+  actions.forEach((action) => setupActionEndpoints(action));
 }
diff --git a/frontend/test/__support__/server-mocks/activity.ts b/frontend/test/__support__/server-mocks/activity.ts
index bb254a3f308..6ed10b576cc 100644
--- a/frontend/test/__support__/server-mocks/activity.ts
+++ b/frontend/test/__support__/server-mocks/activity.ts
@@ -21,7 +21,7 @@ export function setupRecentViewsAndSelectionsEndpoints(
   mockPostRequest: boolean = true,
 ) {
   fetchMock.get(
-    url =>
+    (url) =>
       url.endsWith(
         `/api/activity/recents?${querystring.stringify({ context })}`,
       ),
diff --git a/frontend/test/__support__/server-mocks/card.ts b/frontend/test/__support__/server-mocks/card.ts
index ac097e6fc35..43a00dc3f9c 100644
--- a/frontend/test/__support__/server-mocks/card.ts
+++ b/frontend/test/__support__/server-mocks/card.ts
@@ -13,7 +13,7 @@ import { PERMISSION_ERROR } from "./constants";
 
 export function setupCardEndpoints(card: Card) {
   fetchMock.get(`path:/api/card/${card.id}`, card);
-  fetchMock.put(`path:/api/card/${card.id}`, async url => {
+  fetchMock.put(`path:/api/card/${card.id}`, async (url) => {
     const lastCall = fetchMock.lastCall(url);
     return createMockCard(await lastCall?.request?.json());
   });
@@ -30,11 +30,11 @@ export function setupCardQueryMetadataEndpoint(
 export function setupCardsEndpoints(cards: Card[]) {
   fetchMock.get({ url: "path:/api/card", overwriteRoutes: false }, cards);
   setupCardCreateEndpoint();
-  cards.forEach(card => setupCardEndpoints(card));
+  cards.forEach((card) => setupCardEndpoints(card));
 }
 
 export function setupCardCreateEndpoint() {
-  fetchMock.post("path:/api/card", async url => {
+  fetchMock.post("path:/api/card", async (url) => {
     const lastCall = fetchMock.lastCall(url);
     return createMockCard(await lastCall?.request?.json());
   });
@@ -54,7 +54,7 @@ export function setupUnauthorizedCardEndpoints(card: Card) {
 }
 
 export function setupUnauthorizedCardsEndpoints(cards: Card[]) {
-  cards.forEach(card => setupUnauthorizedCardEndpoints(card));
+  cards.forEach((card) => setupUnauthorizedCardEndpoints(card));
 }
 
 export function setupCardQueryEndpoints(card: Card, dataset: Dataset) {
diff --git a/frontend/test/__support__/server-mocks/collection.ts b/frontend/test/__support__/server-mocks/collection.ts
index 760d7349b20..4e4ccc1d86b 100644
--- a/frontend/test/__support__/server-mocks/collection.ts
+++ b/frontend/test/__support__/server-mocks/collection.ts
@@ -43,7 +43,7 @@ export function setupCollectionsEndpoints({
       query: { "exclude-archived": true },
       overwriteRoutes: false,
     },
-    collections.filter(collection => !collection.archived),
+    collections.filter((collection) => !collection.archived),
   );
   fetchMock.get(
     {
@@ -75,7 +75,10 @@ export function setupCollectionVirtualSchemaEndpoints(
 ) {
   const urls = getCollectionVirtualSchemaURLs(collection);
 
-  const [models, questions] = _.partition(cards, card => card.type === "model");
+  const [models, questions] = _.partition(
+    cards,
+    (card) => card.type === "model",
+  );
   const modelVirtualTables = models.map(convertSavedQuestionToVirtualTable);
   const questionVirtualTables = questions.map(
     convertSavedQuestionToVirtualTable,
@@ -94,7 +97,7 @@ export function setupCollectionItemsEndpoint({
   collectionItems: CollectionItem[];
   models?: string[];
 }) {
-  fetchMock.get(`path:/api/collection/${collection.id}/items`, uri => {
+  fetchMock.get(`path:/api/collection/${collection.id}/items`, (uri) => {
     const url = new URL(uri);
     const models = modelsParam ?? url.searchParams.getAll("models");
     const matchedItems = collectionItems.filter(({ model }) =>
@@ -123,7 +126,7 @@ export function setupDashboardItemsEndpoint({
   dashboardItems: CollectionItem[];
   models?: string[];
 }) {
-  fetchMock.get(`path:/api/dashboard/${dashboard.id}/items`, uri => {
+  fetchMock.get(`path:/api/dashboard/${dashboard.id}/items`, (uri) => {
     const url = new URL(uri);
     const models = modelsParam ?? url.searchParams.getAll("models") ?? ["card"];
     const limit =
@@ -182,12 +185,12 @@ export function setupCollectionByIdEndpoint({
     return;
   }
 
-  fetchMock.get(/api\/collection\/\d+$/, url => {
+  fetchMock.get(/api\/collection\/\d+$/, (url) => {
     const collectionIdParam = url.split("/")[5];
     const collectionId = Number(collectionIdParam);
 
     const collection = collections.find(
-      collection => collection.id === collectionId,
+      (collection) => collection.id === collectionId,
     );
 
     return collection;
@@ -208,13 +211,13 @@ function setupCollectionWithErrorById({
 }
 
 export function setupDashboardCollectionItemsEndpoint(dashboards: Dashboard[]) {
-  fetchMock.get(/api\/collection\/(\d+|root)\/items/, url => {
+  fetchMock.get(/api\/collection\/(\d+|root)\/items/, (url) => {
     const collectionIdParam = url.split("/")[5];
     const collectionId =
       collectionIdParam !== "root" ? Number(collectionIdParam) : null;
 
     const dashboardsOfCollection = dashboards.filter(
-      dashboard => dashboard.collection_id === collectionId,
+      (dashboard) => dashboard.collection_id === collectionId,
     );
 
     return {
diff --git a/frontend/test/__support__/server-mocks/dashboard.ts b/frontend/test/__support__/server-mocks/dashboard.ts
index 6713224e1c3..fe8290783d8 100644
--- a/frontend/test/__support__/server-mocks/dashboard.ts
+++ b/frontend/test/__support__/server-mocks/dashboard.ts
@@ -10,7 +10,7 @@ import { createMockDashboard } from "metabase-types/api/mocks";
 
 export function setupDashboardEndpoints(dashboard: Dashboard) {
   fetchMock.get(`path:/api/dashboard/${dashboard.id}`, dashboard);
-  fetchMock.put(`path:/api/dashboard/${dashboard.id}`, async url => {
+  fetchMock.put(`path:/api/dashboard/${dashboard.id}`, async (url) => {
     const lastCall = fetchMock.lastCall(url);
     return createMockDashboard(await lastCall?.request?.json());
   });
@@ -35,7 +35,7 @@ export function setupDashboardQueryMetadataEndpoint(
 
 export function setupDashboardsEndpoints(dashboards: Dashboard[]) {
   fetchMock.get("path:/api/dashboard", dashboards);
-  dashboards.forEach(dashboard => setupDashboardEndpoints(dashboard));
+  dashboards.forEach((dashboard) => setupDashboardEndpoints(dashboard));
 }
 
 export function setupDashboardNotFoundEndpoint(dashboard: Dashboard) {
diff --git a/frontend/test/__support__/server-mocks/database.ts b/frontend/test/__support__/server-mocks/database.ts
index 413463ea9e4..c2068862a51 100644
--- a/frontend/test/__support__/server-mocks/database.ts
+++ b/frontend/test/__support__/server-mocks/database.ts
@@ -18,9 +18,9 @@ export function setupDatabaseEndpoints(db: Database) {
   });
   setupSchemaEndpoints(db);
   setupDatabaseIdFieldsEndpoints(db);
-  db.tables?.forEach(table => setupTableEndpoints({ ...table, db }));
+  db.tables?.forEach((table) => setupTableEndpoints({ ...table, db }));
 
-  fetchMock.put(`path:/api/database/${db.id}`, async url => {
+  fetchMock.put(`path:/api/database/${db.id}`, async (url) => {
     const call = fetchMock.lastCall(url);
     const body = await call?.request?.json();
     return { ...db, ...body };
@@ -57,21 +57,21 @@ export function setupDatabasesEndpoints(
     { url: "path:/api/database", overwriteRoutes: false },
     { data: databases, total: databases.length },
   );
-  fetchMock.post("path:/api/database", async url => {
+  fetchMock.post("path:/api/database", async (url) => {
     const lastCall = fetchMock.lastCall(url);
     return await lastCall?.request?.json();
   });
 
-  databases.forEach(db => setupDatabaseEndpoints(db));
+  databases.forEach((db) => setupDatabaseEndpoints(db));
 }
 
 export const setupSchemaEndpoints = (db: Database) => {
-  const schemas = _.groupBy(db.tables ?? [], table => table.schema);
+  const schemas = _.groupBy(db.tables ?? [], (table) => table.schema);
   const schemaNames = Object.keys(schemas);
   fetchMock.get(`path:/api/database/${db.id}/schemas`, schemaNames);
   fetchMock.get(`path:/api/database/${db.id}/syncable_schemas`, schemaNames);
 
-  schemaNames.forEach(schema => {
+  schemaNames.forEach((schema) => {
     fetchMock.get(
       `path:/api/database/${db.id}/schema/${schema}`,
       schemas[schema],
@@ -80,10 +80,10 @@ export const setupSchemaEndpoints = (db: Database) => {
 };
 
 export function setupDatabaseIdFieldsEndpoints({ id, tables = [] }: Database) {
-  const fields = tables.flatMap(table =>
+  const fields = tables.flatMap((table) =>
     (table.fields ?? [])
-      .filter(field => isTypeFK(field.semantic_type))
-      .map(field => ({ ...field, table })),
+      .filter((field) => isTypeFK(field.semantic_type))
+      .map((field) => ({ ...field, table })),
   );
 
   fetchMock.get(`path:/api/database/${id}/idfields`, fields);
@@ -106,5 +106,5 @@ export function setupUnauthorizedDatabaseEndpoints(db: Database) {
 }
 
 export function setupUnauthorizedDatabasesEndpoints(dbs: Database[]) {
-  dbs.forEach(db => setupUnauthorizedDatabaseEndpoints(db));
+  dbs.forEach((db) => setupUnauthorizedDatabaseEndpoints(db));
 }
diff --git a/frontend/test/__support__/server-mocks/field.ts b/frontend/test/__support__/server-mocks/field.ts
index 16d7b8a3876..ab35c2fefd3 100644
--- a/frontend/test/__support__/server-mocks/field.ts
+++ b/frontend/test/__support__/server-mocks/field.ts
@@ -38,7 +38,7 @@ export function setupUnauthorizedFieldValuesEndpoints(
 export function setupFieldsValuesEndpoints(
   fieldsValues: GetFieldValuesResponse[],
 ) {
-  fieldsValues.forEach(fieldValues => setupFieldValuesEndpoints(fieldValues));
+  fieldsValues.forEach((fieldValues) => setupFieldValuesEndpoints(fieldValues));
 }
 
 export function setupFieldSearchValuesEndpoint(
diff --git a/frontend/test/__support__/server-mocks/model-indexes.ts b/frontend/test/__support__/server-mocks/model-indexes.ts
index d5fa445301d..1550e514da1 100644
--- a/frontend/test/__support__/server-mocks/model-indexes.ts
+++ b/frontend/test/__support__/server-mocks/model-indexes.ts
@@ -17,7 +17,7 @@ export function setupModelIndexEndpoints(
     { name: `getModelIndexes-${modelId}` },
   );
 
-  indexes.forEach(index => {
+  indexes.forEach((index) => {
     fetchMock.delete(`path:/api/model-index/${index.id}`, 200, {
       name: `deleteModelIndex`,
     });
@@ -25,7 +25,7 @@ export function setupModelIndexEndpoints(
 
   fetchMock.post(
     `path:/api/model-index`,
-    async url => {
+    async (url) => {
       const lastCall = fetchMock.lastCall(url);
       return createMockModelIndex(await lastCall?.request?.json());
     },
diff --git a/frontend/test/__support__/server-mocks/native-query-snippet.ts b/frontend/test/__support__/server-mocks/native-query-snippet.ts
index ff21d9483aa..c717f8c133f 100644
--- a/frontend/test/__support__/server-mocks/native-query-snippet.ts
+++ b/frontend/test/__support__/server-mocks/native-query-snippet.ts
@@ -8,7 +8,7 @@ export function setupNativeQuerySnippetEndpoints(
   { snippets = [] }: { snippets?: NativeQuerySnippet[] } = { snippets: [] },
 ) {
   fetchMock.get(PATH, () => snippets);
-  snippets.forEach(snippet =>
+  snippets.forEach((snippet) =>
     fetchMock.get(`${PATH}/${snippet.id}`, () => snippet),
   );
 }
diff --git a/frontend/test/__support__/server-mocks/permissions.ts b/frontend/test/__support__/server-mocks/permissions.ts
index cc0806a813b..140fcf11ea7 100644
--- a/frontend/test/__support__/server-mocks/permissions.ts
+++ b/frontend/test/__support__/server-mocks/permissions.ts
@@ -16,14 +16,14 @@ export const setupPermissionsGraphEndpoints = (
     createMockPermissionsGraph({ groups, databases }),
   );
 
-  groups.forEach(group => {
+  groups.forEach((group) => {
     fetchMock.get(
       `path:/api/permissions/graph/group/${group.id}`,
       createMockPermissionsGraph({ groups: [group], databases }),
     );
   });
 
-  databases.forEach(database => {
+  databases.forEach((database) => {
     fetchMock.get(
       `path:/api/permissions/graph/db/${database.id}`,
       createMockPermissionsGraph({ groups, databases: [database] }),
diff --git a/frontend/test/__support__/server-mocks/search.ts b/frontend/test/__support__/server-mocks/search.ts
index ff9d654e5ba..d4223f4f5dd 100644
--- a/frontend/test/__support__/server-mocks/search.ts
+++ b/frontend/test/__support__/server-mocks/search.ts
@@ -8,7 +8,7 @@ export function setupSearchEndpoints(
 ) {
   fetchMock.get(
     "path:/api/search",
-    uri => {
+    (uri) => {
       const url = new URL(uri);
       const models = url.searchParams.getAll("models");
       const limit = Number(url.searchParams.get("limit")) || 50;
diff --git a/frontend/test/__support__/server-mocks/segment.ts b/frontend/test/__support__/server-mocks/segment.ts
index 079e365a9f4..890c26fe0d9 100644
--- a/frontend/test/__support__/server-mocks/segment.ts
+++ b/frontend/test/__support__/server-mocks/segment.ts
@@ -8,10 +8,10 @@ export function setupSegmentEndpoint(segment: Segment) {
 }
 
 export function setupSegmentsEndpoints(segments: Segment[]) {
-  fetchMock.post("path:/api/segment", async url => {
+  fetchMock.post("path:/api/segment", async (url) => {
     const metric = await fetchMock.lastCall(url)?.request?.json();
     return createMockSegment(metric);
   });
   fetchMock.get("path:/api/segment", segments);
-  segments.forEach(segment => setupSegmentEndpoint(segment));
+  segments.forEach((segment) => setupSegmentEndpoint(segment));
 }
diff --git a/frontend/test/__support__/server-mocks/table.ts b/frontend/test/__support__/server-mocks/table.ts
index f02eb59a2e4..9e0fd18e979 100644
--- a/frontend/test/__support__/server-mocks/table.ts
+++ b/frontend/test/__support__/server-mocks/table.ts
@@ -13,7 +13,7 @@ export function setupTableEndpoints(
   fetchMock.post(`path:/api/table/${table.id}/rescan_values`, {});
   fetchMock.post(`path:/api/table/${table.id}/discard_values`, {});
   setupTableQueryMetadataEndpoint(table);
-  table.fields?.forEach(field => setupFieldEndpoints({ ...field, table }));
+  table.fields?.forEach((field) => setupFieldEndpoints({ ...field, table }));
 }
 
 export function setupTableQueryMetadataEndpoint(table: Table) {
@@ -22,7 +22,7 @@ export function setupTableQueryMetadataEndpoint(table: Table) {
 
 export function setupTablesEndpoints(tables: Table[]) {
   fetchMock.get("path:/api/table", tables);
-  tables.forEach(table => setupTableEndpoints(table));
+  tables.forEach((table) => setupTableEndpoints(table));
 }
 
 export function setupUploadManagementEndpoint(tables: Table[]) {
@@ -34,7 +34,7 @@ export function setupUploadManagementEndpoint(tables: Table[]) {
  * @param failureId - the id of the table that should fail to delete, any other id will succeed
  */
 export function setupDeleteUploadManagementDeleteEndpoint(failureId?: number) {
-  fetchMock.delete(`glob:*/api/ee/upload-management/tables/*`, url => {
+  fetchMock.delete(`glob:*/api/ee/upload-management/tables/*`, (url) => {
     return url.includes(`/${failureId}`)
       ? {
           throws: { data: { message: "It's dead Jim" } },
diff --git a/frontend/test/__support__/server-mocks/user.ts b/frontend/test/__support__/server-mocks/user.ts
index 6c8cba4bf2b..44769e7690e 100644
--- a/frontend/test/__support__/server-mocks/user.ts
+++ b/frontend/test/__support__/server-mocks/user.ts
@@ -9,7 +9,7 @@ export function setupUserEndpoints(user: UserListResult) {
 }
 
 export function setupUsersEndpoints(users: UserListResult[]) {
-  users.forEach(user => setupUserEndpoints(user));
+  users.forEach((user) => setupUserEndpoints(user));
   return fetchMock.get("path:/api/user", { data: users });
 }
 
diff --git a/frontend/test/__support__/timezones.js b/frontend/test/__support__/timezones.js
index 55cb8170bdf..c669ed3144d 100644
--- a/frontend/test/__support__/timezones.js
+++ b/frontend/test/__support__/timezones.js
@@ -7,7 +7,7 @@ export default function testAcrossTimezones(runTests) {
   );
 
   describe(`client timezone ${clientTz}`, () => {
-    reportTzs.map(reportTz => {
+    reportTzs.map((reportTz) => {
       describe(`report timezone ${reportTz}`, () => {
         runTests(reportTz);
       });
diff --git a/frontend/test/__support__/ui-mocks.js b/frontend/test/__support__/ui-mocks.js
index dc8f42cf418..8da3ba850d8 100644
--- a/frontend/test/__support__/ui-mocks.js
+++ b/frontend/test/__support__/ui-mocks.js
@@ -11,7 +11,7 @@ const testAddEventListener = jest.fn((event, listener) => {
 
 const testRemoveEventListener = jest.fn((event, listener) => {
   eventListeners[event] = (eventListeners[event] || []).filter(
-    l => l !== listener,
+    (l) => l !== listener,
   );
 });
 
diff --git a/frontend/test/__support__/ui.tsx b/frontend/test/__support__/ui.tsx
index b8b86788696..c7445e8253b 100644
--- a/frontend/test/__support__/ui.tsx
+++ b/frontend/test/__support__/ui.tsx
@@ -315,7 +315,7 @@ export function getBrokenUpTextMatcher(textToFind: string): MatcherFunction {
     const hasText = (node: Element | null | undefined) =>
       node?.textContent === textToFind;
     const childrenDoNotHaveText = element
-      ? Array.from(element.children).every(child => !hasText(child))
+      ? Array.from(element.children).every((child) => !hasText(child))
       : true;
 
     return hasText(element) && childrenDoNotHaveText;
diff --git a/frontend/test/__support__/utils.ts b/frontend/test/__support__/utils.ts
index 9222d9a5e4e..589557123c7 100644
--- a/frontend/test/__support__/utils.ts
+++ b/frontend/test/__support__/utils.ts
@@ -9,7 +9,7 @@ export const getNextId = (() => {
 
 export async function delay(duration: number) {
   await act(async () => {
-    await new Promise(resolve => setTimeout(resolve, duration));
+    await new Promise((resolve) => setTimeout(resolve, duration));
   });
 }
 
diff --git a/frontend/test/jest-setup.js b/frontend/test/jest-setup.js
index a67950ae52c..fac7b37114c 100644
--- a/frontend/test/jest-setup.js
+++ b/frontend/test/jest-setup.js
@@ -10,7 +10,7 @@ import "__support__/mocks";
 // window.location or similar jsdom properties after the tests have ended and
 // jsdom has been torn down
 // NOTE: probably not needed in jest >= 23
-process.on("uncaughtException", err =>
+process.on("uncaughtException", (err) =>
   console.error("WARNING: UNCAUGHT EXCEPTION", err),
 );
 
diff --git a/frontend/test/metabase-lib/lib/queries/NativeQuery.unit.spec.js b/frontend/test/metabase-lib/lib/queries/NativeQuery.unit.spec.js
index 4b496807891..79de5dcb85b 100644
--- a/frontend/test/metabase-lib/lib/queries/NativeQuery.unit.spec.js
+++ b/frontend/test/metabase-lib/lib/queries/NativeQuery.unit.spec.js
@@ -284,7 +284,7 @@ describe("NativeQuery", () => {
         const q = makeQuery().setQueryText(
           "{{#1}} {{ #2 }} {{ #1-a-card-name }} {{ #1-a-card-name }}",
         );
-        expect(q.templateTags().map(v => v["card-id"])).toEqual([1, 2, 1]);
+        expect(q.templateTags().map((v) => v["card-id"])).toEqual([1, 2, 1]);
       });
     });
   });
@@ -336,7 +336,7 @@ describe("NativeQuery", () => {
       );
       const variables = q.variables();
       expect(variables).toHaveLength(1);
-      expect(variables.map(v => v.displayName())).toEqual(["Category"]);
+      expect(variables.map((v) => v.displayName())).toEqual(["Category"]);
     });
 
     it("should not return variable for dimension template tag", () => {
@@ -363,7 +363,7 @@ describe("NativeQuery", () => {
         });
       const dimensions = q.dimensionOptions().dimensions;
       expect(dimensions).toHaveLength(1);
-      expect(dimensions.map(d => d.displayName())).toEqual(["Category"]);
+      expect(dimensions.map((d) => d.displayName())).toEqual(["Category"]);
     });
   });
 
diff --git a/frontend/test/metabase/lib/api.unit.spec.js b/frontend/test/metabase/lib/api.unit.spec.js
index b69aa197413..3d34ca9071f 100644
--- a/frontend/test/metabase/lib/api.unit.spec.js
+++ b/frontend/test/metabase/lib/api.unit.spec.js
@@ -30,7 +30,7 @@ describe("api", () => {
 
   it("should PUT with remaining params as body", async () => {
     expect.assertions(1);
-    fetchMock.put("path:/hello/123", async uri => {
+    fetchMock.put("path:/hello/123", async (uri) => {
       const body = await fetchMock.lastCall(uri).request.json();
       expect(body).toEqual({ other: "stuff" });
       return 200;
@@ -40,7 +40,7 @@ describe("api", () => {
 
   it("should PUT with a specific params as the body", async () => {
     expect.assertions(1);
-    fetchMock.put("path:/hello/123", async uri => {
+    fetchMock.put("path:/hello/123", async (uri) => {
       const body = await fetchMock.lastCall(uri).request.json();
       expect(body).toEqual(["i", "am", "an", "array"]);
       return 200;
diff --git a/frontend/test/metabase/lib/dashboard_grid.unit.spec.js b/frontend/test/metabase/lib/dashboard_grid.unit.spec.js
index f3ca0bd39ea..4297f3d0261 100644
--- a/frontend/test/metabase/lib/dashboard_grid.unit.spec.js
+++ b/frontend/test/metabase/lib/dashboard_grid.unit.spec.js
@@ -1,6 +1,6 @@
 import { getPositionForNewDashCard } from "metabase/lib/dashboard_grid";
 
-const getPos = cards => getPositionForNewDashCard(cards, 2, 2, 6);
+const getPos = (cards) => getPositionForNewDashCard(cards, 2, 2, 6);
 
 describe("dashboard_grid", () => {
   describe("getPositionForNewDashCard", () => {
diff --git a/frontend/test/metabase/lib/data_grid.unit.spec.js b/frontend/test/metabase/lib/data_grid.unit.spec.js
index 252cf8ecb3e..96b90387a5f 100644
--- a/frontend/test/metabase/lib/data_grid.unit.spec.js
+++ b/frontend/test/metabase/lib/data_grid.unit.spec.js
@@ -10,7 +10,7 @@ import {
 } from "metabase/lib/data_grid";
 import { TYPE } from "metabase-lib/v1/types/constants";
 
-const dimension = i => ({
+const dimension = (i) => ({
   name: "D" + i,
   display_name: "Dimension " + i,
   base_type: TYPE.Text,
@@ -36,7 +36,7 @@ function makePivotData(rows, cols) {
 
   const primaryGroup = 0;
   return {
-    rows: rows.map(row => [...row, primaryGroup]),
+    rows: rows.map((row) => [...row, primaryGroup]),
     cols: [...cols, { name: "pivot-grouping", base_type: TYPE.Text }],
   };
 }
@@ -53,13 +53,13 @@ describe("data_grid", () => {
         ["b", "z", 6],
       ]);
       const pivotedData = pivot(data, 0, 1, 2);
-      expect(pivotedData.cols.map(col => col.display_name)).toEqual([
+      expect(pivotedData.cols.map((col) => col.display_name)).toEqual([
         "Dimension 1",
         "x",
         "y",
         "z",
       ]);
-      expect(pivotedData.rows.map(row => [...row])).toEqual([
+      expect(pivotedData.rows.map((row) => [...row])).toEqual([
         ["a", 1, 2, 3],
         ["b", 4, 5, 6],
       ]);
@@ -79,13 +79,13 @@ describe("data_grid", () => {
         ["b", "z", "y"],
       ]);
       const pivotedData = pivot(data, 0, 1, 2);
-      expect(pivotedData.cols.map(col => col.display_name)).toEqual([
+      expect(pivotedData.cols.map((col) => col.display_name)).toEqual([
         "Dimension 1",
         "x",
         "y",
         "z",
       ]);
-      expect(pivotedData.rows.map(row => [...row])).toEqual([
+      expect(pivotedData.rows.map((row) => [...row])).toEqual([
         ["a", "q", "w", "e"],
         ["b", "r", "t", "y"],
       ]);
@@ -105,12 +105,12 @@ describe("data_grid", () => {
         ["b", "z", 6],
       ]);
       const pivotedData = pivot(data, 1, 0, 2);
-      expect(pivotedData.cols.map(col => col.display_name)).toEqual([
+      expect(pivotedData.cols.map((col) => col.display_name)).toEqual([
         "Dimension 2",
         "a",
         "b",
       ]);
-      expect(pivotedData.rows.map(row => [...row])).toEqual([
+      expect(pivotedData.rows.map((row) => [...row])).toEqual([
         ["x", 1, 4],
         ["y", 2, 5],
         ["z", 3, 6],
@@ -142,13 +142,13 @@ describe("data_grid", () => {
         ["b", "z", 6],
       ]);
       const pivotedData = pivot(data, 0, 1, 2);
-      expect(pivotedData.cols.map(col => col.display_name)).toEqual([
+      expect(pivotedData.cols.map((col) => col.display_name)).toEqual([
         "Dimension 1",
         "x",
         "y",
         "z",
       ]);
-      expect(pivotedData.rows.map(row => [...row])).toEqual([
+      expect(pivotedData.rows.map((row) => [...row])).toEqual([
         ["a", 1, null, 3],
         ["b", 4, 5, 6],
       ]);
@@ -160,9 +160,9 @@ describe("data_grid", () => {
   });
 
   describe("multiLevelPivot", () => {
-    const getValues = items => _.pluck(items, "value");
-    const getPathsAndValues = items =>
-      items.map(item => _.pick(item, "path", "value"));
+    const getValues = (items) => _.pluck(items, "value");
+    const getPathsAndValues = (items) =>
+      items.map((item) => _.pick(item, "path", "value"));
 
     // This function adds fake field_refs so the settings can be associated with columns in the data
     const multiLevelPivotForIndexes = (
@@ -179,7 +179,7 @@ describe("data_grid", () => {
       } = {},
     ) => {
       const settings = {
-        column: column => {
+        column: (column) => {
           const columnIndex = column.field_ref[1];
           return {
             column,
@@ -189,7 +189,7 @@ describe("data_grid", () => {
         },
         [COLUMN_SPLIT_SETTING]: _.mapObject(
           { columns, rows, values },
-          indexes => indexes.map(index => data.cols[index].name),
+          (indexes) => indexes.map((index) => data.cols[index].name),
         ),
         [COLLAPSED_ROWS_SETTING]: { value: collapsedRows },
         "pivot.show_row_totals": showRowTotals,
@@ -489,15 +489,9 @@ describe("data_grid", () => {
         multiLevelPivotForIndexes(data, [], [0, 1], [2]);
       expect(rowCount).toEqual(7);
       expect(columnCount).toEqual(1);
-      expect(_.range(rowCount).map(i => getRowSection(0, i)[0].value)).toEqual([
-        "1",
-        "2",
-        "3",
-        "3",
-        "4",
-        "7",
-        "10",
-      ]);
+      expect(
+        _.range(rowCount).map((i) => getRowSection(0, i)[0].value),
+      ).toEqual(["1", "2", "3", "3", "4", "7", "10"]);
     });
 
     describe("sorting", () => {
@@ -769,11 +763,13 @@ describe("data_grid", () => {
         multiLevelPivotForIndexes(data, [3], [0, 1, 2], [4]);
       const firstColumn = ["1", "2", "3", "3", "4", "7", "10"];
       const lastColumn = ["1", "2", "3", "3", "4", "7", "10"];
-      expect(_.range(rowCount).map(i => getRowSection(0, i)[0].value)).toEqual(
-        firstColumn,
-      );
       expect(
-        _.range(rowCount).map(i => getRowSection(columnCount - 1, i)[0].value),
+        _.range(rowCount).map((i) => getRowSection(0, i)[0].value),
+      ).toEqual(firstColumn);
+      expect(
+        _.range(rowCount).map(
+          (i) => getRowSection(columnCount - 1, i)[0].value,
+        ),
       ).toEqual(lastColumn);
     });
   });
diff --git a/frontend/test/metabase/lib/formatting.unit.spec.js b/frontend/test/metabase/lib/formatting.unit.spec.js
index a8fa66aebb4..8c6c9a2b611 100644
--- a/frontend/test/metabase/lib/formatting.unit.spec.js
+++ b/frontend/test/metabase/lib/formatting.unit.spec.js
@@ -732,7 +732,7 @@ describe("formatting", () => {
       },
     );
 
-    it.each([1, 2, 52, 53])("should format week numbers correctly", value => {
+    it.each([1, 2, 52, 53])("should format week numbers correctly", (value) => {
       const text = formatDateTimeWithUnit(value, "week-of-year");
       expect(text).toMatch(new RegExp(`${value}[a-z]+`));
     });
diff --git a/frontend/test/metabase/lib/time.unit.spec.js b/frontend/test/metabase/lib/time.unit.spec.js
index 36670b91dd2..4fa4be329f6 100644
--- a/frontend/test/metabase/lib/time.unit.spec.js
+++ b/frontend/test/metabase/lib/time.unit.spec.js
@@ -66,7 +66,7 @@ describe("time", () => {
 
     it("should parse week of year correctly", () => {
       const daysOfWeek = [0, 1, 2, 3, 4, 5, 6];
-      daysOfWeek.forEach(dayOfWeek => {
+      daysOfWeek.forEach((dayOfWeek) => {
         moment.updateLocale(moment.locale(), { week: { dow: dayOfWeek } });
         expect(parseTimestamp(1, "week-of-year").isoWeek()).toBe(1);
         expect(parseTimestamp(2, "week-of-year").isoWeek()).toBe(2);
diff --git a/frontend/test/metabase/lib/urls.unit.spec.js b/frontend/test/metabase/lib/urls.unit.spec.js
index fa16c90a9ba..79c03560fc9 100644
--- a/frontend/test/metabase/lib/urls.unit.spec.js
+++ b/frontend/test/metabase/lib/urls.unit.spec.js
@@ -448,7 +448,7 @@ describe("urls", () => {
       },
     ];
 
-    testCases.forEach(testCase => {
+    testCases.forEach((testCase) => {
       const { caseName, input, expectedString } = testCase;
       const entity = { id: 1, name: input };