style: reformat all files properly

- remove .json from .eslintignore
- add type intellisense to .prettierrc.js
- install missing @jest/types which is used in jest.config.js
- split up typecheck and lint into two separate commands
- remove --require-pragma flag from reformat-files which leads to unformatted files
- install suggested @types/prop-types and @types/react-loader dependencies
- add @ts-expect-error to Loader usages
- reformat all scss files automatically with reformat-files command

1 files changed, 16 insertions, 10 deletions

diff --git a/src/styles/infobox.scss b/src/styles/infobox.scss
index e287e5be7..cf43de3c4 100644
--- a/src/styles/infobox.scss
+++ b/src/styles/infobox.scss
@@ -8,38 +8,44 @@
   margin-bottom: 30px;
   padding: 15px 20px;
 
-  a { color: #FFF; }
+  a {
+    color: #fff;
+  }
 
-  .infobox__content { flex: 1; }
+  .infobox__content {
+    flex: 1;
+  }
 
   &.infobox--success {
     background: $theme-brand-success;
-    color: #FFF;
+    color: #fff;
   }
 
   &.infobox--primary {
     background: $theme-brand-primary;
-    color: #FFF;
+    color: #fff;
   }
 
   &.infobox--danger {
     background: $theme-brand-danger;
-    color: #FFF;
+    color: #fff;
   }
 
   &.infobox--warning {
     background: $theme-brand-warning;
-    color: #FFF;
+    color: #fff;
   }
 
-  .mdi { margin-right: 10px; }
+  .mdi {
+    margin-right: 10px;
+  }
 
   .infobox__cta {
-    border-color: #FFF;
+    border-color: #fff;
     border-radius: $theme-border-radius-small;
     border-style: solid;
     border-width: 2px;
-    color: #FFF;
+    color: #fff;
     margin-left: 15px;
     padding: 3px 8px;
 
@@ -54,7 +60,7 @@
   }
 
   .infobox__delete {
-    color: #FFF;
+    color: #fff;
     margin-right: 0;
   }
 }