perf(appbuilder): reduce number of ListRemoteTestEvent calls by remote invoke #6559

Problem:
Remote Invoke call ListRemoteTestEvent every time the webview is instantiated. 

Solution:
Introduce a condition for which this api calls can be
made thereby reducing the spike in number failures we see in our
dashboard.

Author: jonife

packages/core/src/lambda/vue/remoteInvoke/remoteInvoke.vue

@@ -67,6 +67,7 @@
                                 value="savedEvents"
                                 v-model="payload"
                                 name="payload_request"
+                                @change="$emit('loadRemoteTestEvents')"
                             />
                             <label class="label-selector" for="savedEvents"> Remote saved events</label>
                         </div>

packages/core/src/lambda/vue/remoteInvoke/remoteInvokeFrontend.ts

@@ -132,6 +132,21 @@ export default defineComponent({
                 }
             )
         },
+
+        async loadRemoteTestEvents() {
+            const shouldLoadEvents =
+                this.payload === 'savedEvents' &&
+                this.initialData.FunctionArn &&
+                this.initialData.FunctionRegion &&
+                !this.initialData.TestEvents
+
+            if (shouldLoadEvents) {
+                this.initialData.TestEvents = await client.listRemoteTestEvents(
+                    this.initialData.FunctionArn,
+                    this.initialData.FunctionRegion
+                )
+            }
+        },
     },
     mixins: [saveData],
 })