feat(ui): Round the corners of the QR code

lib/service/database/database.dart

@@ -418,6 +418,7 @@ class DatabaseService {
     Object? originId = notSpecified,
     Object? sid = notSpecified,
     bool? isRetracted,
+    Object? thumbnailData = notSpecified,
   }) async {
     final md = (await _db.query(
       'Messages',
@@ -490,6 +491,9 @@ class DatabaseService {
     if (isRetracted != null) {
       m['isRetracted'] = boolToInt(isRetracted);
     }
+    if (thumbnailData != notSpecified) {
+      m['thumbnailData'] = thumbnailData as String?;
+    }
 
     await _db.update(
       'Messages',

lib/service/events.dart

@@ -617,6 +617,7 @@ Future<void> performMessageRetraction(RetractMessageComment command, { dynamic e
     mediaHeight: null,
     mediaSize: null,
     isRetracted: true,
+    thumbnailData: null,
   );
   sendEvent(MessageUpdatedEvent(message: retractedMessage));
 

lib/service/message.dart

@@ -142,6 +142,7 @@ class MessageService {
     bool? isDownloading,
     Object? originId = notSpecified,
     Object? sid = notSpecified,
+    Object? thumbnailData = notSpecified,
     bool? isRetracted,
   }) async {
     final newMessage = await GetIt.I.get<DatabaseService>().updateMessage(
@@ -168,6 +169,7 @@ class MessageService {
       sid: sid,
       isRetracted: isRetracted,
       isMedia: isMedia,
+      thumbnailData: thumbnailData,
     );
 
     if (_messageCache.containsKey(newMessage.conversationJid)) {

lib/service/xmpp.dart

@@ -785,6 +785,7 @@ class XmppService {
       mediaHeight: null,
       mediaSize: null,
       isRetracted: true,
+      thumbnailData: null,
     );
     sendEvent(MessageUpdatedEvent(message: retractedMessage));
 

lib/ui/pages/profile/selfheader.dart

@@ -26,16 +26,19 @@ class SelfProfileHeader extends StatelessWidget {
     await showDialog<dynamic>(
       context: context,
       builder: (BuildContext context) => Center(
-        child: SizedBox(
-          width: 220,
-          height: 220,
-          child: QrImage(
-            data: 'xmpp:$jid',
-            size: 220,
-            backgroundColor: Colors.white,
-            embeddedImage: const AssetImage('assets/images/logo.png'),
-            embeddedImageStyle: QrEmbeddedImageStyle(
-              size: const Size(50, 50),
+        child: ClipRRect(
+          borderRadius: BorderRadius.all(radiusLarge),
+          child: SizedBox(
+            width: 220,
+            height: 220,
+            child: QrImage(
+              data: 'xmpp:$jid',
+              size: 220,
+              backgroundColor: Colors.white,
+              embeddedImage: const AssetImage('assets/images/logo.png'),
+              embeddedImageStyle: QrEmbeddedImageStyle(
+                size: const Size(50, 50),
+              ),
             ),
           ),
         ),

lib/ui/widgets/chat/chatbubble.dart

@@ -266,6 +266,7 @@ class ChatBubbleState extends State<ChatBubble>
                               right: widget.sentBySelf ? 8 : null,
                               left: widget.sentBySelf ? null : 8,
                               child: Material(
+                                borderRadius: _getBorderRadius(),
                                 child: Container(
                                   constraints: BoxConstraints(
                                     maxWidth: widget.maxWidth,