feat(my-recruit): 내 공고 뽀각 페이지 api 연결 (#28)

* feat(my-recruit): 내정보뽀각 페이지 api 연결

* update

* save

* save

src/app/(sidebar)/my-recruit/containers/components/DueDateDialog.tsx

@@ -4,14 +4,15 @@ import { Calendar } from '@/system/components/Calendar/Calendar';
 import { Popover, PopoverContent, PopoverTrigger } from '@/system/components/Popover/Popover';
 import { color } from '@/system/token/color';
 import { Spacing } from '@/system/utils/Spacing';
-import { cn } from '@/utils';
 import clsx from 'clsx';
 import { format } from 'date-fns/format';
 import { motion } from 'framer-motion';
 import { useState } from 'react';
 import { recruitScheduleStageList } from '../../constant';
 
 interface DueDateDialogProps {
+  title: string;
+  onDuedateAppend: () => void;
   title?: string;
   onDuedateAppend: () => void;
 }
@@ -33,8 +34,10 @@ export function DueDateDialog({ title }: DueDateDialogProps) {
   return (
     <div className="p-20">
       <div className="flex items-center w-314">
-        {title && <Icon name="folderFill" size={16} color={color.neutral95} />}
+        <Icon name="folderFill" size={16} color={color.neutral95} />
         <Spacing size={4} direction="row" />
+        <span className="text-body1 font-semibold overflow-hidden text-ellipsis line-clamp-1">{title}</span>
+        <span className="text-body1">의 공고 일정 등록하기</span>
         <span
           className={cn('text-body1 font-semibold overflow-hidden text-ellipsis line-clamp-1', title ? 'flex-1' : '')}>
           {title ? `${title}의 공고 일정 등록하기` : '공고 일정 등록하기'}