Feat: 콜렉션 리스트 무한스크롤 기능 구현 및 일부 로직 수정

src/app/collection/[folderId]/_components/HeaderContainer.tsx

@@ -8,9 +8,14 @@ import useBooleanOutput from '@/hooks/useBooleanOutput';
 interface HeaderContainerProps {
   handleSetOnBottomSheet: () => void;
   handleSetOnDeleteOption: () => void;
+  isHideOption: boolean;
 }
 
-export default function HeaderContainer({ handleSetOnBottomSheet, handleSetOnDeleteOption }: HeaderContainerProps) {
+export default function HeaderContainer({
+  handleSetOnBottomSheet,
+  handleSetOnDeleteOption,
+  isHideOption,
+}: HeaderContainerProps) {
   const { isOn, handleSetOn, handleSetOff } = useBooleanOutput();
 
   const bottomSheetOptionList = [
@@ -35,7 +40,7 @@ export default function HeaderContainer({ handleSetOnBottomSheet, handleSetOnDel
 
   return (
     <>
-      <Header title="콜렉션" left="back" right={<RightButton />} leftClick={() => history.back()} />
+      <Header title="콜렉션" left="back" right={!isHideOption && <RightButton />} leftClick={() => history.back()} />
       {isOn && <BottomSheet onClose={handleSetOff} optionList={bottomSheetOptionList} isActive />}
     </>
   );

src/app/collection/[folderId]/page.tsx

@@ -99,7 +99,11 @@ export default function CollectionDetailPage({ params }: ParamType) {
 
   return (
     <section className={styles.container}>
-      <HeaderContainer handleSetOnBottomSheet={handleSetOn} handleSetOnDeleteOption={handleSetOnDeleteOption} />
+      <HeaderContainer
+        handleSetOnBottomSheet={handleSetOn}
+        handleSetOnDeleteOption={handleSetOnDeleteOption}
+        isHideOption={params.folderId === '0'}
+      />
       <Collections folderId={folderId} />
       <BottomSheet isOn={isOn}>
         <BottomSheet.Title>폴더 이름 바꾸기</BottomSheet.Title>