refactor: add more comments

src/lib/components/atoms/TerminalWindow.svelte

@@ -1,29 +0,0 @@
-<div class="terminal-container">
-hhh
-</div>
-
-<style>
-    .terminal-container {
-        padding: 1rem;
-        height: 500px;
-        width: 700px;
-        background-color: var(--grey-six);
-        position: fixed;
-        z-index: -2;
-		backdrop-filter: blur(10px);
-		-webkit-backdrop-filter: blur(10px);    
-        right: 100px;
-        border-radius: 1rem;
-        border: 1px solid var(--grey-three)
-    }
-
-    @media (max-width: 1700px) {
-		.terminal-container {
-			position: fixed;
-			height: 100vh;
-            overflow: hidden;
-			top: 115px;
-			right: 6rem;
-		}
-	}
-</style>

src/lib/components/atoms/TreeMenuButton.svelte

@@ -1,14 +1,15 @@
 <script lang="ts">
-	export let current: string | boolean;
+	export let selectedPkg: string | boolean;
 	export let name: string;
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
 	class="package"
-	class:selected={current === name}
+	class:selected={selectedPkg === name}
 	on:click={() =>
-		(current = current === name ? false : name) && window.scrollTo({ top: 0, behavior: 'smooth' })}
+		(selectedPkg = selectedPkg === name ? false : name) &&
+		window.scrollTo({ top: 0, behavior: 'smooth' })}
 >
 	<h5>{name}</h5>
 </div>

src/lib/components/molecules/ContributorHost.svelte

@@ -2,7 +2,7 @@
 	import type { Contributor } from 'src/data/types';
 	import ContributorButton from '../atoms/ContributorPerson.svelte';
 
-	export let contribs: Contributor[];
+	export let contributors: Contributor[];
 	export let repo: string;
 
 	let repo_name = repo
@@ -12,6 +12,7 @@
 		.replace(/api/g, 'API')
 		.replace(/(?:^|\s)\S/g, (x) => x.toUpperCase());
 
+	// Yes
 	let usersIwantToExplodeSoBadly = ['semantic-release-bot'];
 </script>
 
@@ -24,7 +25,7 @@
 <hr />
 
 <div class="contrib-host">
-	{#each contribs as { login, avatar_url, html_url }}
+	{#each contributors as { login, avatar_url, html_url }}
 		{#if !usersIwantToExplodeSoBadly.includes(login)}
 			<ContributorButton name={login} pfp={avatar_url} url={html_url} />
 		{/if}

src/lib/components/molecules/PatchCell.svelte

@@ -4,7 +4,6 @@
 	import type { CompatiblePackage, Patch } from 'src/data/types';
 
 	export let patch: Patch;
-	export let current;
 	const hasPatchOptions = !!patch.options.length;
 	let expanded: boolean = false;
 </script>
@@ -109,7 +108,7 @@
 		transition: all 2s var(--bezier-one);
 		background-color: var(--grey-six);
 		padding: 1.25rem;
-		border-radius: 8px;
+		border-radius: 12px;
 	}
 
 	.patch-container:active {