added mapped cursor position

src/routes/scene/+page.svelte

@@ -2,7 +2,7 @@
   import { cursorPositionOnScreen } from "../../channels/cursor";
 </script>
 
-<div class="w-svw h-svh p-4">
+<div class="w-svw h-svh p-4 relative">
   <div
     class="size-max mx-auto bg-base-100 border-base-200 border px-4 py-3 rounded-xl"
   >
@@ -10,9 +10,14 @@
       <p class="text-xl">Friendolls</p>
       <p class="text-sm opacity-50">Scene Screen</p>
       <div class="mt-4">
-        <span class="font-mono"
-          >Cursor: ({$cursorPositionOnScreen.x}, {$cursorPositionOnScreen.y})</span
-        >
+        <span class="font-mono">
+          Cursor: ({$cursorPositionOnScreen.raw.x}, {$cursorPositionOnScreen.raw
+            .y})
+        </span>
+        <span class="font-mono">
+          Cursor: ({$cursorPositionOnScreen.mapped.x}, {$cursorPositionOnScreen
+            .mapped.y})
+        </span>
       </div>
     </div>
   </div>