Hover-triggered queue controls cause accidental cancel button clicks

### Prerequisites

- [x] I am running the latest version of ComfyUI
- [x] I have searched existing issues to make sure this isn't a duplicate
- [x] I have tested with all custom nodes disabled ([see how](https://docs.comfy.org/troubleshooting/custom-node-issues#step-1%3A-test-with-all-custom-nodes-disabled))

### What happened?

While a workflow is running, when the mouse cursor approaches the queue controls, additional queue control buttons appear, covering part of the workflow canvas. Since these controls are in the upper right corner of the screen, the buttons most likely to be directly under the user's mouse cursor when the cursor enters this region are the *cancel job* and *clear queue* buttons. Neither of these controls requires confirmation from the user when clicked.

### Bad UX scenario:
1. The user intends to click something in the workflow that happens to be in the upper right corner
2. They move the mouse toward the intended target and click
3. As the user clicks, the queue controls appear
4. The user unintentionally clicks *cancel job* or *clear queue* instead of their intended target

### Result: Work is lost without confirmation or ability to undo.

### Steps to Reproduce

1. Queue 30 jobs
2. While the jobs are running, attempt to click on something *inside the canvas* but within an inch or so of the queue controls.

### How is this affecting you?

Workflow won't execute

### ComfyUI Frontend Version

1.35.9

### Browser

Firefox

### Console Errors

```javascript

```

### Logs

```shell

```

### Additional Context

Consider hiring a dedicated UX designer. This is not the only awkward/dangerous item in the user interface.

┆Issue is synchronized with this [Notion page](https://www.notion.so/Issue-7844-Hover-triggered-queue-controls-cause-accidental-cancel-button-clicks-2de6d73d365081baa5fec39b7516282d) by [Unito](https://www.unito.io)