add proper titles to every page

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" />