add proper titles to every page

web/src/routes/+page.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <svelte:head>
-	<title>Home</title>
-	<meta content="Svelte demo app" name="description" />
+	<title>MediaManager - Smart PVR for Movies and TV Shows</title>
+	<meta content="Smart PVR for movies and TV shows - Your personal media management solution" name="description" />
 </svelte:head>
 <h1>Servas</h1>

web/src/routes/dashboard/+page.svelte

@@ -41,6 +41,11 @@
 	});
 </script>
 
+<svelte:head>
+	<title>Dashboard - MediaManager</title>
+	<meta content="MediaManager Dashboard - View your recommended movies and TV shows" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/about/+page.svelte

@@ -7,6 +7,11 @@
 	import { PUBLIC_VERSION } from '$env/static/public';
 </script>
 
+<svelte:head>
+	<title>About - MediaManager</title>
+	<meta content="About MediaManager - Learn more about your smart PVR application" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/movies/+page.svelte

@@ -32,6 +32,11 @@
 	});
 </script>
 
+<svelte:head>
+	<title>Movies - MediaManager</title>
+	<meta content="Browse and manage your movie collection in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte

@@ -17,6 +17,11 @@
 	let torrents: RichShowTorrent = page.data.torrents;
 </script>
 
+<svelte:head>
+	<title>{getFullyQualifiedMediaName(movie)} - MediaManager</title>
+	<meta content="View details and manage downloads for {getFullyQualifiedMediaName(movie)} in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/movies/add-movie/+page.svelte

@@ -61,6 +61,11 @@
 	}
 </script>
 
+<svelte:head>
+	<title>Add Movie - MediaManager</title>
+	<meta content="Add a new movie to your MediaManager collection" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/movies/requests/+page.svelte

@@ -8,6 +8,11 @@
 	let requests = $state(page.data.requestsData);
 </script>
 
+<svelte:head>
+	<title>Movie Requests - MediaManager</title>
+	<meta content="View and manage movie download requests in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/movies/torrents/+page.svelte

@@ -27,6 +27,11 @@
 	});
 </script>
 
+<svelte:head>
+	<title>Movie Torrents - MediaManager</title>
+	<meta content="View and manage movie torrent downloads in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/settings/+page.svelte

@@ -13,6 +13,11 @@
 	let users = page.data.users;
 </script>
 
+<svelte:head>
+	<title>Settings - MediaManager</title>
+	<meta content="Manage your MediaManager settings and user preferences" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/tv/+page.svelte

@@ -11,6 +11,11 @@
 	let tvShowsPromise = page.data.tvShows;
 </script>
 
+<svelte:head>
+	<title>TV Shows - MediaManager</title>
+	<meta content="Browse and manage your TV show collection in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte

@@ -47,6 +47,11 @@
 	}
 </script>
 
+<svelte:head>
+	<title>{getFullyQualifiedMediaName(show)} - MediaManager</title>
+	<meta content="View details and manage downloads for {getFullyQualifiedMediaName(show)} in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/tv/[showId=uuid]/[SeasonId=uuid]/+page.svelte

@@ -17,6 +17,11 @@
 	console.log('loaded files', seasonFiles);
 </script>
 
+<svelte:head>
+	<title>{getFullyQualifiedMediaName(show())} - Season {season().number} - MediaManager</title>
+	<meta content="View episodes and manage downloads for {getFullyQualifiedMediaName(show())} Season {season().number} in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/tv/add-show/+page.svelte

@@ -61,6 +61,11 @@
 	}
 </script>
 
+<svelte:head>
+	<title>Add TV Show - MediaManager</title>
+	<meta content="Add a new TV show to your MediaManager collection" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/tv/requests/+page.svelte

@@ -9,6 +9,11 @@
 	let requests: SeasonRequest[] = $state(page.data.requestsData);
 </script>
 
+<svelte:head>
+	<title>TV Show Requests - MediaManager</title>
+	<meta content="View and manage TV show download requests in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/dashboard/tv/torrents/+page.svelte

@@ -12,6 +12,11 @@
 	let showsPromise: Promise<RichShowTorrent[]> = $state(page.data.shows);
 </script>
 
+<svelte:head>
+	<title>TV Show Torrents - MediaManager</title>
+	<meta content="View and manage TV show torrent downloads in MediaManager" name="description" />
+</svelte:head>
+
 <header class="flex h-16 shrink-0 items-center gap-2">
 	<div class="flex items-center gap-2 px-4">
 		<Sidebar.Trigger class="-ml-1" />

web/src/routes/login/+page.svelte

@@ -7,6 +7,11 @@
 	let oauthProvider = page.data.oauthProvider;
 </script>
 
+<svelte:head>
+	<title>Login - MediaManager</title>
+	<meta content="Login to MediaManager - Access your personal media management dashboard" name="description" />
+</svelte:head>
+
 <div class="grid min-h-svh lg:grid-cols-2">
 	<div class="flex flex-col gap-4 p-6 md:p-10">
 		<div class="flex justify-center gap-2 md:justify-start">

web/src/routes/login/forgot-password/+page.svelte

@@ -58,6 +58,11 @@
 	};
 </script>
 
+<svelte:head>
+	<title>Forgot Password - MediaManager</title>
+	<meta content="Reset your MediaManager password - Enter your email to receive a reset link" name="description" />
+</svelte:head>
+
 <div class="grid min-h-svh lg:grid-cols-2">
 	<div class="flex flex-col gap-4 p-6 md:p-10">
 		<div class="flex justify-center gap-2 md:justify-start">

web/src/routes/login/reset-password/+page.svelte

@@ -75,6 +75,11 @@
 	};
 </script>
 
+<svelte:head>
+	<title>Reset Password - MediaManager</title>
+	<meta content="Reset your MediaManager password with a secure token" name="description" />
+</svelte:head>
+
 <div class="grid min-h-svh lg:grid-cols-2">
 	<div class="flex flex-col gap-4 p-6 md:p-10">
 		<div class="flex justify-center gap-2 md:justify-start">

web/src/routes/login/verify/+page.svelte

@@ -5,6 +5,11 @@
 	import { handleLogout } from '$lib/utils.ts';
 </script>
 
+<svelte:head>
+	<title>Verify Account - MediaManager</title>
+	<meta content="Verify your MediaManager account to complete registration" name="description" />
+</svelte:head>
+
 <div
 	class="flex min-h-screen flex-col items-center justify-center bg-background px-4 py-12 sm:px-6 lg:px-8"
 >