issue #60

- 일정 목록 조회 ui 일부 수정
- 일정 상세 조회 로직 구현 중

src/ui/component/schedule/SchedulePopover.tsx

@@ -2,6 +2,7 @@ import { PopoverContent } from '@/components/ui/popover';
 import { useEffect, useState } from 'react';
 import { ScheduleCreateContent } from './content/ScheduleCreateContent';
 import { ScheduleListContent } from './content/ScheduleListContent';
+import { ScheduleDetailContent } from './content/ScheduleDetailContent';
 
 interface ScheduleSheetProps {
   date: Date | undefined;
@@ -12,6 +13,7 @@ interface ScheduleSheetProps {
 
 export const SchedulePopover = ({ date, open, popoverSide, popoverAlign }: ScheduleSheetProps) => {
   const [mode, setMode] = useState<'list' | 'create' | 'detail' | 'update'>('list');
+  const [detailId, setDetailId] = useState('');
 
   useEffect(() => {
     if (!open) {
@@ -42,6 +44,7 @@ export const SchedulePopover = ({ date, open, popoverSide, popoverAlign }: Sched
       case 'list':
         return <ScheduleListContent 
           setMode={setMode}
+          setId={setDetailId}
           date={date}
           popoverAlign={popoverAlign}
           popoverSide={popoverSide}
@@ -56,7 +59,14 @@ export const SchedulePopover = ({ date, open, popoverSide, popoverAlign }: Sched
           open={open}
         />
       case 'detail':
-        return <DetailContent />
+        return <ScheduleDetailContent 
+          setMode={setMode}
+          date={date}
+          popoverAlign={popoverAlign}
+          popoverSide={popoverSide}
+          open={open}
+          id={detailId}
+        />
       case 'update':
         return <UpdateContent />
     }