feat: add shipping plan page with search and detail editing functionality

- Implemented the ShippingPlanPage component for managing shipment plans.
- Added search filters for date range, status, customer, and keywords.
- Integrated table for displaying shipment plans with grouping and selection features.
- Included detail panel for editing plan quantity, date, and memo with validation.
- Enhanced table readability with CSS adjustments for cell padding and hover effects.

style: improve global styles for table readability

- Adjusted padding and font sizes for table cells and headers.
- Added striped background for even rows and hover effects for better visibility.

fix: update TableSettingsModal for better overflow handling

- Modified modal layout to ensure proper scrolling for content overflow.
- Ensured drag-and-drop functionality for column settings remains intact.

chore: register new routes for COMPANY_7 and COMPANY_16 features

- Added dynamic imports for new pages related to purchase, logistics, quality, and design for COMPANY_7 and COMPANY_16.

frontend/components/common/TableSettingsModal.tsx

@@ -391,7 +391,7 @@ export function TableSettingsModal({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-2xl max-h-[80vh] flex flex-col">
+      <DialogContent className="max-w-2xl max-h-[80vh] flex flex-col overflow-hidden">
         <DialogHeader>
           <DialogTitle>테이블 설정</DialogTitle>
           <DialogDescription>테이블의 컬럼, 필터, 그룹화를 설정합니다</DialogDescription>
@@ -416,9 +416,9 @@ export function TableSettingsModal({
             </TabsList>
 
             {/* ===== 탭 1: 컬럼 설정 ===== */}
-            <TabsContent value="columns" className="flex-1 overflow-auto mt-0 pt-3">
+            <TabsContent value="columns" className="mt-0 pt-3 flex flex-col min-h-0 max-h-[calc(80vh-220px)]">
               {/* 헤더: 표시 수 / 틀고정 / 초기화 */}
-              <div className="flex items-center justify-between px-2 pb-3 border-b mb-2">
+              <div className="flex items-center justify-between px-2 pb-3 border-b mb-2 shrink-0">
                 <div className="flex items-center gap-3 text-sm">
                   <span>
                     {visibleCount}/{tempColumns.length}개 컬럼 표시 중
@@ -447,27 +447,29 @@ export function TableSettingsModal({
               </div>
 
               {/* 컬럼 목록 (드래그 순서 변경 가능) */}
-              <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>
-                <SortableContext
-                  items={tempColumns.map((c) => c.columnName)}
-                  strategy={verticalListSortingStrategy}
-                >
-                  <div className="space-y-0.5">
-                    {tempColumns.map((col, idx) => (
-                      <SortableColumnRow
-                        key={col.columnName}
-                        col={{ ...col, _idx: idx }}
-                        onToggleVisible={toggleColumnVisible}
-                        onWidthChange={changeColumnWidth}
-                      />
-                    ))}
-                  </div>
-                </SortableContext>
-              </DndContext>
+              <div className="flex-1 overflow-y-auto min-h-0">
+                <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>
+                  <SortableContext
+                    items={tempColumns.map((c) => c.columnName)}
+                    strategy={verticalListSortingStrategy}
+                  >
+                    <div className="space-y-0.5">
+                      {tempColumns.map((col, idx) => (
+                        <SortableColumnRow
+                          key={col.columnName}
+                          col={{ ...col, _idx: idx }}
+                          onToggleVisible={toggleColumnVisible}
+                          onWidthChange={changeColumnWidth}
+                        />
+                      ))}
+                    </div>
+                  </SortableContext>
+                </DndContext>
+              </div>
             </TabsContent>
 
             {/* ===== 탭 2: 필터 설정 ===== */}
-            <TabsContent value="filters" className="flex-1 overflow-auto mt-0 pt-3">
+            <TabsContent value="filters" className="mt-0 pt-3 overflow-y-auto max-h-[calc(80vh-220px)]">
               {/* 전체 선택 */}
               <div
                 className="flex items-center gap-2 px-2 pb-3 border-b mb-2 cursor-pointer"
@@ -530,7 +532,7 @@ export function TableSettingsModal({
             </TabsContent>
 
             {/* ===== 탭 3: 그룹 설정 ===== */}
-            <TabsContent value="groups" className="flex-1 overflow-auto mt-0 pt-3">
+            <TabsContent value="groups" className="mt-0 pt-3 overflow-y-auto max-h-[calc(80vh-220px)]">
               <div className="px-2 pb-3 border-b mb-2">
                 <span className="text-sm font-medium">사용 가능한 컬럼</span>
               </div>