fix(editor): Fix loading executions in long execution list (#5843)

* fix(editor): Fix loading executions in long execution list
* ⚡ Added max number of attempts before displaying temporary execution card
* ⚡ Simplifying temp execution preview logic, handling current execution delete, updating style
* 💄 Renaming `executionWIthGap` -> `temporaryExecution`

packages/editor-ui/src/components/ExecutionsView/ExecutionsSidebar.vue

@@ -36,7 +36,15 @@
 				</n8n-text>
 			</div>
 			<execution-card
-				v-else
+				v-else-if="temporaryExecution"
+				:execution="temporaryExecution"
+				:ref="`execution-${temporaryExecution.id}`"
+				:data-test-id="`execution-details-${temporaryExecution.id}`"
+				:showGap="true"
+				@refresh="onRefresh"
+				@retryExecution="onRetryExecution"
+			/>
+			<execution-card
 				v-for="execution in executions"
 				:key="execution.id"
 				:execution="execution"
@@ -89,6 +97,10 @@ export default Vue.extend({
 			type: Boolean,
 			default: false,
 		},
+		temporaryExecution: {
+			type: Object as PropType<IExecutionsSummary>,
+			default: null,
+		},
 	},
 	data() {
 		return {