1 - feat(dynamic-table): 컬럼 너비 조절 및 고정 기능 추가

3 - 사용자가 직접 컬럼의 너비를 조절할 수 있도록 리사이즈 핸들러를 추가
   4 - '생성일'과 '수정일' 컬럼의 너비를 120px로 고정하여 가독성을 높임   5 - 리사이즈 핸들러가 올바르게 표시되도록 관련 CSS 스타일을 추가했습니다.

viewer/src/pages/FeedbackListPage.tsx

@@ -11,10 +11,11 @@ import {
 } from "@/services/feedback";
 import { ErrorDisplay } from "@/components/ErrorDisplay";
 import { Button } from "@/components/ui/button";
+import { PageLayout } from "@/components/PageLayout";
 import type { Row } from "@tanstack/react-table";
 
 export function FeedbackListPage() {
-	useSyncChannelId(); // URL의 channelId를 전역 상태와 동기화
+	useSyncChannelId();
 	const { projectId, channelId } = useSettingsStore();
 	const navigate = useNavigate();
 
@@ -56,8 +57,8 @@ 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>
+			<h4 className="font-bold text-lg mb-2">{row.original.title}</h4>
+			<p className="whitespace-pre-wrap">{row.original.contents}</p>
 		</div>
 	);
 
@@ -66,24 +67,25 @@ export function FeedbackListPage() {
 	}
 
 	return (
-		<div className="space-y-4">
-			<div className="flex justify-between items-center">
-				<h1 className="text-2xl font-bold">피드백 목록</h1>
+		<PageLayout
+			title="피드백 목록"
+			description="프로젝트의 피드백 목록입니다."
+			actions={
 				<Button asChild>
 					<Link to="new">새 피드백 작성</Link>
 				</Button>
-			</div>
+			}
+		>
 			{error && <ErrorDisplay message={error} />}
 			{schema && (
-				<div className="mt-6">
-					<DynamicTable
-						columns={schema}
-						data={feedbacks}
-						onRowClick={handleRowClick}
-						renderExpandedRow={renderExpandedRow}
-					/>
-				</div>
+				<DynamicTable
+					columns={schema}
+					data={feedbacks}
+					onRowClick={handleRowClick}
+					renderExpandedRow={renderExpandedRow}
+					projectId={projectId}
+				/>
 			)}
-		</div>
+		</PageLayout>
 	);
 }