Svelte: Prototype CPU tab

src/lib/CpuTab.svelte

@@ -0,0 +1,4 @@
+<h1 class="text-lg font-bold">CPU</h1>
+<p>WebVM is powered by CheerpX, a x86 virtualization engine in WebAssembly</p>
+<p>CheerpX can run securely run unmodified x86 binaries and libraries in the browser</p>
+<p>For more information: <a class="text-gray-300" href="https://cheerpx.io/" target="_blank">https://cheerpx.io</a></p>

src/lib/SideBar.svelte

@@ -1,6 +1,7 @@
 <script>
 	import Icon from './Icon.svelte';
 	import NetworkingTab from './NetworkingTab.svelte';
+	import CpuTab from './CpuTab.svelte';
 
 	const icons = [
 		//{ icon: 'fas fa-info-circle', info: 'Information' },
@@ -41,6 +42,8 @@
 	<div class="flex flex-col gap-5 shrink-0 w-60 h-full z-10 p-2 bg-neutral-600 text-gray-100" class:hidden={!activeInfo}>
 		{#if activeInfo === 'Networking'}
 			<NetworkingTab on:connect/>
+		{:else if activeInfo === 'CPU'}
+			<CpuTab/>
 		{:else}
 			<p>{activeInfo}</p>
 		{/if}