feat(web): meta tags for share links (#1290)

* feat(web): meta tags for share links

* refactor: svelte head tags

* chore: clean up

* chore: linting

web/src/routes/auth/change-password/+page.svelte

@@ -14,10 +14,6 @@
 	};
 </script>
 
-<svelte:head>
-	<title>Change Password - Immich</title>
-</svelte:head>
-
 <section class="h-screen w-screen flex place-items-center place-content-center">
 	<div in:fade={{ duration: 100 }} out:fade={{ duration: 100 }}>
 		<ChangePasswordForm user={data.user} on:success={onSuccessHandler} />

web/src/routes/auth/change-password/+page.ts

@@ -10,7 +10,10 @@ export const load: PageLoad = async () => {
 
 		if (userInfo.shouldChangePassword) {
 			return {
-				user: userInfo
+				user: userInfo,
+				meta: {
+					title: 'Change Password'
+				}
 			};
 		} else {
 			throw redirect(302, '/photos');

web/src/routes/auth/login/+page.server.ts

@@ -9,5 +9,9 @@ export const load: PageServerLoad = async () => {
 		throw redirect(302, '/auth/register');
 	}
 
-	return;
+	return {
+		meta: {
+			title: 'Login'
+		}
+	};
 };

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

@@ -5,10 +5,6 @@
 	import LoginForm from '$lib/components/forms/login-form.svelte';
 </script>
 
-<svelte:head>
-	<title>Login - Immich</title>
-</svelte:head>
-
 <section class="h-screen w-screen flex place-items-center place-content-center">
 	<div in:fade={{ duration: 100 }} out:fade={{ duration: 100 }}>
 		<LoginForm

web/src/routes/auth/register/+page.server.ts

@@ -9,5 +9,9 @@ export const load: PageServerLoad = async () => {
 		throw redirect(302, '/auth/login');
 	}
 
-	return;
+	return {
+		meta: {
+			title: 'Admin Registration'
+		}
+	};
 };

web/src/routes/auth/register/+page.svelte

@@ -2,10 +2,6 @@
 	import AdminRegistrationForm from '$lib/components/forms/admin-registration-form.svelte';
 </script>
 
-<svelte:head>
-	<title>Admin Registration - Immich</title>
-</svelte:head>
-
 <section class="h-screen w-screen flex place-items-center place-content-center">
 	<AdminRegistrationForm />
 </section>