Use block name in placeholders inside blocks

packages/client/src/components/Block.svelte

@@ -67,6 +67,9 @@
     // any depth
     id: $component.id,
 
+    // Name can be used down the tree in placeholders
+    name: $component.name,
+
     // We register block components with their raw props so that we can eject
     // blocks later on
     registerComponent: registerBlockComponent,

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

@@ -3,13 +3,14 @@
 
   const { builderStore } = getContext("sdk")
   const component = getContext("component")
+  const block = getContext("block")
 
   export let text
 </script>
 
 {#if $builderStore.inBuilder}
   <div>
-    {text || $component.name || "Placeholder"}
+    {text || block?.name || $component.name || "Placeholder"}
   </div>
 {/if}