Don't show delete or duplicate actions in the component settings bar

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

@@ -24,6 +24,9 @@
   }
   $: settings = getBarSettings(definition)
 
+  $: isScreen =
+    $builderStore.selectedComponentId === $builderStore.screen?.props?._id
+
   const getBarSettings = definition => {
     let allSettings = []
     definition?.settings?.forEach(setting => {
@@ -152,10 +155,11 @@
       {:else if setting.type === "color"}
         <SettingsColorPicker prop={setting.key} />
       {/if}
-      {#if setting.barSeparator !== false}
+      {#if setting.barSeparator !== false && (settings.length != idx + 1 || !isScreen)}
         <div class="divider" />
       {/if}
     {/each}
+    {#if !isScreen}
       <SettingsButton
         icon="Duplicate"
         on:click={() => {
@@ -168,10 +172,13 @@
       <SettingsButton
         icon="Delete"
         on:click={() => {
-        builderStore.actions.deleteComponent($builderStore.selectedComponentId)
+          builderStore.actions.deleteComponent(
+            $builderStore.selectedComponentId
+          )
         }}
         title="Delete component"
       />
+    {/if}
   </div>
 {/if}