Refactor user ID handling to use UUIDs; update related components and serializers for consistency

frontend/src/lib/components/AdventureCard.svelte

@@ -167,7 +167,7 @@
 		<div class="card-actions justify-end mt-2">
 			<!-- action options dropdown -->
 			{#if type != 'link'}
-				{#if adventure.user_id == user?.pk || (collection && user && collection.shared_with.includes(user.uuid))}
+				{#if adventure.user_id == user?.uuid || (collection && user && collection.shared_with.includes(user.uuid))}
 					<div class="dropdown dropdown-end">
 						<div tabindex="0" role="button" class="btn btn-neutral-200">
 							<DotsHorizontal class="w-6 h-6" />
@@ -188,7 +188,7 @@
 							</button>
 
 							<!-- remove from collection -->
-							{#if adventure.collection && user?.pk == adventure.user_id}
+							{#if adventure.collection && user?.uuid == adventure.user_id}
 								<button class="btn btn-neutral mb-2" on:click={removeFromCollection}
 									><LinkVariantRemove class="w-6 h-6" />{$t(
 										'adventures.remove_from_collection'

frontend/src/lib/components/AdventureModal.svelte

@@ -52,7 +52,14 @@
 		location: null,
 		images: [],
 		user_id: null,
-		collection: collection?.id || null
+		collection: collection?.id || null,
+		category: {
+			id: '',
+			name: '',
+			display_name: '',
+			icon: '',
+			user_id: ''
+		}
 	};
 
 	export let adventureToEdit: Adventure | null = null;
@@ -73,7 +80,14 @@
 		user_id: adventureToEdit?.user_id || null,
 		collection: adventureToEdit?.collection || collection?.id || null,
 		visits: adventureToEdit?.visits || [],
-		is_visited: adventureToEdit?.is_visited || false
+		is_visited: adventureToEdit?.is_visited || false,
+		category: adventureToEdit?.category || {
+			id: '',
+			name: '',
+			display_name: '',
+			icon: '',
+			user_id: ''
+		}
 	};
 
 	let markers: Point[] = [];

frontend/src/lib/components/CategoryFilterDropdown.svelte

@@ -53,7 +53,7 @@
 						on:change={() => toggleSelect(type.name)}
 						checked={types.indexOf(type.name) > -1}
 					/>
-					<span>{type.display_name + ' ' + type.icon}</span>
+					<span>{type.display_name + ' ' + type.icon + ` (${type.num_adventures})`}</span>
 				</label>
 			</li>
 		{/each}

frontend/src/lib/components/ChecklistCard.svelte

@@ -56,7 +56,7 @@
 			<button class="btn btn-neutral-200 mb-2" on:click={editChecklist}>
 				<Launch class="w-6 h-6" />{$t('notes.open')}
 			</button>
-			{#if checklist.user_id == user?.pk || (collection && user && collection.shared_with.includes(user.uuid))}
+			{#if checklist.user_id == user?.uuid || (collection && user && collection.shared_with.includes(user.uuid))}
 				<button
 					id="delete_adventure"
 					data-umami-event="Delete Checklist"

frontend/src/lib/components/ChecklistModal.svelte

@@ -34,7 +34,7 @@
 				name: newItem,
 				is_checked: newStatus,
 				id: '',
-				user_id: 0,
+				user_id: '',
 				checklist: 0,
 				created_at: '',
 				updated_at: ''
@@ -135,7 +135,7 @@
 			<p class="font-semibold text-md mb-2">{$t('checklist.editing_checklist')} {initialName}</p>
 		{/if}
 
-		{#if (checklist && user?.pk == checklist?.user_id) || (user && collection && collection.shared_with.includes(user.uuid)) || !checklist}
+		{#if (checklist && user?.uuid == checklist?.user_id) || (user && collection && collection.shared_with.includes(user.uuid)) || !checklist}
 			<form on:submit|preventDefault>
 				<div class="form-control mb-2">
 					<label for="name">{$t('adventures.name')}</label>

frontend/src/lib/components/NewCollection.svelte

@@ -8,7 +8,7 @@
 	import Calendar from '~icons/mdi/calendar';
 
 	let newCollection: Collection = {
-		user_id: NaN,
+		user_id: '',
 		id: '',
 		name: '',
 		description: '',

frontend/src/lib/components/NoteCard.svelte

@@ -59,7 +59,7 @@
 			<button class="btn btn-neutral-200 mb-2" on:click={editNote}>
 				<Launch class="w-6 h-6" />{$t('notes.open')}
 			</button>
-			{#if note.user_id == user?.pk || (collection && user && collection.shared_with.includes(user.uuid))}
+			{#if note.user_id == user?.uuid || (collection && user && collection.shared_with.includes(user.uuid))}
 				<button
 					id="delete_adventure"
 					data-umami-event="Delete Adventure"

frontend/src/lib/components/NoteModal.svelte

@@ -113,7 +113,7 @@
 			<p class="font-semibold text-md mb-2">{$t('notes.editing_note')} {initialName}</p>
 		{/if}
 
-		{#if (note && user?.pk == note?.user_id) || (collection && user && collection.shared_with.includes(user.uuid)) || !note}
+		{#if (note && user?.uuid == note?.user_id) || (collection && user && collection.shared_with.includes(user.uuid)) || !note}
 			<form on:submit|preventDefault>
 				<div class="form-control mb-2">
 					<label for="name">{$t('adventures.name')}</label>

frontend/src/lib/components/TransportationCard.svelte

@@ -59,7 +59,7 @@
 			{/if}
 		</div>
 
-		{#if transportation.user_id == user?.pk || (collection && user && collection.shared_with.includes(user.uuid))}
+		{#if transportation.user_id == user?.uuid || (collection && user && collection.shared_with.includes(user.uuid))}
 			<div class="card-actions justify-end">
 				<button on:click={deleteTransportation} class="btn btn-secondary"
 					><TrashCanOutline class="w-5 h-5 mr-1" /></button

frontend/src/lib/types.ts

@@ -13,7 +13,7 @@ export type User = {
 
 export type Adventure = {
 	id: string;
-	user_id: number | null;
+	user_id: string | null;
 	type: string;
 	name: string;
 	location?: string | null;
@@ -43,7 +43,7 @@ export type Adventure = {
 		name: string;
 		display_name: string;
 		icon: string;
-		user_id: number;
+		user_id: string;
 	};
 };
 
@@ -69,7 +69,7 @@ export type Region = {
 export type VisitedRegion = {
 	id: number;
 	region: number;
-	user_id: number;
+	user_id: string;
 	longitude: number;
 	latitude: number;
 	name: string;
@@ -87,7 +87,7 @@ export type Point = {
 
 export type Collection = {
 	id: string;
-	user_id: number;
+	user_id: string;
 	name: string;
 	description: string;
 	is_public: boolean;
@@ -122,7 +122,7 @@ export type OpenStreetMapPlace = {
 
 export type Transportation = {
 	id: string;
-	user_id: number;
+	user_id: string;
 	type: string;
 	name: string;
 	description: string | null;
@@ -141,7 +141,7 @@ export type Transportation = {
 
 export type Note = {
 	id: string;
-	user_id: number;
+	user_id: string;
 	name: string;
 	content: string | null;
 	links: string[] | null;
@@ -154,7 +154,7 @@ export type Note = {
 
 export type Checklist = {
 	id: string;
-	user_id: number;
+	user_id: string;
 	name: string;
 	items: ChecklistItem[];
 	date: string | null; // ISO 8601 date string
@@ -166,7 +166,7 @@ export type Checklist = {
 
 export type ChecklistItem = {
 	id: string;
-	user_id: number;
+	user_id: string;
 	name: string;
 	is_checked: boolean;
 	checklist: number;
@@ -193,5 +193,6 @@ export type Category = {
 	name: string;
 	display_name: string;
 	icon: string;
-	user_id: number;
+	user_id: string;
+	num_adventures: number;
 };

frontend/src/routes/adventures/+page.svelte

@@ -15,7 +15,6 @@
 	console.log(data);
 
 	let adventures: Adventure[] = data.props.adventures || [];
-	let categories: Category[] = data.props.categories || [];
 
 	let currentSort = {
 		order_by: '',
@@ -36,14 +35,13 @@
 	let typeString: string = '';
 
 	$: {
-		console.log(typeString);
-		if (typeof window !== 'undefined' && typeString) {
+		if (typeof window !== 'undefined') {
 			let url = new URL(window.location.href);
-			url.searchParams.set('types', typeString);
-			goto(url.toString(), { invalidateAll: true, replaceState: true });
-		} else if (typeof window !== 'undefined' && !typeString) {
-			let url = new URL(window.location.href);
-			url.searchParams.set('types', 'all');
+			if (typeString) {
+				url.searchParams.set('types', typeString);
+			} else {
+				url.searchParams.delete('types');
+			}
 			goto(url.toString(), { invalidateAll: true, replaceState: true });
 		}
 	}

frontend/src/routes/adventures/[id]/+page.svelte

@@ -82,7 +82,7 @@
 {/if}
 
 {#if adventure}
-	{#if data.user && data.user.pk == adventure.user_id}
+	{#if data.user && data.user.uuid == adventure.user_id}
 		<div class="fixed bottom-4 right-4 z-[999]">
 			<button class="btn m-1 size-16 btn-primary" on:click={() => (isEditModalOpen = true)}
 				><ClipboardList class="w-8 h-8" /></button

frontend/src/routes/collections/[id]/+page.svelte

@@ -263,7 +263,7 @@
 	</div>
 {/if}
 {#if collection}
-	{#if data.user && !collection.is_archived}
+	{#if data.user && data.user.uuid && (data.user.uuid == collection.user_id || collection.shared_with.includes(data.user.uuid)) && !collection.is_archived}
 		<div class="fixed bottom-4 right-4 z-[999]">
 			<div class="flex flex-row items-center justify-center gap-4">
 				<div class="dropdown dropdown-top dropdown-end">
@@ -275,7 +275,7 @@
 						tabindex="0"
 						class="dropdown-content z-[1] menu p-4 shadow bg-base-300 text-base-content rounded-box w-52 gap-4"
 					>
-						{#if collection.user_id === data.user.pk}
+						{#if collection.user_id === data.user.uuid}
 							<p class="text-center font-bold text-lg">{$t('adventures.link_new')}</p>
 							<button
 								class="btn btn-primary"

frontend/src/routes/search/+page.svelte

@@ -41,13 +41,13 @@
 			publicAdventures = data.props.adventures;
 
 			if (data.user?.pk != null) {
-				myAdventures = myAdventures.filter((adventure) => adventure.user_id === data.user?.pk);
+				myAdventures = myAdventures.filter((adventure) => adventure.user_id === data.user?.uuid);
 			} else {
 				myAdventures = [];
 			}
 
 			publicAdventures = publicAdventures.filter(
-				(adventure) => adventure.user_id !== data.user?.pk
+				(adventure) => adventure.user_id !== data.user?.uuid
 			);
 
 			if (data.props.osmData) {