fix linting errors

pages/index.tsx

-import Button from '@mui/material/Button';
-import Stack from '@mui/material/Stack';
-import Item from '@mui/material/ListItem';
-import { styled, alpha} from '@mui/material/styles';
-import InputBase from '@mui/material/InputBase';
-import SearchIcon from '@mui/icons-material/Search';
-import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button'
+import Stack from '@mui/material/Stack'
+import Item from '@mui/material/ListItem'
+import { styled, alpha } from '@mui/material/styles'
+import InputBase from '@mui/material/InputBase'
+import SearchIcon from '@mui/icons-material/Search'
+import Grid from '@mui/material/Grid'
 
 const Search = styled('div')(({ theme }) => ({
   position: 'relative',
   borderRadius: theme.shape.borderRadius,
   backgroundColor: alpha(theme.palette.common.white, 0.15),
   '&:hover': {
-    backgroundColor: alpha(theme.palette.common.white, 0.25),
+    backgroundColor: alpha(theme.palette.common.white, 0.25)
   },
   marginRight: theme.spacing(2),
   marginLeft: 0,
   width: '100%',
   [theme.breakpoints.up('sm')]: {
     marginLeft: theme.spacing(3),
-    width: 'auto',
-  },
-}));
+    width: 'auto'
+  }
+}))
 
 const SearchIconWrapper = styled('div')(({ theme }) => ({
   padding: theme.spacing(0, 2),
@@ -29,8 +29,8 @@ const SearchIconWrapper = styled('div')(({ theme }) => ({
   pointerEvents: 'none',
   display: 'flex',
   alignItems: 'center',
-  justifyContent: 'center',
-}));
+  justifyContent: 'center'
+}))
 
 const StyledInputBase = styled(InputBase)(({ theme }) => ({
   color: 'inherit',
@@ -41,20 +41,19 @@ const StyledInputBase = styled(InputBase)(({ theme }) => ({
     transition: theme.transitions.create('width'),
     width: '100%',
     [theme.breakpoints.up('md')]: {
-      width: '20ch',
-    },
-  },
-}));
-
+      width: '20ch'
+    }
+  }
+}))
 
 export default function Index () {
   const info = ('This is the FDO Manager. The hardware and infrastructure for this test instance are provided by GWDG. IndiScale is responsible for the architecture and implementation.')
-  return (  
-      <Grid container direction="column" justifyContent="center"          alignItems="center">
+  return (
+      <Grid container direction="column" justifyContent="center" alignItems="center">
 
-            <Stack  direction="column" spacing={2} width="350px">
+            <Stack direction="column" spacing={2} width="350px">
                 <Item><h1>FDO-Manager</h1></Item>
-                <Item>{info}</Item>  
+                <Item>{info}</Item>
                 <Item><Button variant="contained" >Create FDO</Button></Item>
                 <Item><Search>
                     <SearchIconWrapper>
@@ -63,10 +62,10 @@ export default function Index () {
                     <StyledInputBase
                       placeholder="Search…" inputProps={{ 'aria-label': 'search' }}/>
                     </Search></Item>
-              
+
             </Stack>
       </Grid>
-  );
+  )
 }
 
 Index.noLayout = true