guh download selection buttons work

Co-authored-by: sn <baiorett@koisu.ru>

src/lib/components/molecules/DownloadSelectionHost.svelte

@@ -1,12 +1,25 @@
 <script>
 	import DownloadSelection from '../atoms/DownloadSelection.svelte';
+	import { createEventDispatcher } from 'svelte';
+
+	const dispatch = createEventDispatcher();
+
+	export let items = ['Manager', 'CLI', 'Patches', 'Integrations'];
+
+	export let activeTab = 'Manager';
+
+	$: handleTabChange = (item) => {
+		activeTab = item;
+	};
 </script>
 
 <div class="download-selection">
-    <DownloadSelection>Manager</DownloadSelection>
-    <DownloadSelection>CLI</DownloadSelection>
-    <DownloadSelection>Patches</DownloadSelection>
-    <DownloadSelection>Integrations</DownloadSelection>
+	{#each items as item}
+		<DownloadSelection active={item === activeTab} 
+			on:click={handleTabChange(item)}>
+				{item}
+		</DownloadSelection>
+	{/each}
 </div>
 
 <style>
@@ -15,7 +28,6 @@
 		border-radius: 200px;
 		display: flex;
 		justify-content: space-between;
-
 		padding: 8px 8px;
 	}
 </style>