Improve buttons for interacting with code from prompt responses

[nang-dev]

Context

Currently, when code is generated in Pear chat, you need to hover over the code text block for the action buttons to appear. This is bad UX. they should show up by default.

• Remove the "Apply" button on UI (the first one), only the "Apply at cursor" and "Copy" buttons are necessary (you can hover over button to see the text).
  • This is because one can simply do CMD+A and then click "apply at cursor" and it'll do the same thing. Should declutter the UI with less buttons.
• Should not have to hover over button to see the button's functionality. Include description right beside the buttons, e.g. "Apply at cursor", "Copy". You may have to play around a bit here to see where the text fits best. Can be small text right below or beside the buttons.

The first button is "Apply", second is "Apply at cursor" and third is "Copy"

To reproduce

You will need an API key for this. Sign up at OpenAI to get one.

• Simply prompt the code to print 1 to 10, for which it'll generate the code for.
• Hover over the generated code text block. The buttons on top would appear.

Next step

• Next step would be to have shortcut keys for the copy and apply at cursor buttons from the generated code, and have these shortcuts displayed on the UI. But this can be for another PR.

[jspEclipse]

My Issue

[jspEclipse]

Reminder to myself to also look into making sure that all buttons darken onHover

[jspEclipse]

I sent my PR through pearai-submodules repo