feat: Refactor table components for improved layout and usability

- Updated the BOM management page to streamline the layout by moving the edit button to the top right for better accessibility.
- Enhanced the DataGrid and EDataTable components to support a no-wrapper option, allowing for sticky headers to function correctly with parent overflow settings.
- Adjusted the Sales Order page to utilize the new noWrapper feature for the table, ensuring consistent styling and behavior.
- Enabled sticky headers in the V2 table list definition for improved data visibility during scrolling.

These changes aim to enhance the user experience by providing a more intuitive and organized interface for managing BOM and sales order data across multiple companies.

frontend/app/(main)/COMPANY_7/production/bom/page.tsx

@@ -1517,51 +1517,12 @@ export default function BomManagementPage() {
               </div>
             ) : (
               <div className="flex flex-col h-full">
-                {/* 상세 카드 */}
-                <div className="border-b shrink-0">
-                  <div className="flex items-center justify-between px-4 py-2.5 border-b bg-muted/50">
-                    <h3 className="text-[13px] font-bold text-foreground">BOM 상세정보</h3>
-                    <Button size="sm" variant="ghost" onClick={openEditModal}>
-                      <FileText className="w-3.5 h-3.5 mr-1" />
-                      편집
-                    </Button>
-                  </div>
-                  {detailLoading ? (
-                    <div className="flex items-center justify-center py-8">
-                      <Loader2 className="w-5 h-5 animate-spin text-muted-foreground" />
-                    </div>
-                  ) : bomHeader ? (
-                    <div className="grid grid-cols-2 text-sm">
-                      <div className="flex flex-col gap-1 p-3 border-b border-r">
-                        <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider">품목코드</span>
-                        <span className="font-mono text-xs">{bomHeader.item_code || bomHeader.item_number || "-"}</span>
-                      </div>
-                      <div className="flex flex-col gap-1 p-3 border-b">
-                        <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider">품명</span>
-                        <span className="text-xs">{bomHeader.item_name || "-"}</span>
-                      </div>
-                      <div className="flex flex-col gap-1 p-3 border-b border-r">
-                        <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider">BOM 유형</span>
-                        <span className="text-xs">{BOM_TYPE_OPTIONS.find((o) => o.code === bomHeader.bom_type)?.label || bomHeader.bom_type || "-"}</span>
-                      </div>
-                      <div className="flex flex-col gap-1 p-3 border-b">
-                        <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider">버전</span>
-                        <span className="text-xs">{bomHeader.version || "-"}</span>
-                      </div>
-                      <div className="flex flex-col gap-1 p-3 border-b border-r">
-                        <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider">기준수량</span>
-                        <span className="text-xs">{bomHeader.base_qty || "1"} {bomHeader.unit || ""}</span>
-                      </div>
-                      <div className="flex flex-col gap-1 p-3 border-b">
-                        <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider">상태</span>
-                        {renderStatusBadge(bomHeader.status)}
-                      </div>
-                      <div className="flex flex-col gap-1 p-3 col-span-2">
-                        <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider">메모</span>
-                        <span className="text-xs text-muted-foreground">{bomHeader.remark || "-"}</span>
-                      </div>
-                    </div>
-                  ) : null}
+                {/* 편집 버튼 */}
+                <div className="flex items-center justify-end px-4 py-2 border-b bg-muted/50 shrink-0">
+                  <Button size="sm" variant="ghost" onClick={openEditModal}>
+                    <FileText className="w-3.5 h-3.5 mr-1" />
+                    편집
+                  </Button>
                 </div>
 
                 {/* 하단 탭: 트리뷰 / 버전 / 이력 */}

frontend/app/(main)/COMPANY_7/sales/order/page.tsx

@@ -918,7 +918,7 @@ export default function SalesOrderPage() {
       {/* 데이터 테이블 (플랫 리스트) */}
       <div className="flex-1 overflow-hidden rounded-lg border border-border bg-card">
         <div className="h-full overflow-auto">
-          <Table style={{ minWidth: "1500px" }}>
+          <Table noWrapper style={{ minWidth: "1500px" }}>
             <colgroup>
               <col style={{ width: "40px" }} />
               <col style={{ width: "140px" }} />