🌐 Added translation and attribution to Pixabay importer

frontend/src/lib/editor/uploader/Pixabay.svelte

@@ -53,19 +53,24 @@
 	{:else}
 		<div class="flex w-screen p-8 h-full mt-8 mb-1">
 			<div
-				class="flex flex-col w-1/3 m-auto overflow-scroll h-full rounded p-4 gap-4 bg-white dark:bg-gray-700"
+				class="flex flex-col w-1/3 m-auto overflow-scroll h-full rounded p-4 gap-2 bg-white dark:bg-gray-700"
 			>
-				<div class="w-full flex gap-2">
+				<h1 class="text-2xl text-center">{$t('uploader.images_by_pixabay')}</h1>
+				<a href="https://pixabay.com" target="_blank" class="underline text-center"
+					>{$t('uploader.visit_pixabay')}</a
+				>
+				<form
+					class="w-full flex gap-2"
+					on:submit|preventDefault={() => (fetched_data = fetch_data())}
+				>
 					<input
 						class="w-full outline-none p-1 rounded bg-gray-500"
 						bind:value={search_term}
 					/>
 					<div class="w-fit">
-						<BrownButton on:click={() => (fetched_data = fetch_data())}
-							>Search</BrownButton
-						>
+						<BrownButton type="submit">{$t('words.search')}</BrownButton>
 					</div>
-				</div>
+				</form>
 				{#each data.hits as image}
 					<div class="rounded border-2 border-[#B07156] p-2 flex-col flex gap-2">
 						<div>