fix: consistent style of radio/checkboxes with the hub (#319)

Author: krampstudio

js/src/lib/components/InferenceWidget/shared/WidgetCheckbox/WidgetCheckbox.svelte

@@ -10,7 +10,7 @@
 	<svelte:fragment slot="before">
 		<input
 			bind:checked
-			class="rounded bg-gray-200 border-transparent focus:border-transparent text-blue-500 focus:ring-1 focus:ring-offset-2 focus:ring-gray-200 mr-2"
+			class="rounded bg-gray-200 dark:bg-gray-700 border-transparent text-blue-500 focus:ring-1 focus:ring-offset-2 focus:ring-blue-200 dark:focus:ring-gray-500 dark:focus:ring-offset-gray-925 cursor-pointer checked:bg-blue-500 dark:checked:bg-blue-500 mr-2"
 			type="checkbox"
 		/>
 	</svelte:fragment>

js/src/lib/components/InferenceWidget/shared/WidgetRadio/WidgetRadio.svelte

@@ -12,7 +12,7 @@
 	<svelte:fragment slot="before">
 		<input
 			bind:group
-			class="bg-gray-200 dark:bg-gray-700 shadow-inner border-transparent focus:border-transparent text-blue-500 ring-1 ring-offset-2 ring-gray-200 dark:ring-gray-700 mr-2"
+			class="border-gray-300 dark:border-gray-700 focus:border-gray-300 hover:border-gray-300 focus:ring-1 focus:ring-offset-2 focus:ring-blue-200 dark:focus:ring-gray-500 dark:focus:ring-offset-gray-925 cursor-pointer checked:text-blue-500 mr-2"
 			on:change={onChange}
 			type="radio"
 			{value}