fix: infinite render issue in radar and do some code cleanup

src/components/Radar.vue

@@ -432,7 +432,7 @@
                 top: coord.y,
             }"
             class="absolute -translate-x-1/2 -translate-y-1/2"
-            :name="useId()"
+            :name="coord.id"
         />
     </div>
 </template>
@@ -455,6 +455,11 @@ interface AvatarCoord {
      * y coord as `npx`
      */
     y: string;
+
+    /**
+     * Id for the coord
+     */
+    id: string;
 }
 
 const coords = ref<AvatarCoord[]>([]);
@@ -471,11 +476,13 @@ function getAllAvatarCoords(el: HTMLElement) {
     for (const point of points.values()) {
         const { x, y } = point.getBoundingClientRect();
 
-        coords.push({ x: `${Math.round(x)}px`, y: `${Math.round(y)}px` });
+        coords.push({
+            x: `${Math.round(x)}px`,
+            y: `${Math.round(y)}px`,
+            id: useId(),
+        });
     }
 
-    console.log("coordinates: ", coords);
-
     // return coords;
 
     return coords.filter((__, index) => {

src/pages/ListSpacesPage.vue

@@ -88,7 +88,6 @@ function closeCreateSpaceModal() {
 const router = useRouter();
 
 function createSpace(name: string) {
-    console.log("space: ", name);
     router.push({ name: "space", params: { name: name } });
 }
 </script>

src/pages/SpacePage.vue

@@ -15,7 +15,7 @@
             </div>
 
             <div class="flex justify-center">
-                <FilePicker @select="console.log($event)">
+                <FilePicker>
                     <AppButton label="add file" variant="rounded">
                         <PlusIcon class="h-8 w-auto" />
                     </AppButton>