Merge fix(반응형): 모바일 width 카드/이력 모달 스크롤

frontend/components/common/ResponsiveDataView.tsx

@@ -166,6 +166,7 @@ export function ResponsiveDataView<T>({
         <div
           className={cn(
             "grid gap-4 sm:grid-cols-2 lg:hidden",
+            scrollContainer && "max-h-[calc(100vh-280px)] overflow-y-auto",
             cardContainerClassName
           )}
         >
@@ -286,6 +287,9 @@ export function ResponsiveDataView<T>({
       <div
         className={cn(
           "grid gap-4 sm:grid-cols-2 lg:hidden",
+          // scrollContainer 모드: 카드 뷰도 자체 세로 스크롤. 부모가 overflow-hidden 이라
+          // 별도 height 제약 없으면 카드들이 잘려 보임. 데스크톱 테이블과 동일 viewport 기준.
+          scrollContainer && "max-h-[calc(100vh-280px)] overflow-y-auto",
           cardContainerClassName
         )}
       >

frontend/components/common/TableHistoryModal.tsx

@@ -292,7 +292,7 @@ export function TableHistoryModal({
 
             {/* 타임라인 뷰 */}
             <TabsContent value="timeline">
-              <ScrollArea className="h-[500px] w-full rounded-md border p-4">
+              <ScrollArea className="h-[300px] w-full rounded-md border p-4 sm:h-[500px]">
                 {timeline.length === 0 ? (
                   <div className="flex flex-col items-center justify-center py-12 text-center">
                     <Clock className="text-muted-foreground mb-2 h-12 w-12" />
@@ -347,7 +347,7 @@ export function TableHistoryModal({
 
             {/* 상세 내역 뷰 */}
             <TabsContent value="detail">
-              <ScrollArea className="h-[500px] w-full rounded-md border">
+              <ScrollArea className="h-[300px] w-full rounded-md border sm:h-[500px]">
                 {detailRecords.length === 0 ? (
                   <div className="flex flex-col items-center justify-center py-12 text-center">
                     <FileEdit className="text-muted-foreground mb-2 h-12 w-12" />