[feature/swiper] 메인 페이지 Swiper 슬라이드를 구현한다

[hyjoong]

현재 메인 페이지 케러셀은

  React.useLayoutEffect(() => { 
 const intervalId = setInterval(() => {
      if (TOTAL_SLIDE === currentIndex + 1) {
        setCurrentIndex(0);
      } else {
        setCurrentIndex(currentIndex + 1);
      }
    }, autoflow);
    return () => clearTimeout(intervalId);
  }, [setCurrentIndex, currentIndex]);

을 이용해서 이미지가 효과 없이 그냥 바뀌어서 UI/UX에 좋지 못 하다.

Swiper 라이브러리를 이용해서 UI/UX개선을 한다.