refactor: add tooltip and time display on table

src/client/components/server/ServerList.tsx

@@ -136,7 +136,16 @@ export const ServerList: React.FC<ServerListProps> = React.memo((props) => {
       columnHelper.accessor('updatedAt', {
         header: t('updatedAt'),
         size: 130,
-        cell: (props) => dayjs(props.getValue()).fromNow(),
+        cell: (props) => (
+          <Tooltip>
+            <TooltipTrigger className="cursor-default">
+              <span>{dayjs(props.getValue()).fromNow()}</span>
+            </TooltipTrigger>
+            <TooltipContent>
+              {dayjs(props.getValue()).format('YYYY-MM-DD HH:mm:ss')}
+            </TooltipContent>
+          </Tooltip>
+        ),
       }),
     ];
   }, [t]);

src/client/routes/survey/$surveyId/index.tsx

@@ -19,6 +19,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { DataTable, createColumnHelper } from '@/components/DataTable';
 import { useMemo } from 'react';
 import { SurveyDownloadBtn } from '@/components/survey/SurveyDownloadBtn';
+import dayjs from 'dayjs';
 
 type SurveyResultItem =
   AppRouterOutput['survey']['resultList']['items'][number];
@@ -77,7 +78,8 @@ function PageComponent() {
       ) ?? []),
       columnHelper.accessor('createdAt', {
         header: t('Created At'),
-        size: 150,
+        size: 130,
+        cell: (props) => dayjs(props.getValue()).format('YYYY-MM-DD HH:mm:ss'),
       }),
     ];
   }, [t, info]);