Use clipboard from top frame to avoid mocked clipboard in the preview

Author: ghengeveld

code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.tsx

@@ -59,8 +59,9 @@ const themedSyntax = memoize(2)((theme) =>
 const copyToClipboard: (text: string) => Promise<void> = createCopyToClipboardFunction();
 
 export function createCopyToClipboardFunction() {
-  if (navigator?.clipboard) {
-    return (text: string) => navigator.clipboard.writeText(text);
+  if (globalWindow.top?.navigator?.clipboard) {
+    const clipboard = globalWindow.top.navigator.clipboard;
+    return async (text: string) => clipboard.writeText(text);
   }
   return async (text: string) => {
     const tmp = document.createElement('TEXTAREA') as HTMLTextAreaElement;