theming, date, time localisation, additional features, seeding initial cleanup

app/dashboard/page.tsx

@@ -38,7 +38,7 @@ export default async function DashboardPage() {
 	};
 
 	return (
-		<div className='min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100'>
+		<div className='min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800'>
 			<DashboardHeader user={userWithSession} />
 
 			<main className='container mx-auto px-4 py-8'>
@@ -46,12 +46,12 @@ export default async function DashboardPage() {
 					{/* Main Content */}
 					<div className='lg:col-span-2 space-y-6'>
 						<div>
-							<h1 className='text-3xl font-bold text-gray-900 mb-2'>
+							<h1 className='text-3xl font-bold text-foreground mb-2'>
 								Welcome back,{' '}
 								{user.name && user.surname ? `${user.name} ${user.surname}` : user.email.split('@')[0]}!
 								🏓
 							</h1>
-							<p className='text-gray-600'>Book your table tennis court and enjoy your game</p>
+							<p className='text-muted-foreground'>Book your table tennis court and enjoy your game</p>
 						</div>
 
 						<EnhancedBookingCalendar />