Fix timezone issues with expenses.

I was able to reproduce the problem by setting my system to a timezone, and my `TZ` to a different one. Since it'll default to `UTC`, and to avoid having to pass it around from the system to the client (since we don't really care about the timezone), we simply force the timezone to UTC in the formatting as well, because, again, we don't store timezones or care about them for expenses.

Fixes #88

components/expenses/ListExpenses.tsx

@@ -16,14 +16,10 @@ export default function ListExpenses(
   const dateFormatOptions: Intl.DateTimeFormatOptions = {
     month: 'short',
     day: 'numeric',
+    timeZone: 'UTC', // Expense dates are stored without timezone info, so we need to force to UTC so it's consistent across db, server, and client
   };
 
-  // Force timeZone to UTC for the server rendering
-  if (typeof window === 'undefined') {
-    dateFormatOptions.timeZone = 'UTC';
-  }
-
-  const dateFormat = new Intl.DateTimeFormat('en-US', dateFormatOptions);
+  const dateFormat = new Intl.DateTimeFormat('en-GB', dateFormatOptions);
 
   return (
     <section class='mx-auto max-w-7xl my-8 mt-12'>

components/expenses/MainExpenses.tsx

@@ -66,13 +66,9 @@ export default function MainExpenses({ initialBudgets, initialExpenses, initialM
   const dateFormatOptions: Intl.DateTimeFormatOptions = {
     year: 'numeric',
     month: 'long',
+    timeZone: 'UTC', // Expense dates are stored without timezone info, so we need to force to UTC so it's consistent across db, server, and client
   };
 
-  // Force timeZone to UTC for the server rendering
-  if (typeof window === 'undefined') {
-    dateFormatOptions.timeZone = 'UTC';
-  }
-
   const dateFormat = new Intl.DateTimeFormat('en-GB', dateFormatOptions);
 
   const thisMonth = new Date().toISOString().substring(0, 7);

components/files/ListFiles.tsx

@@ -53,11 +53,6 @@ export default function ListFiles(
     minute: '2-digit',
   };
 
-  // Force timeZone to UTC for the server rendering
-  if (typeof window === 'undefined') {
-    dateFormatOptions.timeZone = 'UTC';
-  }
-
   const dateFormat = new Intl.DateTimeFormat('en-GB', dateFormatOptions);
 
   let routePath = fileShareId ? `file-share/${fileShareId}` : 'files';

components/files/ListPhotos.tsx

@@ -35,11 +35,6 @@ export default function ListFiles(
     minute: '2-digit',
   };
 
-  // Force timeZone to UTC for the server rendering
-  if (typeof window === 'undefined') {
-    dateFormatOptions.timeZone = 'UTC';
-  }
-
   const dateFormat = new Intl.DateTimeFormat('en-GB', dateFormatOptions);
 
   const routePath = isShowingNotes ? 'notes' : 'files';

components/files/SearchFiles.tsx

@@ -21,11 +21,6 @@ export default function SearchFiles({}: SearchFilesProps) {
     minute: '2-digit',
   };
 
-  // Force timeZone to UTC for the server rendering
-  if (typeof window === 'undefined') {
-    dateFormatOptions.timeZone = 'UTC';
-  }
-
   const dateFormat = new Intl.DateTimeFormat('en-GB', dateFormatOptions);
 
   function searchFiles(searchTerm: string) {