feat: 다중 도메인 UI 개선 및 컴포넌트 리팩토링

- 게시판, HR, 설정, 차량관리, 건설, 견적 등 전반적 UI 개선
- FormField, TabChip, Select 등 공통 컴포넌트 개선
- 가격배분 edit 페이지 제거 및 상세 페이지 통합
- 체크리스트, 근태, 급여, 권한 관리 등 폼 개선

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

src/components/organisms/MobileCard.tsx

@@ -29,9 +29,9 @@ export const InfoField = memo(function InfoField({
   className = '',
 }: InfoFieldProps) {
   return (
-    <div className={cn('space-y-0.5', className)}>
+    <div className={cn('space-y-0.5 min-w-0', className)}>
       <p className="text-xs text-muted-foreground">{label}</p>
-      <div className={cn('text-sm font-medium', valueClassName)}>{value}</div>
+      <div className={cn('text-sm font-medium break-words', valueClassName)}>{value}</div>
     </div>
   );
 });
@@ -194,7 +194,7 @@ export function MobileCard({
           <div
             key={`${detail.label}-${index}`}
             className={cn(
-              'flex items-center gap-1',
+              'flex items-center gap-1 min-w-0',
               detail.colSpan === 2 && 'col-span-2'
             )}
           >
@@ -264,7 +264,7 @@ export function MobileCard({
   return (
     <div
       className={cn(
-        'border rounded-lg p-5 space-y-4 bg-white dark:bg-card transition-all',
+        'border rounded-lg p-5 space-y-4 bg-white dark:bg-card transition-all overflow-hidden',
         handleClick && 'cursor-pointer',
         isSelected
           ? 'border-blue-500 bg-blue-50/50'