Implement date formatting on frontend this time

food.ddl

@@ -2,7 +2,7 @@ begin;
 
 create table weight (
 	id integer primary key,
-	date datetime default (datetime('now', '+2 hours')),
+	date datetime default (datetime('now')),
 	weight real not null
 );
 
@@ -55,7 +55,7 @@ order by date desc;
 
 create table food(
 	id integer primary key,
-	date datetime default (datetime('now', '+2 hours')),
+	date datetime default (datetime('now')),
 	food varchar not null,
 	description varchar,
 	amount real not null,
@@ -100,7 +100,6 @@ where word = old.food
 	and rank <= 0;
 end;
 
-
 drop trigger if exists food_foodfix_update;
 create trigger food_foodfix_update AFTER
 update on food for EACH row

frontend/src/lib/components/Energy/FoodComp.svelte

@@ -8,6 +8,17 @@
 	export let nameColor: string;
 	export let dateColor: string;
 
+	let date = new Date(item.date);
+	let dateString = new Intl.DateTimeFormat("en-CA", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit",
+		hour12: false,
+	}).format(date);
+
 	let amount: string = item.amount.toString();
 	let per100: string = item.per100?.toString() ?? "";
 	let description: string = item.description ?? "";
@@ -55,7 +66,7 @@
 			style="color: {dateColor}"
 			scope="row"
 		>
-			{item.date}
+			{dateString}
 		</th>
 		<td
 			class="px-6 py-4"

frontend/src/lib/components/Weight/WeightComp.svelte

@@ -3,6 +3,17 @@
 
 	export let item: main.Weight;
 	export let dateColor: string;
+
+	let date = new Date(item.date);
+	let dateString = new Intl.DateTimeFormat("en-CA", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit",
+		hour12: false,
+	}).format(date);
 </script>
 
 <template>
@@ -12,7 +23,7 @@
 			style="color: {dateColor}"
 			scope="row"
 		>
-			{item.date}
+			{dateString}
 		</th>
 		<td class="px-6 py-4">
 			{item.weight}