Update image references in ACB reusable steps to use the correct namespace

Author: cheungaryk

modules/ROOT/pages/_partials/acb-reusable-steps.adoc

@@ -31,13 +31,13 @@ From the configuration XML, above the HTTP Listener configuration (`<http:listen
 .Show me how
 [%collapsible]
 ====
-** Click the image:icon-run-debug.png["",15,15] (*Run and Debug*) icon in the activity bar.
+** Click the image:anypoint-code-builder::icon-run-debug.png["",15,15] (*Run and Debug*) icon in the activity bar.
 ** Use the keyboard shortcuts:
 +
 *** Mac: Cmd+Shift+d
 *** Windows: Ctrl+Shift+d
 ** In the desktop IDE, select *View* > *Run*.
-** In the cloud IDE, click the image:icon-menu.png["",18,18] (menu) icon, and select *View* > *Run*.
+** In the cloud IDE, click the image:anypoint-code-builder::icon-menu.png["",18,18] (menu) icon, and select *View* > *Run*.
 ====
 // end::open-run-debug[]
 //
@@ -55,7 +55,7 @@ From the configuration XML, above the HTTP Listener configuration (`<http:listen
 ** Mac: Cmd+Shift+u
 ** Windows: Ctrl+Shift+u
 * In the desktop IDE, select *View* > *Output*.
-* In the cloud IDE, click the image:icon-menu.png["",18,18] (menu) icon, and select *View* > *Output*.
+* In the cloud IDE, click the image:anypoint-code-builder::icon-menu.png["",18,18] (menu) icon, and select *View* > *Output*.
 ====
 // end::open-output-panel[]
 //
@@ -76,7 +76,7 @@ From the configuration XML, above the HTTP Listener configuration (`<http:listen
 .Show me how
 [%collapsible]
 ====
-Click the image:icon-source-control.png["",15,15] (*Source Control*) icon in the activity bar or use the keyboard shortcuts:
+Click the image:anypoint-code-builder::icon-source-control.png["",15,15] (*Source Control*) icon in the activity bar or use the keyboard shortcuts:
 
 include::anypoint-code-builder::partial$acb-reusable-steps.adoc[tag=open-source-control-commands]
 
@@ -90,7 +90,7 @@ include::anypoint-code-builder::partial$acb-reusable-steps.adoc[tag=open-source-
 .Show me how
 [%collapsible]
 ====
-Click the image:icon-source-control-no-edits.png["",15,15] (*Source Control*) icon in the activity bar or use the keyboard shortcuts:
+Click the image:anypoint-code-builder::icon-source-control-no-edits.png["",15,15] (*Source Control*) icon in the activity bar or use the keyboard shortcuts:
 
 include::anypoint-code-builder::partial$acb-reusable-steps.adoc[tag=open-source-control-commands]
 
@@ -118,7 +118,7 @@ include::anypoint-code-builder::partial$acb-reusable-steps.adoc[tag=open-source-
 [%collapsible]
 ====
 * In the desktop IDE, select *Code* > *Settings* > *Configure Snippets*.
-* In the cloud IDE, click the image:icon-menu.png["",18,18] (menu) icon, and select *Preferences* > *Configure Snippets*.
+* In the cloud IDE, click the image:anypoint-code-builder::icon-menu.png["",18,18] (menu) icon, and select *Preferences* > *Configure Snippets*.
 * In either IDE:
 .. Use keyboard shortcuts to open the Command Palette:
 ** Mac: Cmd+Shift+p
@@ -135,7 +135,7 @@ Snippets: Configure Snippets
 //
 // tag::open-ide[]
 // Open the ACB IDE
-. In the activity bar of the IDE, click the image:icon-ms-logo.png["",20,20] (*Anypoint Code Builder*) icon.
+. In the activity bar of the IDE, click the image:anypoint-code-builder::icon-ms-logo.png["",20,20] (*Anypoint Code Builder*) icon.
 // end::open-ide[]
 //
 //
@@ -145,7 +145,7 @@ Snippets: Configure Snippets
 [%collapsible]
 ====
 * In the desktop IDE, select *File* > *Close Folder*. 
-* In the cloud IDE, click the image:icon-menu.png["",18,18] (menu) icon, and select *File* > *Close Folder*.
+* In the cloud IDE, click the image:anypoint-code-builder::icon-menu.png["",18,18] (menu) icon, and select *File* > *Close Folder*.
 ====
 // end::close-project[]
 //
@@ -189,7 +189,7 @@ xref:des-delete-api-projects.adoc[].
 .. Press Ctrl+Space.
 .. Select the element from the options, for example:
 +
-image::des-api-frag-ref-element.png["Reference an element in the fragment"]
+image:anypoint-code-builder::des-api-frag-ref-element.png["Reference an element in the fragment"]
 --
 // end::ref-element[]
 //
@@ -203,11 +203,11 @@ After adding the fragment to your spec, you can:
 Place the cursor on the fragment reference and press Command+Click.
 For example:
 +
-image::des-api-frag-goto-dependencies.png["Navigate to the fragment dependency"]
+image:anypoint-code-builder::des-api-frag-goto-dependencies.png["Navigate to the fragment dependency"]
 * View the dependency in the API Console:
 +
 Place the cursor on the fragment reference and click the 
-image:icon-api-console.png["",14,14] (*API Console*) icon to open the fragment in the console.
+image:anypoint-code-builder::icon-api-console.png["",14,14] (*API Console*) icon to open the fragment in the console.
 +
 For more information, see xref:des-create-api-specs.adoc#review-spec-console[Review Your Spec in the API Console].
 // end::after-add-fragment[]
@@ -227,15 +227,15 @@ Don't create the project within another project directory.
 
 //
 // tag::deploy-locally[]
-. Click the image:icon-start-debug.png["",15,15] (*Start Debugging (F5)*) icon for *Debug Mule Application*.
+. Click the image:anypoint-code-builder::icon-start-debug.png["",15,15] (*Start Debugging (F5)*) icon for *Debug Mule Application*.
 +
 Alternatively, if the *Start Debugging (F5)* icon is not present:
 
 
 .. Click *Run and Debug*. 
 .. If a *Select debugger* dropdown menu appears, select *Mule Xml Debugger* to initiate the debugging session:
 +
-image::anypoint-code-builder::run-debug-imported-folder.png["Run and Debug button and Mule XML Debugger menu item"]
+image:anypoint-code-builder::run-debug-imported-folder.png["Run and Debug button and Mule XML Debugger menu item"]
 +
 When the application deploys successfully, you see a `DEPLOYED` log message in the output panel:
 +
@@ -255,7 +255,7 @@ When the application deploys successfully, you see a `DEPLOYED` log message in t
 . From your IDE, open the Terminal window in the console:
 
 * In the desktop IDE, select *View* > *Terminal*.
-* In the cloud IDE, click the image:icon-menu.png["",18,18] (menu) icon, and select *Terminal* > *New Terminal*.
+* In the cloud IDE, click the image:anypoint-code-builder::icon-menu.png["",18,18] (menu) icon, and select *Terminal* > *New Terminal*.
 * For either IDE: Press Ctrl and then press the backtick key (`).
 // end::open-terminal[]
 //
@@ -368,7 +368,7 @@ To sync changes to project files with your repo, see <<sync-changes>>.
 // tag::scm-stage-files-substep[]
 .. Stage your files to your local repository by hovering over the *Changes* area (located after the *Commit* button) and clicking the image:anypoint-code-builder::icon-scm-add-changes.png["",15,15] (plus) icon.
 +
-image::anypoint-code-builder::start-scm-repo-stage-changes.png["Adding commit message for staged changes"]
+image:anypoint-code-builder::start-scm-repo-stage-changes.png["Adding commit message for staged changes"]
 +
 Alternatively, you can stage a single file by clicking the plus icon for that file.
 +
@@ -378,7 +378,7 @@ Staged files move from the *Changes* area in the Source Control panel to the *St
 // tag::scm-commit-message-substep[]
 .. Provide your a commit message for the files, and then click *Commit*, for example:
 +
-image::anypoint-code-builder::start-scm-repo-commit-staged.png["Commit message for staged changes"]
+image:anypoint-code-builder::start-scm-repo-commit-staged.png["Commit message for staged changes"]
 // end::scm-commit-message-substep[]
 //
 
@@ -486,7 +486,7 @@ Make sure that you have access to AsyncAPI implementation features from the IDE:
 
 .. Clicking *Join Beta* from the Anypoint Code Builder landing page
 +
-image::imp-asyncapi-join-beta.png["Administrator view of the Anypoint Code Builder landing page"]
+image:anypoint-code-builder::imp-asyncapi-join-beta.png["Administrator view of the Anypoint Code Builder landing page"]
 +
 The *Join Beta* button is available only to your organization administrator.
 .. Reviewing the terms and conditions of the beta program
@@ -511,10 +511,10 @@ When the AsyncAPI feature is available for your organization, the Anypoint Code
 // tag::start-implementation[]
 . From *Quick Actions*, click *Implement an API*:
 +
-image::implement-api-option-mat.png["*Implement an API* link highlighted in the *Getting Started* section"]
+image:anypoint-code-builder::implement-api-option-mat.png["*Implement an API* link highlighted in the *Getting Started* section"]
 . Complete the *Implement an API Specification* form:
 +
-image::implement-api-configure-in-task.png["Form for starting an implementation project"]
+image:anypoint-code-builder::implement-api-configure-in-task.png["Form for starting an implementation project"]
 +
 [calloutlist]
 [%header,cols="20a,60a"]