fix: user ui credential inputs styling (#1674)

* fix: user ui credential inputs styling

* feat: render markdown as html for credential auth prompts

ui/admin/app/components/chat/Message.tsx

@@ -18,7 +18,6 @@ import { Button } from "~/components/ui/button";
 import {
 	Dialog,
 	DialogContent,
-	DialogDescription,
 	DialogHeader,
 	DialogTitle,
 	DialogTrigger,
@@ -263,7 +262,7 @@ export function PromptMessage({
 							<DialogTitle>{getCtaText()}</DialogTitle>
 						</DialogHeader>
 
-						<DialogDescription>{prompt.message}</DialogDescription>
+						<Markdown>{prompt.message}</Markdown>
 
 						<PromptAuthForm
 							prompt={prompt}

ui/user/src/lib/components/messages/Message.svelte

@@ -258,20 +258,26 @@
 				}
 			}}
 		>
-			<p>{msg.message}</p>
+			{@html toHTMLFromMarkdown(msg.message.join('\n'))}
+
 			{#each msg.fields as field}
 				<div class="flex flex-col gap-1">
 					<label for={field.name} class="text-sm font-medium">{field.name}</label>
 					<input
-						class="rounded-lg border border-gray-300 p-2"
+						class="rounded-lg bg-gray-100 p-2 outline-none dark:bg-gray-900"
 						type={field.sensitive ? 'password' : 'text'}
 						name={field.name}
 						bind:value={promptCredentials[field.name]}
 					/>
 				</div>
 			{/each}
 
-			<button type="submit">Submit</button>
+			<button
+				class="self-end rounded-full px-4 py-2 text-black hover:bg-gray-500 hover:text-white dark:text-white"
+				type="submit"
+			>
+				Submit
+			</button>
 		</form>
 	{/if}
 {/snippet}