Too easy to accidentally pin a message when trying to edit a message

### Steps to reproduce

Thanks for Matrix; I love the concept, but I do hit a lot of little frustrating "papercut" issues in Element every day, including accidentally pinning instead of editing.

In Element, I need to edit messages I previously typed. To do so, I:
1. hover over a message and have a tiny little row of icons, which includes things you do a lot (edit message, emoji response, reply, reply in thread) and things you don't do often (pin, ... for more)
2. try to click "edit", but my mouse slips a pixel or two when clicking
3. pinning immediately happens instead

As the icons are tiny, the actions seem to be in no particular order, and some have a confirmation step to confirm (edit, emoji response, reply, reply in thread, ... actions) while pin does not... this leads to a lot of accidental misclicks where you pin a message with a typo instead of actually editing it.

Screenshot of a message that was hovered:

Related: https://github.com/element-hq/element-web/issues/28399
(With regard to the related issue above: requiring a confirmation for pinning a message would help a bit with this problem. However it wouldn't outright fix this problem; making the action buttons a little larger and also fixing the order, perhaps even moving pinning to the ... menu as it's not done that often would also work to address this issue.)

### Outcome

#### What did you expect?

I expected to edit the message that had a typo.

#### What happened instead?

I pinned the mistyped message to the channel, and I think I removed the previous pinned message when I went to remove it, after everyone was notified that I pinned a message with a typo.

### Operating system

Linux

### Application version

Element version: 1.11.89 Crypto version: Rust SDK 0.7.2 (2f872cf), Vodozemac 0.8.1

### How did you install the app?

Flatpak from Flathub

### Homeserver

_No response_

### Will you send logs?

No