refactor(control): move components from /routes to /components and /svgs

control/frontend/src/lib/components/OnlineState.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { type DisplayStatus } from '$lib/ts/types';
+	import { display_status_to_info } from '$lib/ts/utils';
+
+	let {
+		selected,
+		status,
+		className = ''
+	}: {
+		selected: boolean;
+		status: DisplayStatus;
+		className?: string;
+	} = $props();
+
+	function get_text_color(selected: boolean, status: DisplayStatus) {
+		switch (status) {
+			case 'app_online':
+				return selected ? 'text-green-700' : 'text-green-400';
+			case 'app_offline':
+				return selected ? 'text-amber-700' : 'text-amber-400';
+			case 'host_offline':
+				return selected ? 'text-red-700' : 'text-red-400';
+			default:
+				return selected ? 'text-stone-700' : 'text-stone-400';
+		}
+	}
+</script>
+
+<div class="{get_text_color(selected, status)} {className} transition-colors duration-100">
+	{display_status_to_info(status)}
+</div>