chore: give minimum width to message token buttons and align tokens at the bottom of columns (#2785)

lib/pages/chat/events/html_message.dart

@@ -290,7 +290,6 @@ class HtmlMessage extends StatelessWidget {
         );
 
         return WidgetSpan(
-          alignment: PlaceholderAlignment.middle,
           child: CompositedTransformTarget(
             link: token != null && renderer.assignTokenKey
                 ? MatrixState.pAnyState
@@ -333,12 +332,12 @@ class HtmlMessage extends StatelessWidget {
                 MouseRegion(
                   cursor: SystemMouseCursors.click,
                   child: GestureDetector(
+                    behavior: HitTestBehavior.translucent,
                     onTap: onClick != null && token != null
                         ? () => onClick?.call(token)
                         : null,
-                    child: Text.rich(
-                      textScaler: TextScaler.noScaling,
-                      TextSpan(
+                    child: RichText(
+                      text: TextSpan(
                         children: [
                           LinkifySpan(
                             text: node.innerHtml,

lib/pangea/message_token_text/message_token_button.dart

@@ -393,9 +393,7 @@ class MessageTokenButtonContent extends StatelessWidget {
             child: Container(
               height: height,
               padding: const EdgeInsets.only(top: 10.0),
-              width: MessageMode.wordMeaning == messageMode
-                  ? width
-                  : min(width, height),
+              width: max(width, 24.0),
               alignment: Alignment.center,
               decoration: BoxDecoration(
                 color: Theme.of(context)