add report admin panel

src/lib/components/Input/Input.svelte

@@ -4,7 +4,7 @@
 
 	export let id: string | null = null;
 	export let name: string | null = null;
-	export let type: string;
+	export let type = 'text';
 	export let value: string | null = null;
 	export let placeholder: string | null = null;
 	export let required = false;

src/lib/components/Input/Select.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
-	export let id: string;
+	import { createEventDispatcher } from 'svelte';
+
+	export let id: string | null = null;
 	export let name: string | null = null;
-	export let value: string | null = null;
+	export let value: any | null = null;
 	export let label: string | null = null;
 	export let notice: string | null = null;
 	export let required = false;

src/lib/components/Input/Textarea.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+
 	export let id: string | null = null;
 	export let name: string | null = null;
 	export let value: string | null = null;
@@ -6,8 +8,11 @@
 	export let notice: string | null = null;
 	export let required = false;
 	export let disabled = false;
+	export let readonly = false;
 	export let size: 'xs' | 'sm' | 'md' | 'lg' = 'md';
 	export let rows = 2;
+
+	const dispatch = createEventDispatcher();
 </script>
 
 <div>
@@ -22,17 +27,20 @@
 		</label>
 	{/if}
 	<textarea
-		class="textarea textarea-bordered w-full"
+		class="textarea w-full"
 		class:textarea-xs={size === 'xs'}
 		class:textarea-sm={size === 'sm'}
 		class:textarea-md={size === 'md'}
 		class:textarea-lg={size === 'lg'}
+		class:textarea-bordered={!readonly}
 		{id}
 		{name}
 		{required}
 		{disabled}
+		{readonly}
 		{rows}
 		bind:value
+		on:click={(e) => dispatch('click', e)}
 	/>
 	{#if notice}
 		<label class="label" for={id}>