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/util/client.tsx

@@ -13,7 +13,11 @@ const { hostname, port, protocol } = window.location;
 
 // if port is 3000 it's probably running from webpack devlopment server
 let inferredPort;
-if (port === '3000') { inferredPort = '4567'; } else { inferredPort = port; }
+if (port === '3000') {
+    inferredPort = '4567';
+} else {
+    inferredPort = port;
+}
 
 const baseURL = storage.getItem('serverBaseURL', `${protocol}//${hostname}:${inferredPort}`);
 
@@ -42,10 +46,7 @@ export async function fetcher<T = any>(path: string) {
     return res.data as T;
 }
 
-export const useQuery = <
-    D extends any = any,
-    E extends any = any,
->(
+export const useQuery = <D extends any = any, E extends any = any>(
     key: string,
     config?: SWRConfiguration<D, E>,
 ): SWRResponse<D, E> & { loading: boolean } => {