MainPage 캐러셀 라이브러리 적용 (#7)

* <chore> : testing 코드 삭제 및 react-slick 라이브러리 추가

* <design> : Footer 하단고정 삭제와 11번가 MANGO로 수정

* #2 <design> : header 사이즈 조정

* #6 <feat> : 캐러셀 라이브러리 적용과 파일 추가

package.json

@@ -10,15 +10,14 @@
     "@fortawesome/free-regular-svg-icons": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
     "i": "^0.3.7",
     "npm": "^9.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.14.1",
     "react-scripts": "5.0.1",
+    "react-slick": "^0.29.0",
+    "slick-carousel": "^1.8.1",
     "styled-components": "^6.0.4",
     "styled-reset": "^4.5.1",
     "web-vitals": "^2.1.4"

src/components/Footer/Footer.jsx

@@ -4,8 +4,8 @@ function Footer() {
   return (
     <Container>
       <div>
-        11번가(주)는 통신판매중개자로서 오픈마켓 11번가의 거래당사자가 아니며, 입점판매자가 등록한
-        상품정보 및 거래에 대해 11번가(주)는 일체 책임을 지지 않습니다.
+        MANGO(주)는 통신판매중개자로서 오픈마켓 MANGO의 거래당사자가 아니며, 입점판매자가 등록한
+        상품정보 및 거래에 대해 MANGO(주)는 일체 책임을 지지 않습니다.
       </div>
     </Container>
   );
@@ -17,8 +17,6 @@ const Container = styled.div`
   align-items: center;
   width: 100%;
   height: 100px;
-  position: relative;
-  transform: translateY(0%);
   background-color: #fffd55;
   color: #25b00d;
 `;

src/components/Header/Header.jsx

@@ -55,7 +55,7 @@ function Header() {
 
 const Container = styled.header`
   width: 100%;
-  min-height: 186px;
+  min-height: 120px;
 `;
 
 const Box = styled.div`