Timezone fix for JS

Author: connorabbas

package-lock.json

@@ -18,6 +18,7 @@
         "@vueuse/core": "^13.0.0",
         "@vueuse/integrations": "^13.2.0",
         "date-fns": "^4.1.0",
+        "date-fns-tz": "^3.2.0",
         "globals": "^16.0.0",
         "laravel-vite-plugin": "^1.2.0",
         "lodash-es": "^4.17.21",

package.json

@@ -2,7 +2,8 @@
 import { ref, useTemplateRef } from 'vue';
 import { FilterMatchMode } from '@primevue/core/api';
 import { AlertCircle, EllipsisVertical, FunnelX, Pencil } from 'lucide-vue-next';
-import { format, parseISO } from 'date-fns';
+import { formatInTimeZone } from 'date-fns-tz';
+import { parseISO } from 'date-fns';
 import { useLazyDataTable } from '@/composables/useLazyDataTable';
 import AppLayout from '@/layouts/AppLayout.vue';
 import ClientOnly from '@/components/ClientOnly.vue';
@@ -179,7 +180,7 @@ const {
                                 />
                             </template>
                             <template #body="{ data }">
-                                {{ format(parseISO(data.created_at), 'MM/dd/yyyy') }}
+                                {{ formatInTimeZone(parseISO(data.created_at), 'UTC', 'MM/dd/yyyy') }}
                             </template>
                         </Column>
                         <Column header="Action">