Rename to My Collection, add favicon to sidebar and login

- Replaced all 'B4L Repair' references with 'My Collection'
- Added favicon.png next to the title in the sidebar
- Added favicon.png on the login page above the title
- Updated all page <title> tags

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/lib/components/layout/Sidebar.svelte

@@ -67,7 +67,10 @@
 >
 	<!-- Logo -->
 	<div class="flex h-14 items-center border-b border-gray-200 px-4 dark:border-gray-700">
-		<a href="/" class="text-lg font-bold text-gray-900 dark:text-white">B4L Repair</a>
+		<a href="/" class="flex items-center gap-2 text-lg font-bold text-gray-900 dark:text-white">
+			<img src="/favicon.png" alt="" class="h-6 w-6" />
+			My Collection
+		</a>
 	</div>
 
 	<!-- Navigation -->

src/routes/(app)/+page.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <svelte:head>
-	<title>Dashboard - B4L Repair</title>
+	<title>Dashboard - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-6xl">

src/routes/(app)/checklists/+page.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <svelte:head>
-	<title>Checklist Templates - B4L Repair</title>
+	<title>Checklist Templates - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-4xl">

src/routes/(app)/checklists/[id]/+page.svelte

@@ -17,7 +17,7 @@
 </script>
 
 <svelte:head>
-	<title>{data.template.title} - Checklists - B4L Repair</title>
+	<title>{data.template.title} - Checklists - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-3xl">

src/routes/(app)/components/+page.svelte

@@ -24,7 +24,7 @@
 </script>
 
 <svelte:head>
-	<title>Components - B4L Repair</title>
+	<title>Components - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-6xl">

src/routes/(app)/components/[id]/+page.svelte

@@ -8,7 +8,7 @@
 </script>
 
 <svelte:head>
-	<title>{c.title} - B4L Repair</title>
+	<title>{c.title} - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-5xl">

src/routes/(app)/components/[id]/edit/+page.svelte

@@ -8,7 +8,7 @@
 </script>
 
 <svelte:head>
-	<title>Edit {c.title} - B4L Repair</title>
+	<title>Edit {c.title} - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-2xl">

src/routes/(app)/components/new/+page.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <svelte:head>
-	<title>Add Component - B4L Repair</title>
+	<title>Add Component - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-2xl">

src/routes/(app)/devices/+page.svelte

@@ -27,7 +27,7 @@
 </script>
 
 <svelte:head>
-	<title>Devices - B4L Repair</title>
+	<title>Devices - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-6xl">

src/routes/(app)/devices/[id]/+page.svelte

@@ -22,7 +22,7 @@
 </script>
 
 <svelte:head>
-	<title>{data.device.title} - B4L Repair</title>
+	<title>{data.device.title} - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-5xl">

src/routes/(app)/devices/[id]/edit/+page.svelte

@@ -15,7 +15,7 @@
 </script>
 
 <svelte:head>
-	<title>Edit {d.title} - B4L Repair</title>
+	<title>Edit {d.title} - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-2xl">

src/routes/(app)/devices/new/+page.svelte

@@ -12,7 +12,7 @@
 </script>
 
 <svelte:head>
-	<title>Add Device - B4L Repair</title>
+	<title>Add Device - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-2xl">

src/routes/(app)/gallery/+page.svelte

@@ -14,7 +14,7 @@
 </script>
 
 <svelte:head>
-	<title>Gallery - B4L Repair</title>
+	<title>Gallery - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-6xl">

src/routes/(app)/installations/+page.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <svelte:head>
-	<title>Installation Log - B4L Repair</title>
+	<title>Installation Log - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-5xl">

src/routes/(app)/installations/new/+page.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <svelte:head>
-	<title>Log Installation - B4L Repair</title>
+	<title>Log Installation - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-2xl">

src/routes/(app)/locations/+page.svelte

@@ -30,7 +30,7 @@
 </script>
 
 <svelte:head>
-	<title>Locations - B4L Repair</title>
+	<title>Locations - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-4xl">

src/routes/(app)/locations/[id]/+page.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <svelte:head>
-	<title>{data.location.name} - Locations - B4L Repair</title>
+	<title>{data.location.name} - Locations - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-4xl">

src/routes/(app)/settings/+page.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <svelte:head>
-	<title>Settings - B4L Repair</title>
+	<title>Settings - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-lg">

src/routes/(app)/todos/+page.svelte

@@ -52,7 +52,7 @@
 </script>
 
 <svelte:head>
-	<title>Todos - B4L Repair</title>
+	<title>Todos - My Collection</title>
 </svelte:head>
 
 <div class="mx-auto max-w-6xl">

src/routes/(auth)/login/+page.svelte

@@ -5,12 +5,15 @@
 </script>
 
 <svelte:head>
-	<title>Sign In - B4L Repair</title>
+	<title>Sign In - My Collection</title>
 </svelte:head>
 
 <div class="w-full max-w-sm">
 	<div class="rounded-lg border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-700 dark:bg-gray-800">
-		<h1 class="mb-6 text-center text-xl font-bold text-gray-900 dark:text-white">B4L Repair</h1>
+		<div class="mb-6 flex flex-col items-center gap-2">
+			<img src="/favicon.png" alt="" class="h-10 w-10" />
+			<h1 class="text-xl font-bold text-gray-900 dark:text-white">My Collection</h1>
+		</div>
 
 		{#if form?.error}
 			<div class="mb-4 rounded-md bg-red-50 p-3 text-sm text-red-700 dark:bg-red-900/30 dark:text-red-300">