Port ToolButtonsGroup (#74099)

Ported the ToolButtonsGroup:

![CleanShot 2024-12-19 at 06 41 51](https://github.com/user-attachments/assets/11ac5d7e-057a-4bdc-bf0e-313410046612)

packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/ToolButtonsGroup/ToolButtonsGroup.tsx

@@ -0,0 +1,25 @@
+import type { DebugInfo } from '../../../../types'
+import { CopyButton } from '../copy-button'
+import { NodejsInspectorCopyButton } from '../nodejs-inspector'
+
+type ToolButtonsGroupProps = {
+  error: Error
+  debugInfo: DebugInfo | undefined
+}
+
+export function ToolButtonsGroup({ error, debugInfo }: ToolButtonsGroupProps) {
+  return (
+    <span>
+      <CopyButton
+        data-nextjs-data-runtime-error-copy-stack
+        actionLabel="Copy error stack"
+        successLabel="Copied"
+        content={error.stack || ''}
+        disabled={!error.stack}
+      />
+      <NodejsInspectorCopyButton
+        devtoolsFrontendUrl={debugInfo?.devtoolsFrontendUrl}
+      />
+    </span>
+  )
+}

packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.tsx

@@ -26,15 +26,14 @@ import {
   type HydrationErrorState,
   getHydrationWarningType,
 } from '../helpers/hydration-error-info'
-import { NodejsInspectorCopyButton } from '../components/nodejs-inspector'
-import { CopyButton } from '../components/copy-button'
 import {
   getUnhandledErrorType,
   isUnhandledConsoleOrRejection,
 } from '../helpers/console-error'
 import { extractNextErrorCode } from '../../../../../../lib/error-telemetry-utils'
 import { ErrorIndicator } from '../components/Errors/ErrorIndicator/ErrorIndicator'
 import { ErrorPagination } from '../components/Errors/ErrorPagination/ErrorPagination'
+import { ToolButtonsGroup } from '../components/ToolButtonsGroup/ToolButtonsGroup'
 
 export type SupportedErrorEvent = {
   id: number
@@ -297,19 +296,7 @@ export function Errors({
                     ? 'Console Error'
                     : 'Unhandled Runtime Error'}
               </h1>
-              <span>
-                <CopyButton
-                  data-nextjs-data-runtime-error-copy-stack
-                  actionLabel="Copy error stack"
-                  successLabel="Copied"
-                  content={error.stack || ''}
-                  disabled={!error.stack}
-                />
-
-                <NodejsInspectorCopyButton
-                  devtoolsFrontendUrl={debugInfo?.devtoolsFrontendUrl}
-                />
-              </span>
+              <ToolButtonsGroup error={error} debugInfo={debugInfo} />
             </div>
             <p
               id="nextjs__container_errors_desc"