Issue도 Dynamic Table 사용하도록 공유

viewer/src/pages/FeedbackListPage.tsx

@@ -11,6 +11,7 @@ import {
 } from "@/services/feedback";
 import { ErrorDisplay } from "@/components/ErrorDisplay";
 import { Button } from "@/components/ui/button";
+import type { Row } from "@tanstack/react-table";
 
 export function FeedbackListPage() {
 	useSyncChannelId(); // URL의 channelId를 전역 상태와 동기화
@@ -53,6 +54,13 @@ export function FeedbackListPage() {
 		);
 	};
 
+	const renderExpandedRow = (row: Row<Feedback>) => (
+		<div className="p-4 bg-muted rounded-md">
+			<h4 className="font-bold text-lg">{row.original.title}</h4>
+			<p className="mt-2 whitespace-pre-wrap">{row.original.contents}</p>
+		</div>
+	);
+
 	if (loading) {
 		return <div className="text-center py-10">로딩 중...</div>;
 	}
@@ -72,6 +80,7 @@ export function FeedbackListPage() {
 						columns={schema}
 						data={feedbacks}
 						onRowClick={handleRowClick}
+						renderExpandedRow={renderExpandedRow}
 					/>
 				</div>
 			)}