🚸 Added note if no quizzes are found

frontend/src/routes/search.svelte

@@ -69,6 +69,7 @@
 </div>
 
 {#if resp_data}
+	{#if resp_data.hits.length !== 0}
 		<div class="grid grid-cols-3">
 			{#each resp_data.hits as quiz}
 				<div class="flex justify-center">
@@ -82,7 +83,9 @@
 								<h2 class="text-gray-800 text-3xl font-semibold">
 									{@html quiz._formatted.title}
 								</h2>
-							<p class="mt-2 text-gray-600">{@html quiz._formatted.description}</p>
+								<p class="mt-2 text-gray-600">
+									{@html quiz._formatted.description}
+								</p>
 							</div>
 							<div class="flex mt-4">
 								<span>Made by {@html quiz._formatted.user}</span>
@@ -92,6 +95,20 @@
 				</div>
 			{/each}
 		</div>
+	{:else}
+		<div class="flex justify-center">
+			<h1 class="text-4xl">There is nothing here...</h1>
+		</div>
+		<div class="flex justify-center">
+			<p>
+				Not finding what you are looking for? Search on <a
+					class="underline"
+					href="https://create.kahoot.it/discover">KAHOOT!</a
+				>
+				and <a href="/import" class="underline">Import</a> it!
+			</p>
+		</div>
+	{/if}
 {/if}
 
 <style lang="scss">