Fix DevTools Memory Tab ‘Take Heap Snapshot’ Button Icon State Update

The fix ensures that "Take heap snapshot" button in the DevTools
Memory tab no longer toggles in scenarios where recording cannot be
stopped, ensuring the icon state remains accurate.

Bug: 374852566
Change-Id: I9c114c7a98edde2e12dba11b1853f8149cad3590
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6043745
Auto-Submit: Garima Chadha <[email protected]>
Reviewed-by: Kim-Anh Tran <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>
Reviewed-by: Simon Zünd <[email protected]>

Author: Garima Chadha

front_end/panels/profiler/HeapDetachedElementsView.ts

@@ -138,6 +138,10 @@ export class DetachedElementsProfileType extends
     return i18nString(UIStrings.detachedElementsDescription);
   }
 
+  override isInstantProfile(): boolean {
+    return true;
+  }
+
   // eslint-disable-next-line @typescript-eslint/naming-convention
   static readonly TypeId = 'DetachedElements';
 }

front_end/panels/profiler/ProfilesPanel.ts

@@ -288,6 +288,9 @@ export class ProfilesPanel extends UI.Panel.PanelWithSidebar implements DataDisp
   }
 
   updateProfileTypeSpecificUI(): void {
+    if (this.selectedProfileType?.isInstantProfile()) {
+      this.toggleRecordButton.toggleOnClick(false);
+    }
     this.updateToggleRecordAction(this.toggleRecordAction.toggled());
   }