Tidy up and remove old code and simplify some selectors

packages/client/src/components/Component.svelte

@@ -708,7 +708,7 @@
     border-radius: 4px !important;
     transition: padding 260ms ease-out, border 260ms ease-out;
   }
-  .interactive :global(*) {
-    cursor: default;
+  .interactive {
+    cursor: default !important;
   }
 </style>

packages/client/src/components/app/GridBlock.svelte

@@ -198,7 +198,7 @@
     overflow: hidden;
     height: 410px;
   }
-  div.in-builder :global(*) {
-    pointer-events: none;
+  div.in-builder {
+    pointer-events: none !important;
   }
 </style>

packages/client/src/components/preview/GridDNDHandler.svelte

@@ -36,7 +36,6 @@
   // Set ephemeral styles
   $: instance = componentStore.actions.getComponentInstance(id)
   $: $instance?.setEphemeralStyles(enrichComponentStyles($styles))
-  $: $styles, console.log("new styles")
 
   // Sugar for a combination of both min and max
   const minMax = (value, min, max) => Math.min(max, Math.max(min, value))