refactor: 응원 모달 분리

features/record-detail/components/cheer-bottom-sheet.tsx → components/molecules/cheer/cheer-bottom-sheet.tsx

@@ -1,8 +1,8 @@
 import { Button } from '@/components/atoms';
 import { BottomSheet, BottomSheetProps } from '@/components/molecules';
+import { DetailCheerItemSelected } from '@/features/record-detail';
 import { flex, grid } from '@/styled-system/patterns';
 
-import { DetailCheerItemSelected } from '../types';
 import { CheerItem } from './cheer-item';
 
 type CheerBottomSheet = {

features/record-detail/components/cheer-item.tsx → components/molecules/cheer/cheer-item.tsx

@@ -1,7 +1,6 @@
+import { DetailCheerItem } from '@/features/record-detail';
 import { css, cva } from '@/styled-system/css';
 
-import { DetailCheerItem } from '../types';
-
 type CheerItem = {
   isSelected?: boolean;
   onClick?: () => void;

components/molecules/cheer/index.ts

@@ -0,0 +1,2 @@
+export * from './cheer-bottom-sheet';
+export * from './cheer-item';

components/molecules/index.ts

@@ -1,4 +1,5 @@
 export * from './bottom-sheet';
+export * from './cheer';
 export * from './dialog';
 export * from './global-navigation-bar';
 export * from './header-bar';

features/record-detail/components/index.ts

@@ -1,5 +1,3 @@
-export * from './cheer-bottom-sheet';
-export * from './cheer-item';
 export * from './cheer-modal';
 export * from './cheer-progress';
 export * from './date-picker';

features/record-detail/sections/detail-cheer-fab.tsx

@@ -2,11 +2,12 @@
 
 import { useState } from 'react';
 
+import { CheerBottomSheet } from '@/components/molecules';
 import { useBottomSheet, useToast } from '@/hooks';
 import { css } from '@/styled-system/css';
 
 import { useCheer, useCheerEligibility, useCheerPreviewList } from '../apis';
-import { CheerBottomSheet, CheerProgress } from '../components';
+import { CheerProgress } from '../components';
 import { initialCheerList } from '../data';
 import { DetailCheerItemSelected, RecordDetailType } from '../types';
 

features/record-detail/sections/detail-cheer-modal.tsx

@@ -2,12 +2,13 @@
 
 import { useState } from 'react';
 
+import { CheerItem } from '@/components/molecules';
 import { useDragScroll, useModal } from '@/hooks';
 import { css } from '@/styled-system/css';
 import { flex } from '@/styled-system/patterns';
 
 import { useCheerPreviewList } from '../apis';
-import { CheerItem, CheerModal } from '../components';
+import { CheerModal } from '../components';
 import { RecordDetailType } from '../types';
 
 export const DetailCheerModalSection = ({