chore: login form 로고 추가

+import React from 'react';
+import styled from 'styled-components';
+
+const LogoWrap = styled.div`
+  display: flex;
+  margin-top: 11%;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+`;
+
+function Logo() {
+  return (
+    <LogoWrap>
+      <img src="eDrive_logo.png" alt="" />
+    </LogoWrap>
+  );
+}
+
+export default Logo;

@@ -26,11 +26,10 @@ const Document = ({
     <Container
       style={{
         padding: '2rem 2rem',
-        margin: '2rem 4rem',
-        border: '1px solid black',
+        margin: '0 4rem',
       }}
     >
-      <div style={{ display: 'flex' }}>
+      <div style={{ display: 'flex', margin: '0.5rem 0' }}>
         <File filename={filename} filepath={filePath} />
         <Popover
           opened={opened}
@@ -39,7 +38,13 @@ const Document = ({
             <FaSearchPlus
               onMouseEnter={() => setOpened(true)}
               onMouseLeave={() => setOpened(false)}
-              style={{ marginTop: 3, marginLeft: 3, color: '#868e96' }}
+              style={{
+                marginTop: 3,
+                marginLeft: 3,
+                color: '#868e96',
+                border: 'none',
+                outline: 'none',
+              }}
             />
           }
           position="bottom-start"

@@ -4,6 +4,7 @@ import { useForm } from '@mantine/hooks';
 import styled from 'styled-components';
 import { Link } from 'react-router-dom';
 import palette from '../../lib/styles/palette';
+import Logo from '../Logo';
 
 const LoginFormBlock = styled.div`
   display: flex;
@@ -15,7 +16,9 @@ const ButtonBlock = styled.div`
   justify-content: space-between;
   margin-top: 2rem;
 `;
-const FormBlock = styled.div``;
+const FormBlock = styled.div`
+  padding-top: 2rem;
+`;
 const LoginForm = () => {
   const { onSubmit, errors, values, setFieldValue } = useForm({
     initialValues: {
@@ -31,16 +34,16 @@ const LoginForm = () => {
     <LoginFormBlock>
       <Container
         size={CONTAINER_SIZES.xs}
-        padding="xs"
+        padding={20}
         style={{
           display: 'block',
           width: CONTAINER_SIZES.xs,
           padding: '5rem',
-          border: `1px ${palette.gray3} solid`,
+          border: `1px ${palette.gray5} solid`,
           borderRadius: '5px',
         }}
       >
-        <h2>Logo</h2>
+        <Logo />
         <FormBlock>
           <TextInput
             required