Work around new linting rules; Autoformatting

Author: tordans

src/apps/Analysis/state.ts

@@ -107,6 +107,7 @@ export function loadProjectData(
 
     try {
       const endPoint = `${config.apiUrl}/projects?page_size=500`;
+      // @ts-expect-error this was fine before, new TS seems to be more strict
       const { results } = await ky.get(endPoint, { timeout: 200000 }).json();
 
       dispatch({

src/apps/Map/types.ts

@@ -14,8 +14,8 @@ import {
 export type Side = typeof LEFT_SIDE | typeof RIGHT_SIDE | typeof BOTH_SIDES;
 
 export type HBISide = {
-  label: typeof HBI_STOPS[number]['label'];
-  color: typeof HBI_STOPS[number]['color'];
+  label: (typeof HBI_STOPS)[number]['label'];
+  color: (typeof HBI_STOPS)[number]['color'];
   level?: HBILevel;
 };
 

src/pages/Home/Berlin.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/control-has-associated-label */
 import React from 'react';
 import { useDispatch } from 'react-redux';
 import styled from 'styled-components';

src/pages/Reports/apiservice.ts

@@ -77,7 +77,7 @@ export const STATUS =
 
 // The type of any array item can be accessed using an array index, by
 // generalizing over all possible array indices we get all possible item types
-export type Status = typeof STATUS[number];
+export type Status = (typeof STATUS)[number];
 
 type SubmitReportResponse = any;