add ability to set reported user after report creation (#17)

src/lib/components/Input/Select.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
 	// eslint-disable-next-line no-undef
+	import { createEventDispatcher } from 'svelte';
+
 	type T = $$Generic;
 
 	export let id: string | null = null;
@@ -10,6 +12,9 @@
 	export let required = false;
 	export let disabled = false;
 	export let size: 'xs' | 'sm' | 'md' | 'lg' = 'md';
+	export let pickyWidth = true;
+
+	let dispatch = createEventDispatcher();
 </script>
 
 <div>
@@ -24,7 +29,8 @@
 		</label>
 	{/if}
 	<select
-		class="select select-bordered w-[100%] sm:max-w-[16rem]"
+		class="select select-bordered w-[100%]"
+		class:sm:max-w-[16rem]={pickyWidth}
 		class:select-xs={size === 'xs'}
 		class:select-sm={size === 'sm'}
 		class:select-md={size === 'md'}
@@ -34,6 +40,7 @@
 		{required}
 		{disabled}
 		bind:value
+		on:change={(e) => dispatch('change', { value: value })}
 	>
 		<slot />
 	</select>