feat: Added button to copy publish.yml

[EGAMAGZ]

Preview:

[EGAMAGZ]

@crowlKats I think this a bug with deno. When I try to add the ling ignore in the dangerouslySetInnerHTML attribute, the formatting duplicates it after the code tag. Something like this:

Before:

      <pre class="bg-slate-900 text-white rounded-lg rounded-tl-none p-4 mb-2 w-full max-w-full overflow-auto relative">
        <CopyButton
          text={WORKFLOW_CODE.replace(/<[^>]+>/g, '')}
          title="Copy workflow code"
          class="absolute top-2 right-2 z-1"
        />
        <code
           // deno-lint-ignore react-no-danger
          dangerouslySetInnerHTML={{__html: WORKFLOW_CODE}}>
        </code>
      </pre>

After:

      <pre class="bg-slate-900 text-white rounded-lg rounded-tl-none p-4 mb-2 w-full max-w-full overflow-auto relative">
        <CopyButton
          text={WORKFLOW_CODE.replace(/<[^>]+>/g, '')}
          title="Copy workflow code"
          class="absolute top-2 right-2 z-1"
        />
        <code
           // deno-lint-ignore react-no-danger
          dangerouslySetInnerHTML={{__html: WORKFLOW_CODE}}>
        </code>

           // deno-lint-ignore react-no-danger
      </pre>

Also, it is possible to check this behaviour in the previous actions executed

[AugustinMauroy]

IMO, the icon/button should be inside of the gray box

[EGAMAGZ]

Added a bg to the button.

Dark mode:

Light mode:

[AugustinMauroy]

LGTM !