chore: Better call UX sounds and timeline design

lib/pages/chat/chat.dart

@@ -990,9 +990,7 @@ class ChatController extends State<Chat> {
       final voipPlugin = Matrix.of(context).voipPlugin;
       await voipPlugin!.voip.inviteToCall(room!.id, callType).catchError((e) {
         ScaffoldMessenger.of(context).showSnackBar(
-          SnackBar(content: Text(e.toString())
-              // Text(LocalizedExceptionExtension(context, e)),
-              ),
+          SnackBar(content: Text((e as Object).toLocalizedString(context))),
         );
       });
     } else {

lib/pages/chat/events/message.dart

@@ -45,8 +45,15 @@ class Message extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    if (![EventTypes.Message, EventTypes.Sticker, EventTypes.Encrypted]
-        .contains(event.type)) {
+    if (!{
+      EventTypes.Message,
+      EventTypes.Sticker,
+      EventTypes.Encrypted,
+      EventTypes.CallInvite
+    }.contains(event.type)) {
+      if (event.type.startsWith('m.call.')) {
+        return Container();
+      }
       return StateMessage(event, unfold: unfold);
     }
 

lib/pages/chat/events/message_content.dart

@@ -199,6 +199,13 @@ class MessageContent extends StatelessWidget {
               onLinkTap: (url) => UrlLauncher(context, url).launchUrl(),
             );
         }
+      case EventTypes.CallInvite:
+        return _ButtonContent(
+          label: L10n.of(context)!.startedACall(event.sender.calcDisplayname()),
+          icon: const Icon(Icons.phone_outlined),
+          textColor: buttonTextColor,
+          onPressed: () => onInfoTab!(event),
+        );
       default:
         return _ButtonContent(
           label: L10n.of(context)!
@@ -227,11 +234,14 @@ class _ButtonContent extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return TextButton.icon(
+    return OutlinedButton.icon(
       onPressed: onPressed,
       icon: icon,
       label: Text(label, overflow: TextOverflow.ellipsis),
-      style: TextButton.styleFrom(primary: textColor),
+      style: OutlinedButton.styleFrom(
+        primary: textColor,
+        backgroundColor: Colors.white.withAlpha(64),
+      ),
     );
   }
 }