[Enhancement]: Make icons and their use consistent

[Martinomagnifico]

What features would you like to see added?

It would be nice if all icons would be the same size and have consistent behaviour.

More details

It would be nice if all icons would be the same size (like 24x24), and their stroke widths also the same width. For example, in the main chat area, there is a paperclip icon next to a tools/settings icon. Visually, they are very different. The same goes for the icons on the top left, and the icons in the buttons in the right side panel (where the buttons themselves may be improved by making them 40px high as the other buttons). I would suggest using something like Lucide to make all icons feel the same.

About the side panels: the panel on the left can be opened and closed by a button, while the panel on the right opens with a floating bar that sometimes looks like a flattened chevron. Maybe the users would like to see some consistency there as well.

I've tried to run a clone here, but npm run frontend:dev gives all kinds of errors.

Which components are impacted by your request?

UI

Pictures

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[danny-avila]

@Martinomagnifico PRs welcome, I'm also mentioning @berry-13 who helps a lot with visual improvements