refactor: move image gallery button after select parent button so UI remains consistent

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -1367,13 +1367,6 @@ function RemoteFunctions(config = {}) {
                     ${ICONS.ai}
                 </span>`;
 
-            // if its an image element, we show the image gallery icon
-            if (this.element && this.element.tagName.toLowerCase() === 'img') {
-                content += `<span data-action="image-gallery" title="${config.strings.imageGallery}">
-                    ${ICONS.imageGallery}
-                </span>`;
-            }
-
             // Only include select parent option if element supports it
             if (showSelectParentOption) {
                 content += `<span data-action="select-parent" title="${config.strings.selectParent}">
@@ -1388,6 +1381,13 @@ function RemoteFunctions(config = {}) {
                 </span>`;
             }
 
+            // if its an image element, we show the image gallery icon
+            if (this.element && this.element.tagName.toLowerCase() === 'img') {
+                content += `<span data-action="image-gallery" title="${config.strings.imageGallery}">
+                    ${ICONS.imageGallery}
+                </span>`;
+            }
+
             // Always include duplicate and delete options
             content += `<span data-action="duplicate" title="${config.strings.duplicate}">
                     ${ICONS.duplicate}