Merge branch 'fe/develop' into fe/feat/208-segmentation-label-edit

frontend/src/mocks/handlers.ts

@@ -7,7 +7,6 @@ import {
   MemberResponse,
   RefreshTokenResponse,
   AutoLabelingResponse,
-  ProjectListResponse,
   ErrorResponse,
 } from '@/types';
 
@@ -100,15 +99,15 @@ export const handlers = [
         | 'segmentation',
       createdAt: new Date().toISOString(),
       updatedAt: new Date().toISOString(),
+      thumbnail: `thumbnail_${lastProjectId + index + 1}.jpg`,
     }));
 
     // 응답 생성
-    const response: ProjectListResponse = {
-      workspaceResponses: projects,
-    };
+    const response: ProjectResponse[] = projects;
 
     return HttpResponse.json(response);
   }),
+
   http.get('/api/projects/:projectId', ({ params }) => {
     // 프로젝트 조회 핸들러
     const { projectId } = params;

frontend/src/pages/ModelManage.tsx

@@ -33,7 +33,7 @@ export default function ModelManage() {
   };
 
   return (
-    <div className="grid h-screen w-full pl-[56px]">
+    <div className="grid h-screen w-full">
       <div className="flex flex-col">
         <header className="bg-background sticky top-0 z-10 flex h-[57px] items-center gap-1 border-b px-4">
           <h1 className="text-xl font-semibold">모델 관리</h1>

frontend/src/pages/ProjectReviewList.tsx

@@ -28,7 +28,7 @@ export default function ProjectReviewList() {
           to={`/admin/${workspaceId}/reviews/request`}
           className="ml-auto"
         >
-          <Button variant="default">리뷰 요청</Button>
+          <Button variant="outlinePrimary">리뷰 요청</Button>
         </Link>
       </header>
 

frontend/src/pages/WorkspaceBrowseDetail.tsx

@@ -103,6 +103,7 @@ function ProjectList({ projects, workspaceId }: { projects: ProjectResponse[]; w
           title={project.title}
           to={`${webPath.workspace()}/${workspaceId}/${project.id}`}
           description={project.projectType}
+          imageUrl={project.thumbnail}
         />
       ))}
     </div>

frontend/src/pages/WorkspaceReviewList.tsx

@@ -28,7 +28,7 @@ export default function WorkspaceReviewList() {
           to={`/admin/${workspaceId}/reviews/request`}
           className="ml-auto"
         >
-          <Button variant="default">리뷰 요청</Button>
+          <Button variant="outlinePrimary">리뷰 요청</Button>
         </Link>
       </header>
       <ReviewList

frontend/src/types/index.ts

@@ -122,18 +122,15 @@ export interface ProjectRequest {
   projectType: 'classification' | 'detection' | 'segmentation';
 }
 
-export interface ProjectResponse {
+export type ProjectResponse = {
   id: number;
   title: string;
   workspaceId: number;
   projectType: 'classification' | 'detection' | 'segmentation';
   createdAt: string;
   updatedAt: string;
-}
-
-export interface ProjectListResponse {
-  workspaceResponses: ProjectResponse[];
-}
+  thumbnail?: string; // Optional
+};
 
 // 댓글 관련 DTO
 export interface CommentRequest {