improve common app pipeline history layout

src/pages/common-apps/CommonAppBuildPage.tsx

@@ -8,7 +8,7 @@ import { LoadingModal, useMinimumLoading } from '../operations/operation-utils';
 import { listCommonAppPipelineHistory, listCommonAppPipelines, type CommonAppPipeline } from './common-app-api';
 import { formatDuration, formatPipelineRelativeTime, formatRepositoryName, formatShortSha, isActivePipelineStatus, pipelineStatusDotClass, pipelineStatusTone } from './common-app-utils';
 
-const historyPageSize = 5;
+const historyPageSize = 6;
 
 export function CommonAppBuildPage() {
   const { toast } = useToast();
@@ -146,6 +146,7 @@ export function CommonAppBuildPage() {
                     <div className="flex min-w-0 items-center gap-2">
                       <span className={cn('size-2.5 shrink-0 rounded-full', pipelineStatusDotClass(pipeline.status))} />
                       <p className="truncate text-sm font-semibold">{formatRepositoryName(pipeline.repository)}</p>
+                      {isActivePipelineStatus(pipeline.status) ? <Loader2 className="size-3.5 shrink-0 animate-spin text-sky-300" /> : null}
                     </div>
                     <p className="mt-1 truncate text-sm text-muted-foreground">
                       <span className="mr-1 font-mono text-xs">#{pipeline.number ?? '-'}</span>
@@ -162,7 +163,6 @@ export function CommonAppBuildPage() {
           <CardHeader
             title="파이프라인 이력"
             description={selectedPipeline ? formatRepositoryName(selectedPipeline.repository) : '저장소를 선택하세요'}
-            action={<Badge tone="neutral">5개씩</Badge>}
           />
           <div className="min-h-[430px] divide-y divide-border">
             {history.length === 0 && !historyLoading ? (