lightbox: Show user's avatar in the lightbox app bar

[chrisbobbe]

In the lightbox, the RN app shows the message author's avatar along with their name in the app bar; we should do the same in the Flutter app. Like in the RN app, probably the avatar should go beside the name/date text, in the "start" direction (left in LTR).

Perhaps it should have a presence indicator (?) but that could be done in a later iteration.

[chrisbobbe]

That screenshot doesn't show the lightbox.

[sher999]

Tried solving this issue

code changes

title: Row(
          children: [
            Avatar(size: 32, borderRadius: 3,userId: widget.message.senderId),
            const SizedBox(width: 8),
            RichText(
              text: TextSpan(children: [
                TextSpan(
                  text: '${widget.message.senderFullName}\n',

                  // Restate default
                  style: themeData.textTheme.titleLarge!.copyWith(color: appBarForegroundColor)),
                TextSpan(
                  text: timestampText,

                  // Make smaller, like a subtitle
                  style: themeData.textTheme.titleSmall!.copyWith(color: appBarForegroundColor)),
              ])),
          ],
        ),
        bottom: widget.buildAppBarBottom(context));

Screenshot