Add best practices to i18n docs

packages/editor-ui/src/plugins/i18n/docs/ADDENDUM.md

@@ -103,12 +103,99 @@ Currently only the keys `oauth.clientId` and `oauth.clientSecret` are supported
 
 ### Special cases
 
-`eventTriggerDescription` is a dynamic node property that is not part of node parameters. To translate it, set the `eventTriggerDescription` key at the root level of the `nodeView` property in the node translation file.
+`eventTriggerDescription` and `activationMessage` are dynamic node properties that are not part of node parameters. To translate them, set the key at the root level of the `nodeView` property in the node translation file.
+
+Webhook node:
 
 ```json
 {
 	"nodeView": {
-		"eventTriggerDescription": "🇩🇪 Waiting for you to call the Test URL"
+		"eventTriggerDescription": "🇩🇪 Waiting for you to call the Test URL",
+	}
+}
+```
+
+Cron node:
+
+```json
+{
+	"nodeView": {
+		"activationMessage": "🇩🇪 'Your cron trigger will now trigger executions on the schedule you have defined."
+	}
+}
+```
+
+## Best practices for UI development
+
+When creating a new component, create a new component key in `en.json` with the component name in camel case. Place the key in `en.json` in alphabetical order.
+
+In most cases, the new component is created in `/components`, e.g. `/components/About.vue`. But if the component is created in a nested dir, e.g. `/components/CredentialEdit/CredentialConfig.vue`, ensure this nesting is reflected in `en.json`.
+
+```json
+{
+	"credentialEdit": {
+		"credentialConfig": {
+			"accountConnected": "Account connected"
+		}
+	}
+}
+```
+
+The translation key should be the display string in camel case, cropped if too long. HTML is allowed in the display string.
+
+```json
+{
+	"workflowActivator": {
+		"theWorkflowIsSetToBeActiveBut": "The workflow is set to be active but could not be started.<br />Click to display error message."
+	}
+}
+```
+
+As an exception, keys for toast contents should use `message` and `title`.
+
+```json
+{
+	"workflowRun": {
+		"noActiveConnectionToTheServer": "No active connection to server. It is maybe down.",
+		"showMessage": {
+			"message": "The workflow has issues. Please fix them first",
+			"title": "Workflow cannot be executed"
+		}
+	}
+}
+```
+
+Differentiate multiple toasts with symbols from the code (e.g. method name) and if needed with numbers.
+
+```json
+{
+	"workflowSettings": {
+		"showError": {
+			"saveSettings1": {
+				"errorMessage": "Timeout is activated but set to 0",
+				"message": "There was a problem saving the settings",
+				"title": "Problem saving settings"
+			},
+			"saveSettings2": {
+				"errorMessage": "Maximum Timeout is: {hours} hours, {minutes} minutes, {seconds} seconds",
+				"message": "Set timeout is exceeding the maximum timeout!",
+				"title": "Problem saving settings"
+			},
+			"saveSettings3": {
+				"message": "There was a problem saving the settings",
+				"title": "Problem saving settings"
+			}
+		}
+	}
+}
+```
+
+Escape double quotes.
+
+```json
+{
+	"tagsDropdown": {
+		"createTag": "Create tag \"{filter}\"",
 	}
 }
 ```