[CI] Add linting option for frontend and enforce styling (#1565)

We now extend the default Eslint configuration and enforce styling with prettier for all of our frontend code.

1 files changed, 14 insertions, 11 deletions

diff --git a/web/src/components/FixedTextField.tsx b/web/src/components/FixedTextField.tsx
index 5e9c0f3b6..54febc1d5 100644
--- a/web/src/components/FixedTextField.tsx
+++ b/web/src/components/FixedTextField.tsx
@@ -1,34 +1,37 @@
 import React from "react";
-import TextField, { TextFieldProps } from "@material-ui/core/TextField";
+
 import { makeStyles } from "@material-ui/core";
+import TextField, { TextFieldProps } from "@material-ui/core/TextField";
 
 /**
  * This component fixes outlined TextField
  * https://github.com/mui-org/material-ui/issues/14530#issuecomment-463576879
- * 
+ *
  * @param props the TextField props
  */
 const FixedTextField = function (props: TextFieldProps) {
     const style = useStyles();
     return (
-        <TextField {...props}
+        <TextField
+            {...props}
             InputLabelProps={{
                 classes: {
-                    root: style.label
-                }
+                    root: style.label,
+                },
             }}
-            inputProps={{autoCapitalize: props.autoCapitalize}}>
+            inputProps={{ autoCapitalize: props.autoCapitalize }}
+        >
             {props.children}
         </TextField>
     );
-}
+};
 
-export default FixedTextField
+export default FixedTextField;
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
     label: {
         backgroundColor: theme.palette.background.default,
         paddingLeft: theme.spacing(0.1),
         paddingRight: theme.spacing(0.1),
-    }
-}));
\ No newline at end of file
+    },
+}));