small fixes

src/lib/Profile.svelte

···
 			{profileData?.displayName || handle}
 		</div>
 
-		<div class="scrollbar -mx-4 flex-grow overflow-y-scroll px-4">
+		<div class="scrollbar -mx-4 flex-grow overflow-y-scroll px-4 overflow-x-hidden">
 			<div
 				class="text-base-600 dark:text-base-400 prose dark:prose-invert prose-a:text-accent-500 prose-a:no-underline"
 			>

src/lib/helper.ts

···
 	compactItems(items, mobile);
 }
 
+// Fix all collisions between items (not just one moved item)
+// Items higher on the page have priority and stay in place
+export function fixAllCollisions(items: Item[], mobile: boolean = false) {
+	// Sort by Y position (top-to-bottom, then left-to-right)
+	// Items at the top have priority and won't be moved
+	const sortedItems = items.toSorted((a, b) =>
+		mobile ? a.mobileY - b.mobileY || a.mobileX - b.mobileX : a.y - b.y || a.x - b.x
+	);
+
+	// Process each item and push it down if it overlaps with any item above it
+	for (let i = 0; i < sortedItems.length; i++) {
+		const item = sortedItems[i];
+
+		// Clamp X to valid range
+		if (mobile) {
+			item.mobileX = clamp(item.mobileX, 0, COLUMNS - item.mobileW);
+		} else {
+			item.x = clamp(item.x, 0, COLUMNS - item.w);
+		}
+
+		// Check for collisions with all items that come before (higher priority)
+		let hasCollision = true;
+		while (hasCollision) {
+			hasCollision = false;
+			for (let j = 0; j < i; j++) {
+				const other = sortedItems[j];
+				if (overlaps(item, other, mobile)) {
+					// Push item down below the colliding item
+					if (mobile) {
+						item.mobileY = other.mobileY + other.mobileH;
+					} else {
+						item.y = other.y + other.h;
+					}
+					hasCollision = true;
+					break; // Restart collision check from the beginning
+				}
+			}
+		}
+	}
+
+	compactItems(items, mobile);
+}
+
 // Move all items up as far as possible without collisions
 export function compactItems(items: Item[], mobile: boolean = false) {
 	// Sort by Y position (top-to-bottom) so upper items settle first.

src/lib/website/load.ts

···
 import { data } from './data';
 import { CardDefinitionsByType } from '$lib/cards';
 import type { Item } from '$lib/types';
+import { compactItems, fixAllCollisions, fixCollisions } from '$lib/helper';
 
 type LoadedData = {
 	did: string;
···
 					timePassed,
 					'seconds ago'
 				);
-				return migrateData(JSON.parse(cachedResult));
+				return checkData(migrateData(JSON.parse(cachedResult)));
 			}
 		} catch (error) {
 			console.log('getting cached result failed', error);
···
 
 	await platform?.env?.USER_DATA_CACHE?.put(handle, JSON.stringify(result));
 
-	return migrateData(result);
+	return checkData(migrateData(result));
 }
 
 function migrateFromV0ToV1(data: LoadedData): LoadedData {
···
 		card.mobileH *= 2;
 		card.mobileW *= 2;
 		card.version = 1;
+	}
+
+	return data;
+}
+
+function checkData(data: LoadedData): LoadedData {
+	const cards = Object.values(data.data['app.blento.card']).map((i) => i.value) as Item[];
+
+	console.log(cards);
+	if (cards.length > 0) {
+		fixAllCollisions(cards);
+		fixAllCollisions(cards, true);
+
+		compactItems(cards);
+		compactItems(cards, true);
 	}
 
 	return data;