fix(query-devtools): add work break to code element to prevent DevPanel from expanding (#9625)

Co-authored-by: Dominik Dorfmeister <[email protected]>

Author: akdlsz21

packages/query-devtools/src/Devtools.tsx

@@ -3342,6 +3342,10 @@ const stylesFactory = (
         margin: 0;
         font-size: ${font.size.xs};
         line-height: ${font.lineHeight.xs};
+        max-width: 100%;
+        white-space: pre-wrap;
+        overflow-wrap: anywhere;
+        word-break: break-word;
       }
 
       & pre {