Fix swiper

[Jinho1011]

2023-12-01.19.13.45.mov

swiper와 관련된 로직을 Home에서 제거하고 TopicSwiper를 구현해 사용했습니다.

Home이 이렇게 간결해졌어요

const Home = () => {
  return (
    <Layout HeaderRight={() => <NotificationButton />}>
      <Container>
        <TopicSwiper>
          <TopicCard />
          <TopicCard />
          <TopicCard />
        </TopicSwiper>
      </Container>
    </Layout>
  );
};

TopicSwiper에서 swiper나 slide prev/next button을 전부 구현했습니다!

다만 우선 버튼 위치를 absolute에 top: 110px; left or right: 20px
이렇게 고정시켜놨는데 이 부분은 추후 수정이 필요하게 될 것 같습니다.