fix: patch cell target pkg stuff + refactoring

src/lib/components/atoms/ContributorPerson.svelte

@@ -6,9 +6,7 @@
 </script>
 
 <a href={url} rel="noreferrer" target="_blank">
-	<button tabindex="-1">
-		<img src={pfp} {alt} />
-	</button>
+	<img src={pfp} {alt} />
 	<h2>{name}</h2>
 </a>
 
@@ -16,32 +14,17 @@
 	a {
 		color: var(--white);
 		text-decoration: none;
-		text-align: center;
-		padding: 0.5rem 0.5rem;
+		padding: 0.5rem;
 		width: 100%;
 		transition: all 0.3s var(--bezier-one);
-		border: 1px solid var(--grey-three);
 		border-radius: 4px;
-		display:flex;
+		display: flex;
 		gap: 1rem;
 		align-items: center;
-		background-color: var(--grey-six)
+		background-color: var(--grey-six);
+		border: 1px solid var(--grey-three);
 	}
 
-	button {
-		color: var(--white);
-		border-radius: 50%;
-		overflow: hidden;
-		border: 0;
-		height: 30px;
-		width: 30px;
-		min-width: 30px;
-		min-height: 30px;
-		cursor: pointer;
-		background-color: transparent;
-		transition: transform 0.4s var(--bezier-one);
-		user-select: none;
-	}
 
 	a:hover {
 		background-color: var(--accent-color);
@@ -59,7 +42,11 @@
 	}
 
 	img {
-		height: 100%;
-		width: 100%;
+		border-radius: 50%;
+		height: 30px;
+		width: 30px;
+		background-color: var(--grey-two);
+		transition: transform 0.4s var(--bezier-one);
+		user-select: none;
 	}
 </style>

src/lib/components/molecules/ContributorHost.svelte

@@ -21,12 +21,12 @@
 	</a>
 </div>
 
-<hr/>
+<hr />
 
 <div class="contrib-host">
-	{#each contribs as contrib}
-		{#if !usersIwantToExplodeSoBadly.includes(contrib.login)}
-			<ContributorButton name={contrib.login} pfp={contrib.avatar_url} url={contrib.html_url} />
+	{#each contribs as { login, avatar_url, html_url }}
+		{#if !usersIwantToExplodeSoBadly.includes(login)}
+			<ContributorButton name={login} pfp={avatar_url} url={html_url} />
 		{/if}
 	{/each}
 </div>

src/lib/components/molecules/PatchCell.svelte

@@ -38,15 +38,21 @@
 	<div class="info-container">
 		{#each patch.compatiblePackages as pkg, i}
 			{#if current === false}
-				<h2>📦 {pkg.name}</h2>
-			{/if}
-			<!-- gets only the lastest supported version (cant get 'any' to work without duplicates help) -->
-			{#if i < pkg.versions.length - 1}
-				<h2>
-					🎯 {pkg.versions.slice(-1)[0] || 'Any'}
-				</h2>
+				<a
+					href="https://play.google.com/store/apps/details?id={pkg.name}"
+					target="_blank"
+					rel="noreferrer"
+				>
+					<h2>📦 {pkg.name}</h2>
+				</a>
 			{/if}
 		{/each}
+		<!-- should i hardcode this to get the version of the first package? idk you cant stop me -->
+		{#if patch.compatiblePackages[0].versions.length}
+			<h2>
+				🎯 {patch.compatiblePackages[0].versions.slice(-1)}
+			</h2>
+		{/if}
 
 		<h2>🧩 {patch.version}</h2>
 
@@ -88,6 +94,10 @@
 		display: flex;
 	}
 
+	a {
+		text-decoration: none;
+	}
+
 	.info-container {
 		display: flex;
 		flex-wrap: wrap;
@@ -115,7 +125,7 @@
 		transition: all 2s var(--bezier-one);
 		background-color: var(--grey-six);
 		padding: 1.5rem;
-		border-radius: 12px;
+		border-radius: 8px;
 	}
 
 	.patch-container:active {