✨ Added Donate-thing in footer.svelte

frontend/src/lib/footer.svelte

@@ -1,18 +1,25 @@
-<footer class="text-center text-white border-black">
+<footer class='text-center text-white border-black'>
-	<div class="text-center p-4 bg-gray-700">
+	<div class='text-center pt-4 bg-gray-700'>
 		Made with ❤️ by
 		<a
-			href="https://mawoka.eu?utm_source=ClassQuiz&utm_medium=footer"
+			href='https://mawoka.eu?utm_source=ClassQuiz&utm_medium=footer'
-			class="hover:underline bg-clip-text text-transparent bg-gradient-to-r from-[#009444] via-[#39b54a] to-[#8dc63f]"
+			target='_blank'
-			>Mawoka</a
+			class='hover:underline bg-clip-text text-transparent bg-gradient-to-r from-[#009444] via-[#39b54a] to-[#8dc63f]'
+		>Mawoka</a
 		>
 		and with the help of
-		<a href="/docs/attribution" class="underline text-blue-300 hover:text-blue-500 transition"
+		<a href='/docs/attribution' class='underline text-blue-300 hover:text-blue-500 transition'
-			>others</a
+		>others</a
 		>.
 	</div>
-	<div class="flex justify-center bg-gray-700 border-t-2 border-t-white">
+	<div class='text-center bg-gray-700 pb-2'>
-		<p class="text-gray-400 text-center">
+		<p>If you find this useful, please consider <a href='https://mawoka.eu/donate' target='_blank'
+													   class='underline text-blue-300 hover:text-blue-500 transition'>Donating</a>.
+			<a href='https://mawoka.eu/donate' target='_blank'
+			   class='underline text-blue-300 hover:text-blue-500 transition'>More details are here.</a></p>
+	</div>
+	<div class='flex justify-center bg-gray-700 border-t-2 border-t-white'>
+		<p class='text-gray-400 text-center'>
 			<i>Kahoot! and the K! logo are trademarks of Kahoot! AS</i>
 		</p>
 	</div>