📜 Makes data sync more seamless

app/src/App.svelte

@@ -6,7 +6,7 @@
 	import Controller from './routes/Controller.svelte';
 	import { fileService } from '$lib/services';
 	import Settings from './routes/Settings.svelte';
-	import { jointNames, model } from '$lib/store';
+	import { jointNames, model, outControllerData } from '$lib/store';
 	import { loadModelAsync } from '$lib/utilities';
 	import { socketLocation } from '$lib/utilities';
 	import type { Result } from '$lib/utilities/result';
@@ -14,6 +14,7 @@
 	export let url = window.location.pathname;
 	onMount(async () => {
 		socketService.connect(socketLocation);
+		socketService.addPublisher(outControllerData);
 		registerFetchIntercept();
 		const modelRes = await loadModelAsync('/spot_micro.urdf.xacro');