dev/admin 테이블 정렬 헤더 UI 공통화

devfront/src/features/clients/ClientsPage.tsx

@@ -10,7 +10,11 @@ import {
 import { useEffect, useMemo, useState } from "react";
 import { useAuth } from "react-oidc-context";
 import { Link, useNavigate } from "react-router-dom";
-import { SortableTableHead } from "../../../../common/core/components/sort";
+import {
+  SortableTableHead,
+  sortableTableHeadBaseClassName,
+  sortableTableHeaderClassName,
+} from "../../../../common/core/components/sort";
 import {
   type SortConfig,
   type SortResolverMap,
@@ -440,7 +444,7 @@ function ClientsPage() {
         </CardHeader>
         <CardContent>
           <Table>
-            <TableHeader>
+            <TableHeader className={sortableTableHeaderClassName}>
               <TableRow>
                 <SortableTableHead
                   label={t("ui.dev.clients.table.application", "애플리케이션")}
@@ -472,7 +476,9 @@ function ClientsPage() {
                   sortConfig={sortConfig}
                   sortKey="createdAt"
                 />
-                <TableHead className="text-right">
+                <TableHead
+                  className={`${sortableTableHeadBaseClassName} text-right`}
+                >
                   {t("ui.dev.clients.table.actions", "액션")}
                 </TableHead>
               </TableRow>