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/molecules/OptionsPanel.tsx

@@ -5,22 +5,18 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 
-import {
-    Drawer,
-} from '@mui/material';
+import { Drawer } from '@mui/material';
 import { Box } from '@mui/system';
 import React from 'react';
 
 interface IProps {
-    open: boolean
-    onClose: () => void
-    children: React.ReactNode
-    minHeight?: number
+    open: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    minHeight?: number;
 }
 
-const OptionsPanel: React.FC<IProps> = ({
-    open, onClose, children, minHeight,
-}) => (
+const OptionsPanel: React.FC<IProps> = ({ open, onClose, children, minHeight }) => (
     <Drawer
         anchor="bottom"
         open={open}
@@ -34,9 +30,7 @@ const OptionsPanel: React.FC<IProps> = ({
             },
         }}
     >
-        <Box>
-            {children}
-        </Box>
+        <Box>{children}</Box>
     </Drawer>
 );