fixes, theming, branding

app/layout.tsx

@@ -3,13 +3,18 @@ import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import { ThemeProvider } from '@/components/theme-provider';
 import { Toaster } from '@/components/ui/toaster';
+import { getAppConfig } from '@/lib/app-config';
 
 const inter = Inter({ subsets: ['latin'] });
 
-export const metadata: Metadata = {
-	title: 'Table Tennis Booking System',
-	description: 'Book your table tennis court slots with ease',
-};
+export async function generateMetadata(): Promise<Metadata> {
+	const config = await getAppConfig();
+
+	return {
+		title: config.appTitle,
+		description: config.appDescription,
+	};
+}
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
 	return (