[fix]파일 내 코드중복 수정

Author: mtm-git1018

src/domains/main/components/mainSlide/components/mobile/MobileSlide.tsx

@@ -17,7 +17,6 @@ function MobileSlide() {
         <MobileAbv />
       </div>
     </section>
-    </section>
   );
 }
 export default MobileSlide;

src/domains/recipe/components/main/CocktailFilter.tsx

@@ -24,8 +24,6 @@ function CocktailFilter({ cocktailsEA }: Props) {
     <div className="h-10 flex justify-between items-center mt-3 border-b-1 border-gray-light">
       <p>{cocktailsEA}개+</p>
       <SelectBox option={['최신순', '댓글순', '인기순']} title="최신순" onChange={handleChange} />
-      <p>{cocktailsEA}개+</p>
-      <SelectBox option={['최신순', '댓글순', '인기순']} title="최신순" onChange={handleChange} />
     </div>
   );
 }

src/domains/recipe/components/main/Cocktails.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { useEffect, useMemo, useState } from 'react';
 import { useEffect, useMemo, useState } from 'react';
 import CocktailFilter from './CocktailFilter';
 import CocktailList from './CocktailList';
@@ -11,11 +10,7 @@ import { useInView } from 'react-intersection-observer';
 import { debounce } from '@/shared/utills/debounce';
 import { useSearchParams } from 'next/navigation';
 import { Sort } from '../../types/types';
-import { useCocktails } from '../../api/fetchRecipe';
-import { useInView } from 'react-intersection-observer';
-import { debounce } from '@/shared/utills/debounce';
-import { useSearchParams } from 'next/navigation';
-import { Sort } from '../../types/types';
+
 
 function Cocktails() {
   const searchParams = useSearchParams();
@@ -43,9 +38,6 @@ function Cocktails() {
     threshold: 0.1,
   });
 
-  const { ref, inView } = useInView({
-    threshold: 0.1,
-  });
 
   useEffect(() => {
     if (!isSearchMode && inView && hasNextPage) {
@@ -72,18 +64,15 @@ function Cocktails() {
           setCocktailTypes={setCocktailTypes}
         />
         <CocktailSearchBar keyword={input} onChange={handleSearch} />
-        <CocktailSearchBar keyword={input} onChange={handleSearch} />
       </div>
 
-      <CocktailFilter cocktailsEA={data.length} />
       <CocktailFilter cocktailsEA={data.length} />
 
+
       <section className="mt-5">
         {noResults ? <div>검색 결과가 없습니다.</div> : <CocktailList cocktails={data} />}
-        {noResults ? <div>검색 결과가 없습니다.</div> : <CocktailList cocktails={data} />}
       </section>
       <div ref={ref} className="h-4"></div>
-      <div ref={ref} className="h-4"></div>
     </section>
   );
 }