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