diff --git a/src/lib/cards/ATProtoCollectionsCard/ATProtoCollectionsCard.svelte b/src/lib/cards/ATProtoCollectionsCard/ATProtoCollectionsCard.svelte
index f5e8bee..54d9cae 100644
--- a/src/lib/cards/ATProtoCollectionsCard/ATProtoCollectionsCard.svelte
+++ b/src/lib/cards/ATProtoCollectionsCard/ATProtoCollectionsCard.svelte
@@ -40,7 +40,7 @@
 		{/if}
 	</div>
 	<div class="flex w-full flex-wrap gap-2 overflow-x-hidden overflow-y-scroll px-4">
-		{#each collections ?? [] as collection}
+		{#each collections ?? [] as collection (collection)}
 			<Button target="_blank" href={getLink(collection)} size="sm">{collection}</Button>
 		{/each}
 	</div>
diff --git a/src/lib/cards/BlueskyMediaCard/BlueskyMediaCard.svelte b/src/lib/cards/BlueskyMediaCard/BlueskyMediaCard.svelte
index 88cbb32..8b49ed2 100644
--- a/src/lib/cards/BlueskyMediaCard/BlueskyMediaCard.svelte
+++ b/src/lib/cards/BlueskyMediaCard/BlueskyMediaCard.svelte
@@ -1,11 +1,8 @@
 <script lang="ts">
-	import { getDidContext } from '$lib/website/context';
 	import type { ContentComponentProps } from '../types';
 	import Video from './Video.svelte';
 
 	let { item = $bindable() }: ContentComponentProps = $props();
-
-	const did = getDidContext();
 </script>
 
 {#if item.cardData.image}
diff --git a/src/lib/cards/BlueskyMediaCard/CreateBlueskyMediaCardModal.svelte b/src/lib/cards/BlueskyMediaCard/CreateBlueskyMediaCardModal.svelte
index 4536b20..573aa7d 100644
--- a/src/lib/cards/BlueskyMediaCard/CreateBlueskyMediaCardModal.svelte
+++ b/src/lib/cards/BlueskyMediaCard/CreateBlueskyMediaCardModal.svelte
@@ -59,7 +59,7 @@
 	<div
 		class="bg-base-100 dark:bg-base-950 grid h-[50dvh] grid-cols-2 gap-4 overflow-y-scroll rounded-2xl p-4 lg:grid-cols-3"
 	>
-		{#each mediaList as media}
+		{#each mediaList as media (media.thumbnail || media.playlist)}
 			<button
 				onclick={() => {
 					console.log(media);
diff --git a/src/lib/cards/GIFCard/GiphySearchModal.svelte b/src/lib/cards/GIFCard/GiphySearchModal.svelte
index e0d7a9b..c5eb82e 100644
--- a/src/lib/cards/GIFCard/GiphySearchModal.svelte
+++ b/src/lib/cards/GIFCard/GiphySearchModal.svelte
@@ -140,9 +140,9 @@
 			</div>
 		{:else if displayResults.length > 0}
 			<div class="flex items-start gap-3">
-				{#each columns() as column}
+				{#each columns() as column, i (i)}
 					<div class="flex w-1/4 flex-col gap-3">
-						{#each column as gif}
+						{#each column as gif (gif.id)}
 							<button
 								onclick={() => selectGif(gif)}
 								aria-label={gif.title}
@@ -164,7 +164,7 @@
 				{/each}
 			</div>
 		{:else if searchQuery}
-			<div class="flex h-[300px] items-center justify-center">
+			<div class="flex h-75 items-center justify-center">
 				<p class="text-base-500">No results found</p>
 			</div>
 		{/if}
diff --git a/src/lib/cards/GameCards/DinoGameCard/DinoGameCard.svelte b/src/lib/cards/GameCards/DinoGameCard/DinoGameCard.svelte
index 0abc30b..bde2026 100644
--- a/src/lib/cards/GameCards/DinoGameCard/DinoGameCard.svelte
+++ b/src/lib/cards/GameCards/DinoGameCard/DinoGameCard.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import type { ContentComponentProps } from '../../types';
 	import { onMount, onDestroy } from 'svelte';
 
 	let canvas: HTMLCanvasElement;
diff --git a/src/lib/cards/MapCard/Map.svelte b/src/lib/cards/MapCard/Map.svelte
index c9955b6..45ccb5c 100644
--- a/src/lib/cards/MapCard/Map.svelte
+++ b/src/lib/cards/MapCard/Map.svelte
@@ -16,7 +16,7 @@
 
 	onMount(async () => {
 		try {
-			// @ts-ignore
+			// @ts-expect-error this is fine
 			leaflet = await import('leaflet');
 
 			const location = [parseFloat(item.cardData.lat), parseFloat(item.cardData.lon)];
diff --git a/src/lib/cards/PopfeedReviews/PopfeedReviewsCard.svelte b/src/lib/cards/PopfeedReviews/PopfeedReviewsCard.svelte
index 76a9f39..89c6cb9 100644
--- a/src/lib/cards/PopfeedReviews/PopfeedReviewsCard.svelte
+++ b/src/lib/cards/PopfeedReviews/PopfeedReviewsCard.svelte
@@ -30,7 +30,7 @@
 </script>
 
 <div class="z-10 flex h-full gap-4 overflow-x-scroll p-4">
-	{#each feed ?? [] as review}
+	{#each feed ?? [] as review (review.uri)}
 		{#if review.value.rating !== undefined && review.value.posterUrl}
 			<a
 				rel="noopener noreferrer"
diff --git a/src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte b/src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte
index 55b4eaf..f72b0c9 100644
--- a/src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte
+++ b/src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte
@@ -13,7 +13,7 @@
 <div class="flex h-full flex-col">
 	<div class="px-4 py-2 text-2xl font-bold">Recently updated blentos</div>
 	<div class="flex max-w-full grow items-center gap-4 overflow-x-scroll overflow-y-hidden px-4">
-		{#each profiles as profile}
+		{#each profiles as profile (profile.did)}
 			<a
 				href="/{profile.handle}"
 				class="bg-base-100 dark:bg-base-800 hover:bg-base-200 dark:hover:bg-base-700 accent:bg-accent-200/30 accent:hover:bg-accent-200/50 flex h-52 w-44 min-w-44 flex-col items-center justify-center gap-2 rounded-xl p-2 transition-colors duration-150"
diff --git a/src/lib/cards/StandardSiteDocumentListCard/BlogEntry.svelte b/src/lib/cards/StandardSiteDocumentListCard/BlogEntry.svelte
index 17dafa9..8bd2040 100644
--- a/src/lib/cards/StandardSiteDocumentListCard/BlogEntry.svelte
+++ b/src/lib/cards/StandardSiteDocumentListCard/BlogEntry.svelte
@@ -10,7 +10,7 @@
 </script>
 
 <article class="group/article relative isolate flex flex-col">
-	<div class={'text-base-500 accent:text-accent-950 flex shrink-0 items-center gap-x-4 text-xs'}>
+	<div class="text-base-500 accent:text-accent-950 flex shrink-0 items-center gap-x-4 text-xs">
 		<DateTime date={new Date(date)} />
 	</div>
 	<div class="max-w-xl">
diff --git a/src/lib/cards/StandardSiteDocumentListCard/StandardSiteDocumentListCard.svelte b/src/lib/cards/StandardSiteDocumentListCard/StandardSiteDocumentListCard.svelte
index 8ecebca..a1070d3 100644
--- a/src/lib/cards/StandardSiteDocumentListCard/StandardSiteDocumentListCard.svelte
+++ b/src/lib/cards/StandardSiteDocumentListCard/StandardSiteDocumentListCard.svelte
@@ -15,22 +15,19 @@
 	let handle = getHandleContext();
 
 	onMount(async () => {
-		console.log(feed);
 		if (!feed) {
 			feed = (await CardDefinitionsByType[item.cardType]?.loadData?.([item], {
 				did,
 				handle
 			})) as any;
 
-			console.log(feed);
-
 			data[item.cardType] = feed;
 		}
 	});
 </script>
 
 <div class="flex h-full flex-col gap-10 overflow-y-scroll p-8">
-	{#each feed ?? [] as document}
+	{#each feed ?? [] as document (document.uri)}
 		<BlogEntry
 			title={document.value.title}
 			description={document.value.description}
diff --git a/src/lib/cards/StatusphereCard/EditStatusphereCard.svelte b/src/lib/cards/StatusphereCard/EditStatusphereCard.svelte
index 241ab4e..586b5f5 100644
--- a/src/lib/cards/StatusphereCard/EditStatusphereCard.svelte
+++ b/src/lib/cards/StatusphereCard/EditStatusphereCard.svelte
@@ -4,8 +4,6 @@
 	import { getAdditionalUserData, getDidContext, getHandleContext } from '$lib/website/context';
 	import { CardDefinitionsByType } from '..';
 	import { PopoverEmojiPicker } from '@foxui/social';
-
-	import icons from './icons.json';
 	import { emojiToNotoAnimatedWebp } from '.';
 	import PlainTextEditor from '../utils/PlainTextEditor.svelte';
 	import { cn } from '@foxui/core';
diff --git a/src/lib/cards/StatusphereCard/SettingsStatusphereCard.svelte b/src/lib/cards/StatusphereCard/SettingsStatusphereCard.svelte
index 2b01280..cd34388 100644
--- a/src/lib/cards/StatusphereCard/SettingsStatusphereCard.svelte
+++ b/src/lib/cards/StatusphereCard/SettingsStatusphereCard.svelte
@@ -2,7 +2,6 @@
 	import type { Item } from '$lib/types';
 	import { getAdditionalUserData } from '$lib/website/context';
 	import { EmojiPicker } from '@foxui/social';
-	import { emojiToNotoAnimatedWebp } from '.';
 
 	let { item }: { item: Item } = $props();
 
diff --git a/src/lib/cards/TealFMPlaysCard/TealFMPlaysCard.svelte b/src/lib/cards/TealFMPlaysCard/TealFMPlaysCard.svelte
index c1c6aa7..4066169 100644
--- a/src/lib/cards/TealFMPlaysCard/TealFMPlaysCard.svelte
+++ b/src/lib/cards/TealFMPlaysCard/TealFMPlaysCard.svelte
@@ -19,6 +19,7 @@
 	}
 
 	interface Play {
+		uri: string;
 		value: PlayValue;
 	}
 
@@ -84,7 +85,7 @@
 {/snippet}
 
 <div class="z-10 flex h-full w-full flex-col gap-4 overflow-y-scroll p-4">
-	{#each feed ?? [] as play}
+	{#each feed ?? [] as play (play.uri)}
 		{#if play.value.originUrl}
 			<a href={play.value.originUrl} target="_blank" rel="noopener noreferrer" class="w-full">
 				{@render musicItem(play)}
diff --git a/src/lib/components/post/embeds/Images.svelte b/src/lib/components/post/embeds/Images.svelte
index f0cba93..921d236 100644
--- a/src/lib/components/post/embeds/Images.svelte
+++ b/src/lib/components/post/embeds/Images.svelte
@@ -31,7 +31,7 @@
 	{@render imageSnippet(data.images[0])}
 {:else}
 	<div class="columns-2 gap-4">
-		{#each data.images as image}
+		{#each data.images as image (image.thumb)}
 			{@render imageSnippet(image, 'mb-4')}
 		{/each}
 	</div>
diff --git a/src/lib/website/EditableWebsite.svelte b/src/lib/website/EditableWebsite.svelte
index 713486e..68517bd 100644
--- a/src/lib/website/EditableWebsite.svelte
+++ b/src/lib/website/EditableWebsite.svelte
@@ -177,11 +177,7 @@
 
 		// Get dragged card's original position
 		const draggedOrigPos = activeDragElement.originalPositions.get(activeDragElement.item.id);
-		const draggedOrigX = draggedOrigPos
-			? isMobile
-				? draggedOrigPos.mobileX
-				: draggedOrigPos.x
-			: 0;
+
 		const draggedOrigY = draggedOrigPos
 			? isMobile
 				? draggedOrigPos.mobileY
@@ -735,7 +731,7 @@
 
 	<Sidebar mobileOnly mobileClasses="lg:block p-4 gap-4">
 		<div class="flex flex-col gap-2">
-			{#each sidebarItems as cardDef}
+			{#each sidebarItems as cardDef (cardDef.type)}
 				{#if cardDef.sidebarComponent}
 					<cardDef.sidebarComponent onclick={() => newCard(cardDef.type)} />
 				{:else if cardDef.sidebarButtonText}
diff --git a/src/lib/website/Website.svelte b/src/lib/website/Website.svelte
index 6a1ab13..9183a5d 100644
--- a/src/lib/website/Website.svelte
+++ b/src/lib/website/Website.svelte
@@ -53,7 +53,7 @@
 		>
 			<div></div>
 			<div bind:this={container} class="@container/grid relative col-span-3 px-2 py-8 lg:px-8">
-				{#each data.cards.toSorted(sortItems) as item}
+				{#each data.cards.toSorted(sortItems) as item (item.id)}
 					<BaseCard {item}>
 						<Card {item} />
 					</BaseCard>