Fix laggy typing experience in prompt field for longer chats

[itsmartashub]

Currently, when the chat becomes lengthy, the typing experience in the prompt field becomes significantly laggy.

The problem does not replicate without the extension, indicating that the issue originates from the extension's interaction with the chat interface.

The issue arose due to the use of the :has() CSS pseudo-class targeting the main element (main:has(#composer-background)). This selector caused performance overhead, leading to a laggy typing experience in the chat prompt field. The :has() selector is used to select an element based on the presence of a specific descendant, which can introduce frequent and unnecessary checks by the browser, especially during interactions like typing.

To resolve the issue, simplifying the CSS selector by removing the :has() part and directly targeting main proved effective. This change eliminate the performance bottleneck, restoring smooth typing.

This situation highlights the importance of optimizing CSS selectors, particularly in extensions, to avoid performance issues. It underscores the need to use simpler selectors or alternative methods to achieve the desired styling without compromising performance.
So that being said, future development should focus on simplifying selectors and exploring efficient selection techniques to prevent similar issues.