add messagelist typing indicator

lib/src/typing_indicator.dart

@@ -12,6 +12,7 @@ class TypingIndicator extends StatelessWidget {
     this.alternativeWidget,
     this.style,
     this.alignment = Alignment.centerLeft,
+    this.padding = const EdgeInsets.all(0),
   }) : super(key: key);
 
   /// Style of the text widget
@@ -23,6 +24,9 @@ class TypingIndicator extends StatelessWidget {
   /// Widget built when no typings is happening
   final Widget alternativeWidget;
 
+  /// The padding of this widget
+  final EdgeInsets padding;
+
   final Alignment alignment;
 
   @override
@@ -36,24 +40,26 @@ class TypingIndicator extends StatelessWidget {
         return AnimatedSwitcher(
           duration: Duration(milliseconds: 300),
           child: snapshot.data?.isNotEmpty == true
-              ? Align(
-                  key: Key('typings'),
-                  alignment: alignment,
-                  child: Row(
-                    mainAxisAlignment: MainAxisAlignment.center,
-                    children: [
-                      Lottie.asset(
-                        'animations/typing_dots.json',
-                        package: 'stream_chat_flutter',
-                        alignment: Alignment.center,
-                        height: 4,
-                      ),
-                      Text(
-                        '  ${snapshot.data.map((u) => u.name).join(',')} ${snapshot.data.length == 1 ? 'is' : 'are'} typing',
-                        maxLines: 1,
-                        style: style,
-                      ),
-                    ],
+              ? Padding(
+                  padding: padding,
+                  child: Align(
+                    key: Key('typings'),
+                    alignment: alignment,
+                    child: Row(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        Lottie.asset(
+                          'animations/typing_dots.json',
+                          package: 'stream_chat_flutter',
+                          height: 4,
+                        ),
+                        Text(
+                          '  ${snapshot.data.map((u) => u.name).join(',')} ${snapshot.data.length == 1 ? 'is' : 'are'} typing',
+                          maxLines: 1,
+                          style: style,
+                        ),
+                      ],
+                    ),
                   ),
                 )
               : Align(