diff --git a/.prettierignore b/.prettierignore
index 5d0d3e8..d010887 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -7,6 +7,9 @@ bun.lockb
 
 # Miscellaneous
 /static/
+/contrail.lock.json
+/lex.config.js
+/src/lib/contrail/
 /api/lex.config.js
 /api/lexicons/
 /api/src/lexicon-types/
diff --git a/eslint.config.js b/eslint.config.js
index 4cf492f..9784e72 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -10,7 +10,14 @@ const gitignorePath = path.resolve(import.meta.dirname, '.gitignore');
 
 export default defineConfig(
 	includeIgnoreFile(gitignorePath),
-	globalIgnores(['api/lex.config.js', 'api/lexicons/**', 'api/src/lexicon-types/**']),
+	globalIgnores([
+		'contrail.lock.json',
+		'lex.config.js',
+		'src/lib/contrail/**',
+		'api/lex.config.js',
+		'api/lexicons/**',
+		'api/src/lexicon-types/**'
+	]),
 	js.configs.recommended,
 	ts.configs.recommended,
 	svelte.configs.recommended,
diff --git a/src/lib/atproto/index.ts b/src/lib/atproto/index.ts
index a98ce8f..60c2f8f 100644
--- a/src/lib/atproto/index.ts
+++ b/src/lib/atproto/index.ts
@@ -11,7 +11,7 @@ export const atproto = createAtprotoAuth({
 	cookieSecret: env.COOKIE_SECRET,
 	clientAssertionKey: env.CLIENT_ASSERTION_KEY,
 	scope:
-		'atproto repo:social.popfeed.feed.review repo:social.popfeed.feed.comment repo:social.popfeed.feed.like repo:social.popfeed.feed.list repo:social.popfeed.feed.listItem ' +
+		'atproto repo:social.popfeed.feed.review repo:social.popfeed.feed.comment repo:social.popfeed.feed.like repo:social.popfeed.feed.list repo:social.popfeed.feed.listItem blob:*/* ' +
 		contrail.scope,
 	sessions: cloudflareKV('OAUTH_SESSIONS'),
 	states: cloudflareKV('OAUTH_STATES', { ttl: 600 })
diff --git a/src/lib/components/Avatar.svelte b/src/lib/components/Avatar.svelte
index 1b76002..42c35c0 100644
--- a/src/lib/components/Avatar.svelte
+++ b/src/lib/components/Avatar.svelte
@@ -12,7 +12,7 @@
 
 <div
 	class={cn(
-		'border-base-400/50 bg-base-100 dark:border-base-700 dark:bg-base-800 overflow-hidden rounded-full border',
+		'overflow-hidden rounded-full border border-base-400/50 bg-base-100 dark:border-base-700 dark:bg-base-800',
 		className
 	)}
 >
@@ -20,7 +20,7 @@
 		<img loading="lazy" class="size-full object-cover" {src} {alt} />
 	{:else}
 		<svg
-			class="text-base-300 dark:text-base-600 size-full"
+			class="size-full text-base-300 dark:text-base-600"
 			fill="currentColor"
 			viewBox="0 0 24 24"
 			aria-hidden="true"
diff --git a/src/lib/components/ExternalRatings.svelte b/src/lib/components/ExternalRatings.svelte
index 61589de..81c3508 100644
--- a/src/lib/components/ExternalRatings.svelte
+++ b/src/lib/components/ExternalRatings.svelte
@@ -36,9 +36,7 @@
 	}
 </script>
 
-{#if (imdbId && (imdbScore || compactImdbVotes)) ||
-	rottenTomatoesRating ||
-	(streaming && streaming.providers.length > 0)}
+{#if (imdbId && (imdbScore || compactImdbVotes)) || rottenTomatoesRating || (streaming && streaming.providers.length > 0)}
 	<div class="flex flex-col items-start gap-2">
 		{#if (imdbId && (imdbScore || compactImdbVotes)) || rottenTomatoesRating}
 			<div class="flex flex-wrap items-center gap-x-4 gap-y-2">
@@ -47,7 +45,7 @@
 						href={`https://www.imdb.com/title/${imdbId}/`}
 						target="_blank"
 						rel="noopener noreferrer"
-						class="text-base-200 inline-flex items-center gap-1.5 text-xs transition-colors hover:text-white"
+						class="inline-flex items-center gap-1.5 text-xs text-base-200 transition-colors hover:text-white"
 						aria-label={`View on IMDb${imdbScore ? `. Rating: ${imdbScore} out of 10` : ''}${imdbVotes ? `. ${imdbVotes} votes` : ''}`}
 					>
 						<span
@@ -59,14 +57,14 @@
 							<span class="font-medium tabular-nums">{imdbScore}</span>
 						{/if}
 						{#if compactImdbVotes}
-							<span class="text-base-400 text-[0.65rem] tabular-nums">({compactImdbVotes})</span>
+							<span class="text-[0.65rem] text-base-400 tabular-nums">({compactImdbVotes})</span>
 						{/if}
 					</a>
 				{/if}
 
 				{#if rottenTomatoesRating}
 					<div
-						class="text-base-200 inline-flex items-center gap-1 text-xs"
+						class="inline-flex items-center gap-1 text-xs text-base-200"
 						aria-label={`Rotten Tomatoes rating: ${rottenTomatoesRating.value}`}
 					>
 						<svg
@@ -97,7 +95,7 @@
 				class="flex flex-wrap items-center gap-1.5"
 				title={`Streaming providers in ${streaming.region_name}`}
 			>
-				<span class="text-base-300 mr-0.5 text-xs">stream on</span>
+				<span class="mr-0.5 text-xs text-base-300">stream on</span>
 				{#each streaming.providers as provider (provider.id)}
 					{#if streaming.link}
 						<a
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index db1b9c3..b8fb74b 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -1,11 +1,11 @@
-<footer class="border-base-800 relative z-10 border-t bg-black">
+<footer class="relative z-10 border-t border-base-800 bg-black">
 	<div
 		class="mx-auto max-w-2xl px-4 py-10 sm:px-6 md:flex md:items-center md:justify-between lg:max-w-4xl lg:px-8"
 	>
 		<div class="flex justify-center md:order-2">
 			<a
 				href="https://github.com/flo-bit/atmo-watch"
-				class="text-base-400 hover:text-base-300 transition-colors"
+				class="text-base-400 transition-colors hover:text-base-300"
 				target="_blank"
 				rel="noopener noreferrer"
 			>
@@ -52,7 +52,7 @@
 					/>
 				</svg>
 			</a>
-			<p class="text-base-400 mt-2 text-center text-xs">
+			<p class="mt-2 text-center text-xs text-base-400">
 				This website uses the TMDB API but is not endorsed or certified by TMDB. Streaming
 				availability provided by
 				<a
diff --git a/src/lib/components/RatingInput.svelte b/src/lib/components/RatingInput.svelte
index aaa1ab1..b8478bc 100644
--- a/src/lib/components/RatingInput.svelte
+++ b/src/lib/components/RatingInput.svelte
@@ -8,11 +8,7 @@
 	} = $props();
 
 	const uid = $props.id();
-	let hoverValue = $state(value);
-
-	$effect(() => {
-		hoverValue = value;
-	});
+	let hoverValue = $derived(value);
 
 	function select(score: number) {
 		value = score;
@@ -30,12 +26,12 @@
 	<legend class="sr-only">Your rating</legend>
 
 	<div class="flex items-center" role="radiogroup" aria-label="Your rating">
-		{#each [1, 2, 3, 4, 5] as star}
+		{#each [1, 2, 3, 4, 5] as star (star)}
 			{@const fullScore = star * 2}
 			{@const fill = hoverValue >= fullScore ? 100 : hoverValue === fullScore - 1 ? 50 : 0}
 			<span class="rating-star relative block size-9 shrink-0 rounded-sm">
 				<svg
-					class="text-base-700 size-full"
+					class="size-full text-base-700"
 					viewBox="0 0 24 24"
 					fill="currentColor"
 					aria-hidden="true"
@@ -51,7 +47,7 @@
 						style:width={`${fill}%`}
 					>
 						<svg
-							class="text-accent-500 size-9 max-w-none"
+							class="size-9 max-w-none text-accent-500"
 							viewBox="0 0 24 24"
 							fill="currentColor"
 							aria-hidden="true"
@@ -63,7 +59,7 @@
 					</span>
 				{/if}
 
-				{#each [fullScore - 1, fullScore] as score}
+				{#each [fullScore - 1, fullScore] as score (score)}
 					<input
 						type="radio"
 						name={`rating-${uid}`}
diff --git a/src/lib/components/ReviewDialog.svelte b/src/lib/components/ReviewDialog.svelte
index e9f8103..23c5815 100644
--- a/src/lib/components/ReviewDialog.svelte
+++ b/src/lib/components/ReviewDialog.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { invalidateAll } from '$app/navigation';
 	import { Dialog } from 'bits-ui';
+	import { untrack } from 'svelte';
 	import { X } from '@lucide/svelte';
 	import { posterUrl } from '$lib/images';
 	import { reviewDialog } from '$lib/review.svelte';
@@ -28,10 +29,13 @@
 		reviewError = '';
 
 		let cancelled = false;
-		void loadReviewDraft({
-			creativeWorkType: item.creativeWorkType,
-			tmdbId: item.tmdbId
-		})
+		const request = untrack(() =>
+			loadReviewDraft({
+				creativeWorkType: item.creativeWorkType,
+				tmdbId: item.tmdbId
+			})
+		);
+		void request
 			.then((draft) => {
 				if (cancelled || !draft) return;
 				rating = draft.rating;
diff --git a/src/routes/cast/[id]/+page.svelte b/src/routes/cast/[id]/+page.svelte
index ac197cf..8744e5e 100644
--- a/src/routes/cast/[id]/+page.svelte
+++ b/src/routes/cast/[id]/+page.svelte
@@ -51,7 +51,7 @@
 				{data.personDetails.name}
 			</h1>
 			{#if data.personDetails.birthday}
-				<p class="text-base-300 text-sm">
+				<p class="text-sm text-base-300">
 					{calculateAge(data.personDetails.birthday, data.personDetails.deathday)} years old
 				</p>
 			{/if}
@@ -65,7 +65,7 @@
 				<p class={showFullBiography ? '' : 'line-clamp-4'}>{data.personDetails.biography}</p>
 				{#if !showFullBiography}
 					<button
-						class="text-accent-400 mt-1 font-semibold"
+						class="mt-1 font-semibold text-accent-400"
 						onclick={() => (showFullBiography = true)}
 					>
 						show more
diff --git a/src/routes/layout.css b/src/routes/layout.css
index 0e35cf6..b72da6d 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -2,10 +2,9 @@
 @plugin '@tailwindcss/forms';
 @plugin '@tailwindcss/typography';
 
-
 @import '@foxui/core/theme.css';
 
-@source "../../node_modules/@foxui";
+@source '../../node_modules/@foxui';
 
 @custom-variant dark (&:where(.dark, .dark *));
 
diff --git a/todo.md b/todo.md
index 7b99e37..d8a7e5d 100644
--- a/todo.md
+++ b/todo.md
@@ -3,4 +3,4 @@
 - create reviews
 - show reviews in movie/show detail page
 - show single review with comments
-- opengraph images 
\ No newline at end of file
+- opengraph images