feat(editor): Add template Id to workflow metadata (#8088)

## Summary
Adding a link between the workflow and the template it originated from
by saving `templateId` in the workflow metadata

## Related tickets and issues
ADO-1537

## Review / Merge checklist
- [x] PR title and summary are descriptive. **Remember, the title
automatically goes into the changelog. Use `(no-changelog)` otherwise.**
([conventions](https://github.com/n8n-io/n8n/blob/master/.github/pull_request_title_conventions.md))
- [ ] [Docs updated](https://github.com/n8n-io/n8n-docs) or follow-up
ticket created.
- [x] Tests included.
> A bug is not considered fixed, unless a test is added to prevent it
from happening again.
   > A feature is not complete without tests.

cypress/e2e/29-templates.cy.ts

@@ -29,12 +29,35 @@ describe('Templates', () => {
 		cy.url().then(($url) => {
 			expect($url).to.include('/workflow/new?templateId=1234');
 		});
-		
+
 		workflowPage.getters.canvasNodes().should('have.length', 4);
 		workflowPage.getters.stickies().should('have.length', 1);
 		workflowPage.actions.shouldHaveWorkflowName(OnboardingWorkflow.name);
 	});
 
+	it('should save template id with the workflow', () => {
+		cy.visit(templatesPage.url);
+		templatesPage.getters.firstTemplateCard().click();
+		cy.url().should('include', '/templates/');
+
+		cy.url().then(($url) => {
+			const templateId = $url.split('/').pop();
+
+			templatesPage.getters.useTemplateButton().click();
+			cy.url().should('include', '/workflow/new');
+			workflowPage.actions.saveWorkflowOnButtonClick();
+
+			workflowPage.actions.selectAll();
+			workflowPage.actions.hitCopy();
+
+			cy.grantBrowserPermissions('clipboardReadWrite', 'clipboardSanitizedWrite');
+			// Check workflow JSON by copying it to clipboard
+			cy.readClipboard().then((workflowJSON) => {
+				expect(workflowJSON).to.contain(`"templateId": "${templateId}"`);
+			});
+		});
+	});
+
 	it('can open template with images and hides workflow screenshots', () => {
 		templateWorkflowPage.actions.openTemplate(WorkflowTemplate);
 

cypress/pages/templates.ts

@@ -4,7 +4,9 @@ export class TemplatesPage extends BasePage {
 	url = '/templates';
 
 	getters = {
-		useTemplateButton: () => cy.get('[data-testid="use-template-button"]'),
+		useTemplateButton: () => cy.getByTestId('use-template-button'),
+		templateCards: () => cy.getByTestId('template-card'),
+		firstTemplateCard: () => this.getters.templateCards().first(),
 	};
 
 	actions = {