chore: make speech to text card scrollable

Author: ggurdin

lib/pangea/toolbar/widgets/message_speech_to_text_card.dart

@@ -176,52 +176,46 @@ class MessageSpeechToTextCardState extends State<MessageSpeechToTextCard> {
     }
 
     //TODO: find better icons
-    return Padding(
-      padding: const EdgeInsets.all(16),
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          const SizedBox(height: 8),
-          RichText(
-            text: transcriptText!,
-          ),
-          if (widget.messageEvent.senderId == Matrix.of(context).client.userID)
-            Column(
-              children: [
-                const SizedBox(height: 6),
-                Row(
-                  mainAxisSize: MainAxisSize.min,
+    return ConstrainedBox(
+      constraints: const BoxConstraints(
+        maxWidth: AppConfig.toolbarMinWidth,
+        maxHeight: AppConfig.toolbarMaxHeight,
+      ),
+      child: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.all(16),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const SizedBox(height: 8),
+              RichText(
+                text: transcriptText!,
+              ),
+              if (widget.messageEvent.senderId ==
+                  Matrix.of(context).client.userID)
+                Column(
                   children: [
-                    // IconNumberWidget(
-                    //   icon: Symbols.target,
-                    //   number:
-                    //       "${selectedToken?.confidence ?? speechToTextResponse!.transcript.confidence}%",
-                    //   toolTip: L10n.of(context).accuracy,
-                    // ),
-                    // const SizedBox(width: 16),
-                    IconNumberWidget(
-                      icon: Icons.speed,
-                      number: wordsPerMinuteString != null
-                          ? "$wordsPerMinuteString"
-                          : "??",
-                      toolTip: L10n.of(context).wordsPerMinute,
+                    const SizedBox(height: 16),
+                    Row(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        IconNumberWidget(
+                          icon: Icons.speed,
+                          number: wordsPerMinuteString != null
+                              ? "$wordsPerMinuteString"
+                              : "??",
+                          toolTip: L10n.of(context).wordsPerMinute,
+                        ),
+                      ],
                     ),
-                  ],
-                ),
-                const Row(
-                  mainAxisSize: MainAxisSize.min,
-                  children: [
-                    Expanded(
-                      flex: 1,
-                      child: InstructionsInlineTooltip(
-                        instructionsEnum: InstructionsEnum.speechToText,
-                      ),
+                    const InstructionsInlineTooltip(
+                      instructionsEnum: InstructionsEnum.speechToText,
                     ),
                   ],
                 ),
-              ],
-            ),
-        ],
+            ],
+          ),
+        ),
       ),
     );
   }