make all the timestamp local time and hovering shows UTC timestamp (#1164)

skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx

@@ -1,7 +1,7 @@
 import { getClient } from "@/api/AxiosClient";
 import { TaskApiResponse } from "@/api/types";
 import { useQuery } from "@tanstack/react-query";
-import { basicTimeFormat } from "@/util/timeFormat";
+import { basicLocalTimeFormat, basicTimeFormat } from "@/util/timeFormat";
 import {
   Table,
   TableBody,
@@ -77,8 +77,11 @@ function QueuedTasks() {
                   <TableCell className="w-1/4">
                     <StatusBadge status={task.status} />
                   </TableCell>
-                  <TableCell className="w-1/4">
-                    {basicTimeFormat(task.created_at)}
+                  <TableCell
+                    className="w-1/4"
+                    title={basicTimeFormat(task.created_at)}
+                  >
+                    {basicLocalTimeFormat(task.created_at)}
                   </TableCell>
                 </TableRow>
               );

skyvern-frontend/src/routes/tasks/running/RunningTasks.tsx

@@ -10,7 +10,7 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
-import { basicTimeFormat } from "@/util/timeFormat";
+import { basicLocalTimeFormat, basicTimeFormat } from "@/util/timeFormat";
 import { LatestScreenshot } from "./LatestScreenshot";
 import { useCredentialGetter } from "@/hooks/useCredentialGetter";
 
@@ -70,7 +70,9 @@ function RunningTasks() {
             <LatestScreenshot id={task.task_id} />
           </div>
         </CardContent>
-        <CardFooter>Created: {basicTimeFormat(task.created_at)}</CardFooter>
+        <CardFooter title={basicTimeFormat(task.created_at)}>
+          Created: {basicLocalTimeFormat(task.created_at)}
+        </CardFooter>
       </Card>
     );
   });