SY-3833: Address review comments

- ZERO_LEGEND in client/schematic/client.ts: add px units to position
  so sticky.toCSS doesn't fall back to the percent path and render the
  legend at 5000%.
- useLoadRemote in console/schematic/Schematic.tsx: include
  remoteCreated: true in the action payload so the sync component
  doesn't re-create an already-existing schematic on every server push.
- Schematic.create call sites in services/ontology.tsx (×2),
  services/link.ts, workspace/services/ontology.tsx, and
  range/overview/Snapshots.tsx: pass remoteCreated: true when
  spreading a server Schematic to avoid the same redundant re-create.

Author: emilbon99

client/ts/src/schematic/client.ts

@@ -146,7 +146,7 @@ export class Client {
 
 export const ZERO_LEGEND: Legend = {
   visible: true,
-  position: { x: 50, y: 50 },
+  position: { x: 50, y: 50, units: { x: "px", y: "px" } },
   colors: {},
 };
 

console/src/range/overview/Snapshots.tsx

@@ -50,7 +50,7 @@ const SNAPSHOTS: Record<"schematic" | "task", SnapshotService> = {
     onClick: async ({ id: { key } }, { client, placeLayout }) => {
       if (client == null) throw new DisconnectedError();
       const s = await client.schematics.retrieve({ key });
-      placeLayout(create({ ...s }));
+      placeLayout(create({ ...s, remoteCreated: true }));
     },
     onDelete: async ({ id: { key } }, { client }) => {
       if (client == null) throw new DisconnectedError();

console/src/schematic/Schematic.tsx

@@ -467,7 +467,7 @@ const useLoadRemote = createLoadRemote<schematic.Schematic>({
   useRetrieve: Base.useRetrieveObservable,
   targetVersion: ZERO_STATE.version,
   useSelectVersion,
-  actionCreator: (v) => internalCreate({ ...ZERO_STATE, ...v }),
+  actionCreator: (v) => internalCreate({ ...ZERO_STATE, ...v, remoteCreated: true }),
 });
 
 export const Schematic: Layout.Renderer = ({ layoutKey, ...rest }) => {

console/src/schematic/services/link.ts

@@ -12,5 +12,5 @@ import { Schematic } from "@/schematic";
 
 export const handleLink: Link.Handler = async ({ client, key, placeLayout }) => {
   const schematic = await client.schematics.retrieve({ key });
-  placeLayout(Schematic.create({ ...schematic, editable: false }));
+  placeLayout(Schematic.create({ ...schematic, editable: false, remoteCreated: true }));
 };

console/src/schematic/services/ontology.tsx

@@ -181,7 +181,7 @@ const loadSchematic = async (
   placeLayout: Layout.Placer,
 ) => {
   const schematic = await client.schematics.retrieve({ key });
-  placeLayout(Schematic.create({ ...schematic, editable: false }));
+  placeLayout(Schematic.create({ ...schematic, editable: false, remoteCreated: true }));
 };
 
 const handleSelect: Ontology.HandleSelect = ({
@@ -214,6 +214,7 @@ const handleMosaicDrop: Ontology.HandleMosaicDrop = ({
         ...schematic,
         location: "mosaic",
         tab: { mosaicKey: nodeKey, location },
+        remoteCreated: true,
       }),
     );
   }, "Failed to load schematic");

console/src/workspace/services/ontology.tsx

@@ -88,7 +88,7 @@ const useCreateSchematic = ({
     afterSuccess: async ({ data }) => {
       const { workspace, ...schematic } = data;
       await maybeChangeWorkspace(workspace);
-      placeLayout(Schematic.create({ ...schematic }));
+      placeLayout(Schematic.create({ ...schematic, remoteCreated: true }));
     },
   });
   return useCallback(