fix: Fix issues in bubble design (#10940)

Just making it easier to test and merge
https://github.com/chatwoot/chatwoot/pull/10796.

This PR does the following: 

- Removes the change on br + br condition. 
- Support 1x, 1.5x, 2x playbacks
- Add a hover on the agent avatar

tailwind.config.js

@@ -55,10 +55,6 @@ const tailwindConfig = {
             },
             overflowWrap: 'anywhere',
 
-            'br + br': {
-              display: 'none',
-            },
-
             strong: {
               color: 'rgb(var(--slate-12))',
               fontWeight: '700',