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, 40 insertions, 32 deletions

diff --git a/src/styles/colors.scss b/src/styles/colors.scss
index a33d26cf1..eada2bb1d 100644
--- a/src/styles/colors.scss
+++ b/src/styles/colors.scss
@@ -1,41 +1,49 @@
-@import "./type-helper";
+@import './type-helper';
 
-$theme-brand-primary:        convert-rgb-string-to-color($raw-theme-brand-primary);
-$theme-brand-gradient:       $theme-brand-primary;
-$theme-brand-success:        convert-rgb-string-to-color($raw-theme-brand-success);
-$theme-brand-info:           convert-rgb-string-to-color($raw-theme-brand-info);
-$theme-brand-warning:        convert-rgb-string-to-color($raw-theme-brand-warning);
-$theme-brand-danger:         convert-rgb-string-to-color($raw-theme-brand-danger);
+$theme-brand-primary: convert-rgb-string-to-color($raw-theme-brand-primary);
+$theme-brand-gradient: $theme-brand-primary;
+$theme-brand-success: convert-rgb-string-to-color($raw-theme-brand-success);
+$theme-brand-info: convert-rgb-string-to-color($raw-theme-brand-info);
+$theme-brand-warning: convert-rgb-string-to-color($raw-theme-brand-warning);
+$theme-brand-danger: convert-rgb-string-to-color($raw-theme-brand-danger);
 
-$theme-gray-dark:            convert-rgb-string-to-color($raw-theme-gray-dark);
-$theme-gray:                 convert-rgb-string-to-color($raw-theme-gray);
-$theme-gray-light:           convert-rgb-string-to-color($raw-theme-gray-light);
-$theme-gray-lighter:         convert-rgb-string-to-color($raw-theme-gray-lighter);
-$theme-gray-lightest:        convert-rgb-string-to-color($raw-theme-gray-lightest);
+$theme-gray-dark: convert-rgb-string-to-color($raw-theme-gray-dark);
+$theme-gray: convert-rgb-string-to-color($raw-theme-gray);
+$theme-gray-light: convert-rgb-string-to-color($raw-theme-gray-light);
+$theme-gray-lighter: convert-rgb-string-to-color($raw-theme-gray-lighter);
+$theme-gray-lightest: convert-rgb-string-to-color($raw-theme-gray-lightest);
 
-$theme-border-radius:        to-number($raw-theme-border-radius);
-$theme-border-radius-small:  to-number($raw-theme-border-radius-small);
+$theme-border-radius: to-number($raw-theme-border-radius);
+$theme-border-radius-small: to-number($raw-theme-border-radius-small);
 
-$theme-sidebar-width:        to-number($raw-theme-sidebar-width);
+$theme-sidebar-width: to-number($raw-theme-sidebar-width);
 
-$theme-text-color:           convert-rgb-string-to-color($raw-theme-gray-dark);
+$theme-text-color: convert-rgb-string-to-color($raw-theme-gray-dark);
 
-$theme-transition-time:      .5s;
+$theme-transition-time: 0.5s;
 
-$theme-inset-shadow:         inset 0 2px 5px rgba(0, 0, 0, .03);
+$theme-inset-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.03);
 
 // Dark Theme
-$dark-theme-black:           convert-rgb-string-to-color($raw-dark-theme-black);
-
-$dark-theme-gray-darkest:    convert-rgb-string-to-color($raw-dark-theme-gray-darkest);
-$dark-theme-gray-darker:     convert-rgb-string-to-color($raw-dark-theme-gray-darker);
-$dark-theme-gray-dark:       convert-rgb-string-to-color($raw-dark-theme-gray-dark);
-
-$dark-theme-gray:            convert-rgb-string-to-color($raw-dark-theme-gray);
-
-$dark-theme-gray-light:      convert-rgb-string-to-color($raw-dark-theme-gray-light);
-$dark-theme-gray-lighter:    convert-rgb-string-to-color($raw-dark-theme-gray-lighter);
-$dark-theme-gray-lightest:   convert-rgb-string-to-color($raw-dark-theme-gray-lightest);
-
-$dark-theme-gray-smoke:      convert-rgb-string-to-color($raw-dark-theme-gray-smoke);
-$dark-theme-text-color:      convert-rgb-string-to-color($raw-dark-theme-text-color);
+$dark-theme-black: convert-rgb-string-to-color($raw-dark-theme-black);
+
+$dark-theme-gray-darkest: convert-rgb-string-to-color(
+  $raw-dark-theme-gray-darkest
+);
+$dark-theme-gray-darker: convert-rgb-string-to-color(
+  $raw-dark-theme-gray-darker
+);
+$dark-theme-gray-dark: convert-rgb-string-to-color($raw-dark-theme-gray-dark);
+
+$dark-theme-gray: convert-rgb-string-to-color($raw-dark-theme-gray);
+
+$dark-theme-gray-light: convert-rgb-string-to-color($raw-dark-theme-gray-light);
+$dark-theme-gray-lighter: convert-rgb-string-to-color(
+  $raw-dark-theme-gray-lighter
+);
+$dark-theme-gray-lightest: convert-rgb-string-to-color(
+  $raw-dark-theme-gray-lightest
+);
+
+$dark-theme-gray-smoke: convert-rgb-string-to-color($raw-dark-theme-gray-smoke);
+$dark-theme-text-color: convert-rgb-string-to-color($raw-dark-theme-text-color);