[dev-overlay] Dim ignore-listed callstack frames when shown

Author: eps1lon

Diff for: packages/next/src/client/components/react-dev-overlay/ui/components/call-stack-frame/call-stack-frame.tsx

@@ -40,6 +40,7 @@ export const CallStackFrame: React.FC<{
     <div
       data-nextjs-call-stack-frame
       data-nextjs-call-stack-frame-no-source={!hasSource}
+      data-nextjs-call-stack-frame-ignored={frame.ignored}
       style={
         {
           '--index': index,
@@ -85,6 +86,10 @@ export const CALL_STACK_FRAME_STYLES = `
     margin-bottom: 0;
   }
 
+  [data-nextjs-call-stack-frame-ignored="true"] {
+    opacity: 0.6;
+  }
+
   [data-nextjs-call-stack-frame] {
     user-select: text;
     display: block;