feat: 게시물 답글 등록 기능

apps/common/features/src/widgets/post/model/post-table-columns.tsx

@@ -47,10 +47,21 @@ export const columns: ColumnDef<Post & { isUpndFixPost?: boolean }>[] = [
     accessorKey: "pstTtl",
     header: "제목",
     cell: ({ row }) => {
-      const { pstTtl, inqNocs } = row.original;
+      const { ansPstn, pstTtl, inqNocs } = row.original;
 
       return (
-        <div className="flex min-w-[20vw] items-center gap-2 text-left">
+        <div
+          className="flex min-w-[20vw] items-center gap-2 text-left"
+          style={{ paddingInlineStart: `${ansPstn * 10}px` }}
+        >
+          {ansPstn > 0 && (
+            <div className="flex items-center gap-1">
+              <div className="-rotate-90">
+                <i className="diveicon di-arrow-90left-down rotate-90" />
+              </div>
+              <Badge color="smokyBlue">답변</Badge>
+            </div>
+          )}
           {inqNocs >= 100 && <Badge color="red">HOT</Badge>}
           {dayjs().diff(dayjs(row.original.regDt), "hour") < 24 && (
             <Badge color="blue">NEW</Badge>

apps/common/features/src/widgets/post/ui/post-action.tsx

@@ -50,6 +50,14 @@ function PostAction({ children, bbsId, pstNo }: PostActionProps) {
         >
           수정
         </Button>
+        <Button
+          size="lg"
+          type="button"
+          color="gray"
+          onClick={() => router.push(`${pathname}/answer`)}
+        >
+          답글
+        </Button>
         <Button size="lg" color="red" type="button" onClick={onDelete}>
           삭제
         </Button>