add: create, update and login dates in database

src/lib/components/wishlist/AddItemForm.svelte

@@ -8,12 +8,18 @@
 	import ColorPicker from '$lib/components/ui/ColorPicker.svelte';
 	import { enhance } from '$app/forms';
 	import { languageStore } from '$lib/stores/language.svelte';
+	import ThemeCard from '$lib/components/themes/ThemeCard.svelte';
+	import { getCardStyle } from '$lib/utils/colors';
 
 	interface Props {
 		onSuccess?: () => void;
+		wishlistColor?: string | null;
+		wishlistTheme?: string | null;
 	}
 
-	let { onSuccess }: Props = $props();
+	let { onSuccess, wishlistColor = null, wishlistTheme = null }: Props = $props();
+
+	const cardStyle = $derived(getCardStyle(wishlistColor, null));
 
 	const t = $derived(languageStore.t);
 
@@ -53,11 +59,12 @@
 	}
 </script>
 
-<Card>
-	<CardHeader>
+<Card style={cardStyle} class="relative overflow-hidden">
+	<ThemeCard themeName={wishlistTheme} color={wishlistColor} showPattern={false} />
+	<CardHeader class="relative z-10">
 		<CardTitle>{t.form.addNewWish}</CardTitle>
 	</CardHeader>
-	<CardContent>
+	<CardContent class="relative z-10">
 		<form
 			method="POST"
 			action="?/addItem"

src/lib/components/wishlist/EditItemForm.svelte

@@ -9,6 +9,8 @@
 	import { enhance } from '$app/forms';
 	import type { Item } from '$lib/server/schema';
 	import { languageStore } from '$lib/stores/language.svelte';
+	import ThemeCard from '$lib/components/themes/ThemeCard.svelte';
+	import { getCardStyle } from '$lib/utils/colors';
 
 	interface Props {
 		item: Item;
@@ -18,9 +20,13 @@
 		currentPosition?: number;
 		totalItems?: number;
 		onPositionChange?: (newPosition: number) => void;
+		wishlistColor?: string | null;
+		wishlistTheme?: string | null;
 	}
 
-	let { item, onSuccess, onCancel, onColorChange, currentPosition = 1, totalItems = 1, onPositionChange }: Props = $props();
+	let { item, onSuccess, onCancel, onColorChange, currentPosition = 1, totalItems = 1, onPositionChange, wishlistColor = null, wishlistTheme = null }: Props = $props();
+
+	const cardStyle = $derived(getCardStyle(wishlistColor, null));
 
 	const t = $derived(languageStore.t);
 
@@ -60,11 +66,12 @@
 	}
 </script>
 
-<Card>
-	<CardHeader>
+<Card style={cardStyle} class="relative overflow-hidden">
+	<ThemeCard themeName={wishlistTheme} color={wishlistColor} showPattern={false} />
+	<CardHeader class="relative z-10">
 		<CardTitle>{t.wishlist.editWish}</CardTitle>
 	</CardHeader>
-	<CardContent>
+	<CardContent class="relative z-10">
 		<form
 			method="POST"
 			action="?/updateItem"

src/lib/server/schema.ts

@@ -14,7 +14,10 @@ export const users = pgTable('user', {
 	password: text('password'),
 	username: text('username').unique(),
 	dashboardTheme: text('dashboard_theme').default('none'),
-	dashboardColor: text('dashboard_color')
+	dashboardColor: text('dashboard_color'),
+	lastLogin: timestamp('last_login', { mode: 'date' }),
+	createdAt: timestamp('created_at').defaultNow().notNull(),
+	updatedAt: timestamp('updated_at').defaultNow().notNull()
 });
 
 export const accounts = pgTable(