chore: add strings for playground file

Author: devvaannsh

src/nls/root/strings.js

@@ -2318,10 +2318,13 @@ define({
     "DEMO_SECTION2_SUBTITLE": "Double-click to edit the text below and add your name",
     "DEMO_EDITABLE_PLACEHOLDER_HELLO": "Hello ___",
     "DEMO_SECTION2_SUCCESS_MESSAGE": "Your edit updated the code — undo with <span id=\"undo-shortcut\"></span>, redo with <span id=\"redo-shortcut\"></span>.",
+    "DEMO_SECTION2_TAG_HINT": "Click the text to select it — you'll see element controls appear above. Find the tag name <strong>span</strong> and change it to <strong>div</strong>.",
+    "DEMO_SECTION2_TAG_SUCCESS": "You changed the element's tag! You can also edit classes, IDs, and attributes this way.",
     "DEMO_HINT_COMPLETE_TASK_LABEL": "To complete this task:",
     "DEMO_SECTION2_HINT_STEP1": "Double-click on the \"Hello ___\" text",
     "DEMO_SECTION2_HINT_STEP2": "Replace the underscores with your name",
     "DEMO_SECTION2_HINT_STEP3": "Press Enter or click outside to apply your changes",
+    "DEMO_SECTION2_HINT_STEP4": "Click the text to select it — in the element controls above, change the <strong>span</strong> tag to <strong>div</strong>",
 
     "DEMO_SECTION3_TITLE": "Change images live",
     "DEMO_SECTION3_SUBTITLE": "Click the image below to replace it with one you like from the Image Library.",
@@ -2357,6 +2360,8 @@ define({
     "DEMO_SECTION6_SUBTITLE": "Select the <img src=\"images/link.svg\" alt=\"Link\" class=\"inline-icon\"> icon in the toolbar to change where this link points.",
     "DEMO_LINK_EDIT_LINK": "Edit Link",
     "DEMO_SECTION6_SUCCESS_MESSAGE": "You edited a link.",
+    "DEMO_SECTION6_INSERT_HINT": "Now click <img src=\"images/insertElement.svg\" alt=\"Insert\" class=\"inline-icon\"> <strong>Insert Element</strong> in the toolbar and add an <strong>h3</strong> heading.",
+    "DEMO_SECTION6_INSERT_SUCCESS": "You inserted a new element! You can add any HTML element to your page this way.",
     "DEMO_MODE_EXPLANATION_TITLE": "Edit mode vs Preview mode",
     "DEMO_EDIT_MODE_LABEL": "Edit mode",
     "DEMO_EDIT_MODE_DESCRIPTION": "Select and change things on the page",
@@ -2367,6 +2372,7 @@ define({
     "DEMO_SECTION6_TIP1": "Click any link to select it for editing",
     "DEMO_SECTION6_TIP2_NEWTAB": "Enable <strong>Open in new tab</strong> to open links on a separate page",
     "DEMO_SECTION6_TIP3_PREVIEW": "Switch to Preview mode (<strong>F8</strong>) to test links and interactions",
+    "DEMO_SECTION6_TIP4_INSERT": "Use the <img src=\"images/insertElement.svg\" alt=\"Insert\" class=\"inline-icon\"> <strong>Insert Element</strong> tool in the toolbar to add HTML elements to your page",
 
     "DEMO_COMPLETION_TITLE": "You're ready to build!",
     "DEMO_COMPLETION_BODY": "You've learned how to edit with Live Preview.<br>Open a folder with your HTML files to start editing.",