chore: update dev dependancies (#199)

* chore: updated typescript (#195)

* chore: updated linting plugins (#195)

* chore: updated linters (#195)

* chore: updated prettier (#195)

* chore: updated commitlint (#195)

* chore: updated eslint-plugin-next (#195)

* chore: updated playwright (#195)

* chore: updated babel-loader (#195)

* chore: updated csv-parse, ran database script (#195)

* chore: updated husky (#195)

* chore: removed empty Props interface from figure.styles.tsx (#195)

.eslintrc.json

@@ -14,7 +14,7 @@
     "prettier",
     "plugin:prettier/recommended",
     "next",
-    "plugin:sonarjs/recommended",
+    "plugin:sonarjs/recommended-legacy",
     "plugin:eslint-comments/recommended"
   ],
   "rules": {
@@ -57,7 +57,8 @@
     "jsdoc/require-returns-description": "error",
     "jsdoc/check-alignment": "error",
     "jsdoc/check-param-names": "error",
-    "react-hooks/exhaustive-deps": "error"
+    "react-hooks/exhaustive-deps": "error",
+    "sonarjs/redundant-type-aliases": "warn"
   },
   "overrides": [
     {

.prettierrc.json

@@ -1 +1,3 @@
-{}
+{
+  "trailingComma": "es5"
+}

app/components/Home/components/Section/components/SectionHero/components/Carousel/components/Arrow/arrow.styles.ts

@@ -26,7 +26,9 @@ export const IconButton = styled(MIconButton, {
   & {
     background-color: ${white};
     border-radius: 50%;
-    box-shadow: inset 0 0 0 1px ${smokeDark}, 0 1px 0 0 ${black08};
+    box-shadow:
+      inset 0 0 0 1px ${smokeDark},
+      0 1px 0 0 ${black08};
     color: ${inkMain};
     position: absolute;
     top: 50%;

app/components/Home/components/Section/components/SectionHero/components/Carousel/components/Cards/cards.styles.ts

@@ -47,7 +47,9 @@ export const CardPositioner = styled("div")<Props>`
 
 export const Card = styled(MCard)`
   border: none;
-  box-shadow: ${elevation01}, inset 0 0 0 1px ${smokeMain};
+  box-shadow:
+    ${elevation01},
+    inset 0 0 0 1px ${smokeMain};
   display: flex;
   height: 100%;
   width: 100%;

app/components/common/Figure/figure.styles.ts

@@ -3,9 +3,7 @@ import { inkLight } from "@databiosphere/findable-ui/lib/styles/common/mixins/co
 import { textBodyLarge4002Lines } from "@databiosphere/findable-ui/lib/styles/common/mixins/fonts";
 import styled from "@emotion/styled";
 
-interface Props {}
-
-export const Figure = styled.figure<Props>`
+export const Figure = styled.figure`
   margin: 16px 0;
 
   img {

app/utils/seedDatabase.ts

@@ -22,7 +22,7 @@ export const seedDatabase = async function seedDatabase(
   let jsonText;
   try {
     jsonText = await fsp.readFile(staticLoadFile, "utf8");
-  } catch (e) {
+  } catch {
     throw new Error(`File ${staticLoadFile} not found for entity ${label}`);
   }