add prettier for auto formatting (#231)

* [Prettier] Add "prettier"

Makes the formatting of the code consistent.
By using the eslint-plugin-prettier formatting issues will be highlighted as a lint error.
These errors will be auto fixed by running "lint --fix" (which can be done automatically on file save)

* [Prettier] Add "prettier" - Fix formatting

src/components/atoms/CheckboxInput.tsx

@@ -10,19 +10,11 @@ import { Checkbox, CheckboxProps, FormControlLabel } from '@mui/material';
 import React from 'react';
 
 interface IProps extends CheckboxProps {
-    label?: string
+    label?: string;
 }
 
-const CheckboxInput: React.FC<IProps> = ({
-    label, sx, ...rest
-}) => (
-    <FormControlLabel
-        control={(
-            <Checkbox {...rest} />
-        )}
-        label={label}
-        sx={sx}
-    />
+const CheckboxInput: React.FC<IProps> = ({ label, sx, ...rest }) => (
+    <FormControlLabel control={<Checkbox {...rest} />} label={label} sx={sx} />
 );
 
 export default CheckboxInput;

src/components/atoms/LoadingIconButton.tsx

@@ -2,13 +2,11 @@ import { CircularProgress, IconButton, IconButtonProps } from '@mui/material';
 import React, { useState } from 'react';
 
 interface IProps extends Omit<IconButtonProps, 'onClick'> {
-    loading?: boolean
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => Promise<any>
+    loading?: boolean;
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => Promise<any>;
 }
 
-const LoadingIconButton = ({
-    onClick, children, loading: iLoading, ...rest
-}: IProps) => {
+const LoadingIconButton = ({ onClick, children, loading: iLoading, ...rest }: IProps) => {
     const [sLoading, setLoading] = useState(false);
     const loading = sLoading || iLoading;
 
@@ -19,7 +17,7 @@ const LoadingIconButton = ({
 
     return (
         <IconButton disabled={loading} {...rest} onClick={handleClick}>
-            {loading ? (<CircularProgress size={24} />) : children}
+            {loading ? <CircularProgress size={24} /> : children}
         </IconButton>
     );
 };

src/components/atoms/RadioInput.tsx

@@ -10,19 +10,11 @@ import { FormControlLabel, Radio, RadioProps } from '@mui/material';
 import React from 'react';
 
 export interface RadioInputProps extends RadioProps {
-    label?: string
+    label?: string;
 }
 
-const RadioInput: React.FC<RadioInputProps> = ({
-    label, sx, ...rest
-}) => (
-    <FormControlLabel
-        control={(
-            <Radio {...rest} />
-        )}
-        label={label}
-        sx={sx}
-    />
+const RadioInput: React.FC<RadioInputProps> = ({ label, sx, ...rest }) => (
+    <FormControlLabel control={<Radio {...rest} />} label={label} sx={sx} />
 );
 
 export default RadioInput;

src/components/atoms/SortRadioInput.tsx

@@ -12,14 +12,14 @@ import React from 'react';
 import RadioInput, { RadioInputProps } from 'components/atoms/RadioInput';
 
 interface IProps extends RadioInputProps {
-    sortDescending?: boolean | null | undefined
+    sortDescending?: boolean | null | undefined;
 }
 
-const SortRadioInput: React.FC<IProps> = ({
-    sortDescending, ...rest
-}) => (
+const SortRadioInput: React.FC<IProps> = ({ sortDescending, ...rest }) => (
     <RadioInput
-        checkedIcon={sortDescending ? <ArrowDownward color="primary" /> : <ArrowUpward color="primary" />}
+        checkedIcon={
+            sortDescending ? <ArrowDownward color="primary" /> : <ArrowUpward color="primary" />
+        }
         {...rest}
     />
 );

src/components/atoms/ThreeStateCheckbox.tsx

@@ -19,8 +19,8 @@ function nextState(state: CheckState): CheckState {
 }
 
 export interface ThreeStateCheckboxProps extends Omit<CheckboxProps, 'checked' | 'onChange'> {
-    checked?: boolean | undefined | null
-    onChange?: (checked: boolean | undefined | null) => void
+    checked?: boolean | undefined | null;
+    onChange?: (checked: boolean | undefined | null) => void;
 }
 
 /**

src/components/atoms/ThreeStateCheckboxInput.tsx

@@ -11,19 +11,11 @@ import React from 'react';
 import ThreeStateCheckbox, { ThreeStateCheckboxProps } from 'components/atoms/ThreeStateCheckbox';
 
 interface IProps extends ThreeStateCheckboxProps {
-    label?: string
+    label?: string;
 }
 
-const ThreeStateCheckboxInput: React.FC<IProps> = ({
-    label, sx, ...rest
-}) => (
-    <FormControlLabel
-        control={(
-            <ThreeStateCheckbox {...rest} />
-        )}
-        label={label}
-        sx={sx}
-    />
+const ThreeStateCheckboxInput: React.FC<IProps> = ({ label, sx, ...rest }) => (
+    <FormControlLabel control={<ThreeStateCheckbox {...rest} />} label={label} sx={sx} />
 );
 
 export default ThreeStateCheckboxInput;