fix(curriculum): correctly describe insert step in Challenge Editor (#47331)

* Update InsertStep.tsx

* Update Tools.tsx

* Update how-to-work-on-practice-projects.md

* removed redundant example

* Update tools/challenge-editor/client/src/components/tools/Tools.tsx

Co-authored-by: Ilenia <nethleen@gmail.com>

Co-authored-by: Ilenia <nethleen@gmail.com>

docs/how-to-work-on-practice-projects.md

@@ -42,7 +42,7 @@ Enter the number of steps you want to add in the input. Then, clicking the butto
 
 #### Insert Step
 
-Enter the step number that you want to add a step _after_. For example, if you want to add a step after `step-12`, enter `12`. Then, click the `Insert Step` button to add the step. The following steps will be re-ordered.
+Enter the step number that you want to add. Then, click the `Insert Step` button to add the step. The following steps will be re-ordered.
 
 #### Delete Step
 

tools/challenge-editor/client/src/components/buttons/InsertStep.tsx

@@ -22,7 +22,7 @@ const InsertStep = ({ superblock, block }: BlockRequiredProps) => {
   return (
     <div>
       <label htmlFor='num'>
-        Step to insert AFTER:
+        Step Number:
         <input id='num' type='number' onChange={changeNum} />
       </label>
       <button onClick={click}>Insert Step</button>

tools/challenge-editor/client/src/components/tools/Tools.tsx

@@ -27,7 +27,7 @@ const Tools = () => {
       <CreateEmptySteps {...{ superblock, block }} />
       <h2>Insert Step</h2>
       <p>
-        This tool inserts a new step after the <code>nth</code> step.
+        This tool inserts a new step as the <code>nth</code> step.
       </p>
       <InsertStep {...{ superblock, block }} />
       <h2>Delete Step</h2>