[common/components] feat: TableHead 컴포넌트 required data 속성 추가

apps/cs/src/pages/menu/ui/base-menu-form.tsx

@@ -38,8 +38,8 @@ function BaseMenuForm({ form, menuCd }: BaseMenuFormProps) {
           </TableRow>
         )}
         <TableRow>
-          <TableHead>
-            <div className="flex items-center justify-center gap-1">
+          <TableHead data-required>
+            <div className="ml-2 inline-flex items-center gap-1">
               메뉴명
               <InfoTooltip text="메뉴명을 입력하십시오." />
             </div>

packages/common/components/src/ui/table/table.css

@@ -7,6 +7,10 @@
   .table-ui th {
     @apply px-4 py-[1.2rem] text-[1.3rem] font-medium leading-[1.2];
   }
+  .table-ui th[data-required]::before {
+    content: "*";
+    color: red;
+  }
   .table-ui td {
     @apply px-2 py-[1.2rem] text-[1.3rem] font-normal leading-[1.2];
   }