styling update

src/App.vue

@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import Game from '@/components/Game.vue'
 import Login from '@/components/screens/Login.vue'
-import { onMounted, type Ref, ref } from 'vue'
+import { onMounted, onUnmounted, type Ref, ref } from 'vue'
 import SocketioService from '@/services/socketio.service';
 
 const screen:Ref<string> = ref('login');
@@ -15,4 +15,8 @@ const screen:Ref<string> = ref('login');
 onMounted(() => {
   SocketioService.setupSocketConnection();
 });
+
+onUnmounted(() => {
+  SocketioService.disconnect();
+});
 </script>