refactor: remove unused components, minor tweaks

src/lib/components/atoms/Button.svelte

@@ -22,6 +22,8 @@
 		border-radius: 16px;
 	}
 	div, .button-secondary {
+		height: 60px;
+		width: max-content;
 		color: var(--white);
 		font-weight: 600;
 		border: none;

src/lib/components/atoms/DownloadSelector.svelte

@@ -1,85 +0,0 @@
-<script>
-    import Button from '$lib/components/atoms/Button.svelte';
-</script>
-
-<div class="download-selection">
-    <h1>2.5.0</h1>
-    <h4>2022-07-11</h4>
-    <div class="info">
-        <h3>Features</h3>
-        <ul>
-            <li><h5>feature request issue template <a href="https://github.com/revanced/revanced-patcher/commit/112bc998f4761a647cb9eab7454e35264fa96fd9">(1b39278)</a></h5></li>
-            <li><h5>issue templates [skip ci] <a href="https://github.com/revanced/revanced-patcher/commit/112bc998f4761a647cb9eab7454e35264fa96fd9">(112bc99)</a></h5></li>
-        </ul>
-        <h3>Bug Fixes</h3>
-        <ul>
-            <li><h5>missing additional items [skip ci] <a href="https://github.com/revanced/revanced-patcher/commit/0ebab8bf598d993df6e340651205cba48f1ef725">(0ebab8b)</a></h5></li>
-        </ul>
-    </div>
-    <div class="button">
-        <Button>Download</Button>
-    </div>
-</div>
-
-<style>
-	.download-selection {
-		background-color: var(--grey-two);
-		border-radius: 12px;
-        justify-content: center;
-		height:100%;
-        min-width:300px;
-	}
-
-    h1 {
-        text-align: center;
-        padding-top: 1.4rem;
-        font-weight: 700;
-    }
-    
-    h3 {
-        text-align: left;
-        display:inline-block;
-        border-radius: 200px;
-        margin-left: 1rem;
-        padding: 0.4rem 0.75rem;
-        background-color: var(--grey-three);
-    }
-
-    h4 {
-        text-align: center;
-    }
-    
-
-
-    .info{
-        margin-top: 1rem;
-        margin-right: 0.5rem;
-        padding-bottom: 1.5rem;
-        height:30vh;
-        overflow-y: scroll;
-        -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent);
-    }
-
-    ul {
-        margin-top: 0.5rem;
-        margin-left:3rem;
-        margin-bottom:1rem;
-        line-height: 1.5rem;
-    }
-
-    li {
-        color:var(--white);
-    }
-
-    ul a {
-        text-decoration: none;
-        color:var(--red);
-    }
-
-    .button {
-        display:flex;
-        justify-content: center;
-        padding: 1.5rem 0;
-    }
-
-</style>

src/lib/components/atoms/HeroImage.svelte

@@ -14,8 +14,8 @@
 	}
 	.hero-img {
 		overflow: hidden;
-		height: 80vh;
-		max-height: 80rem;
+		height: 70vh;
+		max-height: 70rem;
 		z-index: -1;
 		width: auto;
 		float: right;

src/lib/components/atoms/Navigation.svelte

@@ -42,6 +42,6 @@
 
 	li.selected	 {
 		background-color: var(--grey-three);
-		color: var(--white)
+		color: var(--red)
 	}
 </style>

src/lib/components/molecules/DownloadSelectorHost.svelte

@@ -1,31 +0,0 @@
-<script>
-    import DownloadSelector from "../atoms/DownloadSelector.svelte";
-</script>
-
-<div class="main">
-    <DownloadSelector></DownloadSelector>
-    <DownloadSelector></DownloadSelector>
-    <DownloadSelector></DownloadSelector>
-    <DownloadSelector></DownloadSelector>
-    <DownloadSelector></DownloadSelector>
-    <DownloadSelector></DownloadSelector>
-    <DownloadSelector></DownloadSelector>
-</div>
-
-<style>
-    .recent, .main {
-        background-color: var(--grey-one);
-        margin-top: 2rem;
-        padding: 0.75rem 0.75rem;
-        border-radius: 16px;
-    }
-
-    .main {
-        gap:0.9rem;
-        display:grid;
-        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
-        grid-auto-flow: column;
-        overflow-x: scroll;
-        -webkit-mask-image: linear-gradient(#ffffff, #e66869);
-    }
-</style>