Use client features to determine when to show client preview on initial load

packages/builder/src/components/design/AppPreview/CurrentItemPreview.svelte

@@ -74,14 +74,14 @@
     // Initialise the app when mounted
     iframe.contentWindow.addEventListener(
       "ready",
-      () => refreshContent(strippedJson),
+      () => {
-      { once: true }
+        // Display preview immediately if the intelligent loading feature
-    )
+        // is not supported
-
+        if (!$store.clientFeatures.intelligentLoading) {
-    // Display the client app once the iframe is initialised
+          loading = false
-    iframe.contentWindow.addEventListener(
+        }
-      "iframe-loaded",
+        refreshContent(strippedJson)
-      () => (loading = false),
+      },
       { once: true }
     )
 
@@ -106,11 +106,9 @@
         idToDelete = data.id
         confirmDeleteDialog.show()
       } else if (type === "preview-loaded") {
-        // We can use this in future to delay displaying the preview
+        // Wait for this event to show the client library if intelligent
-        // until the client app has actually initialised.
+        // loading is supported
-        // This makes a smoother loading experience, but is not backwards
+        loading = false
-        // compatible with old client library versions.
-        // So do nothing with this for now.
       } else {
         console.warning(`Client sent unknown event type: ${type}`)
       }