fix ui

Signed-off-by: Zzde <zhangxh1997@gmail.com>

Author: zxh326

ui/src/components/footer.tsx

@@ -10,17 +10,13 @@ export function Footer() {
             {t('login.footer', { year: new Date().getFullYear() })}
           </p>
           <div className="flex space-x-6 text-sm text-gray-500">
-            <a
-              href="https://kite.zzde.com"
-              target="_blank"
-              className="hover:text-gray-700 transition-colors"
-            >
+            <a href="https://kite.zzde.me" target="_blank" className="app-link">
               {t('login.documentation')}
             </a>
             <a
               href="https://github.com/zxh326/kite"
               target="_blank"
-              className="hover:text-gray-700 transition-colors"
+              className="app-link"
             >
               GitHub
             </a>

ui/src/components/pod-table.tsx

@@ -30,7 +30,7 @@ export function PodTable(props: {
         cell: (value: unknown) => {
           const meta = value as Pod['metadata']
           return (
-            <div className="font-medium text-blue-500 hover:underline">
+            <div className="font-medium app-link">
               <Link to={`/pods/${meta!.namespace}/${meta!.name}`}>
                 {meta!.name}
               </Link>
@@ -108,10 +108,7 @@ export function PodTable(props: {
               header: 'Node',
               accessor: (pod: Pod) => pod.spec?.nodeName || '-',
               cell: (value: unknown) => (
-                <Link
-                  to={`/nodes/${value}`}
-                  className="text-blue-600 hover:text-blue-800 hover:underline"
-                >
+                <Link to={`/nodes/${value}`} className="app-link">
                   {value as string}
                 </Link>
               ),

ui/src/components/related-resource-table.tsx

@@ -90,9 +90,7 @@ function RelatedResourceCell({ rs }: { rs: RelatedResources }) {
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <div className="font-medium text-blue-500 hover:underline cursor-pointer">
-          {rs.name}
-        </div>
+        <div className="font-medium app-link cursor-pointer">{rs.name}</div>
       </DialogTrigger>
       <DialogContent className="!max-w-[60%] !h-[80%] flex flex-col">
         <DialogHeader className="flex flex-row justify-between items-center">

ui/src/components/volume-table.tsx

@@ -50,7 +50,7 @@ export function VolumeTable({
       return (
         <Link
           to={`/persistentvolumeclaims/${namespace}/${volume.persistentVolumeClaim.claimName}`}
-          className="text-blue-600 hover:underline"
+          className="app-link"
         >
           {volume.persistentVolumeClaim.claimName}
         </Link>
@@ -60,7 +60,7 @@ export function VolumeTable({
       return (
         <Link
           to={`/configmaps/${namespace}/${volume.configMap.name}`}
-          className="text-blue-600 hover:underline"
+          className="app-link"
         >
           {volume.configMap.name || 'N/A'}
         </Link>
@@ -70,7 +70,7 @@ export function VolumeTable({
       return (
         <Link
           to={`/secrets/${namespace}/${volume.secret.secretName}`}
-          className="text-blue-600 hover:underline"
+          className="app-link"
         >
           {volume.secret.secretName || 'N/A'}
         </Link>

ui/src/pages/configmap-list-page.tsx

@@ -16,7 +16,7 @@ export function ConfigMapListPage() {
       columnHelper.accessor('metadata.name', {
         header: 'Name',
         cell: ({ row }) => (
-          <div className="font-medium text-blue-500 hover:underline">
+          <div className="font-medium app-link">
             <Link
               to={`/configmaps/${row.original.metadata!.namespace}/${
                 row.original.metadata!.name

ui/src/pages/cr-list-page.tsx

@@ -56,7 +56,7 @@ export function CRListPage() {
             : `/crds/${crd}/${resource.metadata.name}`
 
           return (
-            <div className="font-medium text-blue-500 hover:underline">
+            <div className="font-medium app-link">
               <Link to={path}>{resource.metadata.name}</Link>
             </div>
           )

ui/src/pages/crd-list-page.tsx

@@ -17,7 +17,7 @@ export function CRDListPage() {
       columnHelper.accessor('metadata.name', {
         header: 'Name',
         cell: ({ row }) => (
-          <div className="font-medium text-blue-500 hover:underline">
+          <div className="font-medium app-link">
             <Link to={`/crds/${row.original.metadata!.name}`}>
               {row.original.metadata!.name}
             </Link>

ui/src/pages/cronjob-detail.tsx

@@ -162,7 +162,7 @@ export function CronJobDetail(props: { namespace: string; name: string }) {
           return (
             <Link
               to={`/jobs/${job.metadata?.namespace}/${job.metadata?.name}`}
-              className="text-blue-600 hover:underline"
+              className="app-link"
             >
               {job.metadata?.name}
             </Link>

ui/src/pages/cronjob-list-page.tsx

@@ -25,7 +25,7 @@ export function CronJobListPage() {
       columnHelper.accessor('metadata.name', {
         header: t('common.name'),
         cell: ({ row }) => (
-          <div className="font-medium text-blue-500 hover:underline">
+          <div className="font-medium app-link">
             <Link
               to={`/cronjobs/${row.original.metadata!.namespace}/${
                 row.original.metadata!.name

ui/src/pages/daemonset-list-page.tsx

@@ -20,7 +20,7 @@ export function DaemonSetListPage() {
       columnHelper.accessor('metadata.name', {
         header: t('common.name'),
         cell: ({ row }) => (
-          <div className="font-medium text-blue-500 hover:underline">
+          <div className="font-medium app-link">
             <Link
               to={`/daemonsets/${row.original.metadata!.namespace}/${
                 row.original.metadata!.name