ux updates

src/lib/components/custom/item-listing.svelte

@@ -40,8 +40,8 @@
 
 </script>
 
-<div
-	class="h-full bg-card text-card-foreground flex flex-col gap-2 rounded-xl border shadow-sm max-w-sm overflow-hidden min-w-2xs">
+<button type="button"
+	class="text-left h-full bg-card text-card-foreground flex flex-col gap-2 rounded-xl border shadow-sm max-w-sm overflow-hidden min-w-2xs" onclick={() => {claimCallback(item)}}>
 	{#if item.image}
 		<img src="https://fbla26.marinodev.com/uploads/{item.id}.jpg" class="object-cover min-h-48 max-h-48"
 				 alt="Lost item">
@@ -83,10 +83,7 @@
 				<Tooltip.Provider>
 					<Tooltip.Root>
 						<Tooltip.Trigger>
-							<div class="mt-2 text-muted-foreground flex">
-								<LocationIcon class="float-left mr-1" size={24} />
-								<div>{item.foundLocation}</div>
-							</div>
+							<span class="mt-2 flex"><strong class="mr-1">Found at:</strong> {item.foundLocation}</span>
 						</Tooltip.Trigger
 						>
 						<Tooltip.Content>
@@ -152,5 +149,5 @@
 
 	</div>
 
-</div>
+</button>