fix abuseipdb badge position and akischanges

Signed-off-by: Odyssey346 <odyssey346@disroot.org>

src/lib/Footer.svelte

@@ -4,6 +4,7 @@
 
 <footer>
 	{#if $page.url.pathname === "/"}
+	<div class="badge">
 		<a
 			href="https://www.abuseipdb.com/user/82331"
 			title="AbuseIPDB is an IP address blacklist for webmasters and sysadmins to report IP addresses engaging in abusive behavior on their networks"
@@ -14,9 +15,10 @@
 				alt="AbuseIPDB Contributor Badge"
 			/>
 		</a>
+	</div>
 	{/if}
 	<div class="content">
-		<span>© 2021 - present, Project Segfault team</span>
+		<span>© 2021 - present, Project Segfault <a href="/team">team</a></span>
 		<span>Made with <a href="https://kit.svelte.dev/">SvelteKit</a> and released under the <a href="https://opensource.org/licenses/MIT/">MIT license</a>.</span>
 	</div>
 </footer>
@@ -45,6 +47,13 @@
 		text-align: center;
 	}
 
+    .badge {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+    }
+
 	img {
 		width: 270px;
 		background: var(--accent-primary);

src/routes/index.svelte

@@ -2,6 +2,7 @@
     import SvelteSeo from "svelte-seo";
 
     let description: string = "7 idiots, 2 OVH vpses, a BuyVM 1024 Slice, a Sun server and a Hitachi Compute Rack.";
+    import IconMoneyBill from "~icons/fa6-solid/money-bill";
 </script>
 
 <SvelteSeo
@@ -17,6 +18,7 @@
     <div class="buttons">
         <a href="https://instances.projectsegfau.lt/">Explore our services</a>
         <a href="/projects">Explore our projects</a>
+        <a href="/donate"><IconMoneyBill /> Donate</a>
     </div>
 </div>
 
@@ -59,10 +61,13 @@
     a {
         text-decoration: none;
         background-color: var(--accent-primary);
-        padding: 1rem;
+        padding: 8px 1em 8px 1em;
         color: var(--primary);
         border-radius: 10px;
         transition: filter .25s;
+        display: flex;
+        align-items: center;
+        gap: 4px;
     }
 
     a:hover {