style: format code with Prettier

This commit fixes the style issues introduced in f4d0fa4 according to the output
from Prettier.

Details: #180

client/src/components/Forms/Search.jsx

@@ -23,7 +23,7 @@ const Search = () => {
 		event.preventDefault()
 		console.log('Submitted')
 	}, [])
-	
+
 	return (
 		<Paper sx={{ padding: 2 }}>
 			<Box gap={1} width={1} display="flex" flexDirection="column" component="form" onSubmit={handleSubmit}>

client/src/components/Sidebar.jsx

@@ -24,7 +24,7 @@ const SideBar = ({ open, setOpen }) => {
 	return (
 		<SwipeableDrawer open={open} onClose={closeDrawer} position="sticky">
 			<Box role="presentation" maxWidth="500px" sx={{ width: { xs: '100vw' } }} bgcolor="background.paper">
-				<Box  display="flex" justifyContent="space-between" m={1} alignItems="center" top={0} zIndex={4} bgcolor="background.paper" position="sticky">
+				<Box display="flex" justifyContent="space-between" m={1} alignItems="center" top={0} zIndex={4} bgcolor="background.paper" position="sticky">
 					<Button LinkComponent={Link} to="/" sx={{ ':hover': { backgroundColor: 'transparent' } }}>
 						<img src="favicon.ico" alt="logo" width={40} />
 						<img src={logo} alt="logo" height={60} />

client/src/pages/Playground.jsx

@@ -10,7 +10,7 @@ const Playground = () => {
 	const handleClick = useCallback(() => {
 		dispatch(openSnackbar({ message: 'This is a snackbar message', severity: 'success' }))
 	}, [dispatch])
-	
+
 	return (
 		<Suspense fallback={<SuspenseFallback />}>
 			<Container maxWidth="xl" sx={{ p: { md: 10, xs: 0 } }}>