lint: remove more unused imports and variables (5 fixes)

Co-Authored-By: Justin Edmund <justin@jedmund.com>

src/lib/components/admin/AlbumForm.svelte

@@ -18,17 +18,6 @@
 
 	let { album = null, mode }: Props = $props()
 
-	// Album schema for validation
-	const albumSchema = z.object({
-		title: z.string().min(1, 'Title is required'),
-		slug: z
-			.string()
-			.min(1, 'Slug is required')
-			.regex(/^[a-z0-9-]+$/, 'Slug must be lowercase letters, numbers, and hyphens only'),
-		location: z.string().optional(),
-		year: z.string().optional()
-	})
-
 	// State
 	let isLoading = $state(mode === 'edit')
 	let showBulkAlbumModal = $state(false)

src/lib/components/admin/MediaDetailsModal.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import Modal from './Modal.svelte'
 	import Button from './Button.svelte'
-	import Input from './Input.svelte'
 	import Textarea from './Textarea.svelte'
 	import SmartImage from '../SmartImage.svelte'
 	import AlbumSelector from './AlbumSelector.svelte'
@@ -12,7 +11,7 @@
 	import MediaMetadataPanel from './MediaMetadataPanel.svelte'
 	import MediaUsageList from './MediaUsageList.svelte'
 	import { toast } from '$lib/stores/toast'
-	import { formatFileSize, getFileType, isVideoFile } from '$lib/utils/mediaHelpers'
+	import { getFileType, isVideoFile } from '$lib/utils/mediaHelpers'
 	import type { Media } from '@prisma/client'
 
 	interface Props {
@@ -44,7 +43,6 @@
 
 	// Album management state
 	let albums = $state<Array<{ id: number; title: string; slug: string }>>([])
-	let loadingAlbums = $state(false)
 	let showAlbumSelector = $state(false)
 
 	// Initialize form when media changes
@@ -90,8 +88,6 @@
 		if (!media) return
 
 		try {
-			loadingAlbums = true
-
 			// Load albums this media belongs to
 			const mediaResponse = await fetch(`/api/media/${media.id}/albums`, {
 				credentials: 'same-origin'
@@ -103,8 +99,6 @@
 		} catch (error) {
 			console.error('Error loading albums:', error)
 			albums = []
-		} finally {
-			loadingAlbums = false
 		}
 	}
 

src/lib/components/admin/MediaGrid.svelte

@@ -38,7 +38,7 @@
 	{#if isLoading && media.length === 0}
 		<!-- Loading skeleton -->
 		<div class="media-grid">
-			{#each Array(12) as _, i}
+			{#each Array(12) as _}
 				<div class="media-item skeleton" aria-hidden="true">
 					<div class="media-thumbnail skeleton-bg"></div>
 				</div>

src/lib/components/admin/PhotoPostForm.svelte

@@ -182,7 +182,7 @@ $effect(() => {
 	})
 
 	// Navigation guard: flush autosave before navigating away (only if unsaved)
-	beforeNavigate(async (navigation) => {
+	beforeNavigate(async (_navigation) => {
 		if (hasLoaded && autoSave) {
 			if (autoSave.status === 'saved') {
 				return