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

components/admin/admin-dashboard.tsx

@@ -14,6 +14,7 @@ import { AdminRecentBookings } from './AdminRecentBookings';
 import { AdminCourtManagement } from './AdminCourtManagement';
 import { AdminSettingsManagement } from './AdminSettingsManagement';
 import { AdminTimeSlotManagement } from './AdminTimeSlotManagement';
+import { ModeToggle } from '@/components/ui/mode-toggle';
 
 interface AdminStats {
 	totalUsers: number;
@@ -74,20 +75,19 @@ export function AdminDashboard() {
 	};
 
 	return (
-		<div className='min-h-screen bg-gray-50'>
+		<div className='min-h-screen bg-background'>
 			{/* Header */}
-			<header className='bg-white border-b border-gray-200'>
+			<header className='bg-card border-b border-border'>
 				<div className='container mx-auto px-4'>
 					<div className='flex items-center justify-between h-16'>
 						<div className='flex items-center space-x-4'>
-							<Shield className='h-6 w-6 text-blue-600' />
-							<h1 className='text-xl font-semibold text-gray-900'>Admin Dashboard</h1>
+							<Shield className='h-6 w-6 text-blue-600 dark:text-blue-400' />
+							<h1 className='text-xl font-semibold text-foreground'>Admin Dashboard</h1>
 						</div>
 
 						<div className='flex items-center space-x-4'>
-							<Badge variant='secondary' className='bg-blue-100 text-blue-800'>
-								Administrator
-							</Badge>
+							<Badge variant='secondary'>Administrator</Badge>
+							<ModeToggle />
 							<Button variant='ghost' size='sm' onClick={handleLogout}>
 								<LogOut className='h-4 w-4' />
 								Logout