🌐 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>

frontend/src/lib/i18n/locales/en.json

@@ -299,7 +299,9 @@
         "select_upload_type": "Select the Upload Type",
         "upload_a_video": "Upload a Video",
         "upload_video_popup_notice": "The popup is open; have a look at it for further information",
-        "upload_video": "Upload Video"
+        "upload_video": "Upload Video",
+        "visit_pixabay": "Visit Pixabay",
+        "images_by_pixabay": "Images provided by Pixabay"
     },
     "avatar_settings": {
         "skin_color": "Skin color",