chore: Follow up inputbar design

lib/pages/chat/chat_input_row.dart

@@ -254,26 +254,26 @@ class ChatInputRow extends StatelessWidget {
                   ),
                 ),
               ),
-              if (PlatformInfos.platformCanRecord &&
-                  controller.sendController.text.isEmpty)
               Container(
                 height: 56,
                 alignment: Alignment.center,
-                  child: IconButton(
+                child: AnimatedCrossFade(
+                  crossFadeState: PlatformInfos.platformCanRecord &&
+                          controller.sendController.text.isEmpty
+                      ? CrossFadeState.showFirst
+                      : CrossFadeState.showSecond,
+                  duration: FluffyThemes.animationDuration,
+                  sizeCurve: FluffyThemes.animationCurve,
+                  firstChild: IconButton(
                     tooltip: L10n.of(context)!.voiceMessage,
-                    icon: const Icon(Icons.mic_none_outlined),
                     onPressed: controller.voiceMessageAction,
+                    icon: const Icon(Icons.mic_none_outlined),
                   ),
-                ),
+                  secondChild: IconButton(
-              if (!PlatformInfos.isMobile ||
+                    tooltip: L10n.of(context)!.voiceMessage,
-                  controller.sendController.text.isNotEmpty)
-                Container(
-                  height: 56,
-                  alignment: Alignment.center,
-                  child: IconButton(
-                    icon: const Icon(Icons.send_outlined),
                     onPressed: controller.send,
-                    tooltip: L10n.of(context)!.send,
+                    icon: const Icon(Icons.send_outlined),
+                  ),
                 ),
               ),
             ],

lib/pages/chat/chat_view.dart

@@ -283,6 +283,12 @@ class ChatView extends StatelessWidget {
                               ),
                               alignment: Alignment.center,
                               child: Material(
+                                clipBehavior: Clip.hardEdge,
+                                color: Theme.of(context).brightness ==
+                                        Brightness.light
+                                    ? Colors.white.withOpacity(0.95)
+                                    : Colors.black.withOpacity(0.87),
+                                shape: RoundedRectangleBorder(
                                   borderRadius: const BorderRadius.only(
                                     bottomLeft: Radius.circular(
                                       AppConfig.borderRadius,
@@ -291,16 +297,10 @@ class ChatView extends StatelessWidget {
                                       AppConfig.borderRadius,
                                     ),
                                   ),
-                                clipBehavior: Clip.hardEdge,
+                                  side: BorderSide(
-                                color: Theme.of(context).brightness ==
+                                    color: Theme.of(context).dividerColor,
-                                        Brightness.light
+                                  ),
-                                    ? Colors.white
+                                ),
-                                    : Colors.black,
-                                elevation: 4.0,
-                                shadowColor: Theme.of(context)
-                                    .colorScheme
-                                    .onBackground
-                                    .withOpacity(0.33),
                                 child: controller.room.isAbandonedDMRoom == true
                                     ? Row(
                                         mainAxisAlignment: