refactor: UniversalListPage externalIsLoading 지원 및 스켈레톤 개선

- UniversalListPage에 externalIsLoading prop 추가
- CardTransactionDetailClient DevFill 자동입력 기능 추가
- 여러 컴포넌트 로딩 상태 처리 개선
- skeleton 컴포넌트 확장

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/production/WorkerScreen/MaterialInputModal.tsx

@@ -12,7 +12,7 @@
 
 import { useState, useEffect, useCallback } from 'react';
 import { Loader2 } from 'lucide-react';
-import { ContentLoadingSpinner } from '@/components/ui/loading-spinner';
+import { ContentSkeleton } from '@/components/ui/skeleton';
 import {
   Dialog,
   DialogContent,
@@ -200,7 +200,7 @@ export function MaterialInputModal({
             </h3>
 
             {isLoading ? (
-              <ContentLoadingSpinner text="자재 목록을 불러오는 중..." />
+              <ContentSkeleton type="table" rows={4} />
             ) : materials.length === 0 ? (
               <div className="border rounded-lg">
                 <Table>