fix: resolve clipboard.writeText failure under HTTP protocol (#12936)

web/app/components/develop/code.tsx

@@ -10,6 +10,7 @@ import {
 import { Tab } from '@headlessui/react'
 import { Tag } from './tag'
 import classNames from '@/utils/classnames'
+import { writeTextToClipboard } from '@/utils/clipboard'
 
 const languageNames = {
   js: 'JavaScript',
@@ -71,7 +72,7 @@ function CopyButton({ code }: { code: string }) {
           : 'bg-white/5 hover:bg-white/7.5 dark:bg-white/2.5 dark:hover:bg-white/5',
       )}
       onClick={() => {
-        window.navigator.clipboard.writeText(code).then(() => {
+        writeTextToClipboard(code).then(() => {
           setCopyCount(count => count + 1)
         })
       }}