msglist: Move star icon 2px away from the edge of the screen

Fixes: #1247

Author: lakshya1goel

lib/widgets/message_list.dart

@@ -3,7 +3,7 @@ import 'dart:math';
 import 'package:collection/collection.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_color_models/flutter_color_models.dart';
-import 'package:intl/intl.dart';
+import 'package:intl/intl.dart' hide TextDirection;
 
 import '../api/model/model.dart';
 import '../generated/l10n/zulip_localizations.dart';
@@ -1417,10 +1417,25 @@ class MessageWithPossibleSender extends StatelessWidget {
                         letterSpacing: proportionalLetterSpacing(
                           context, 0.05, baseFontSize: 12))),
                 ])),
-              SizedBox(width: 16,
-                child: message.flags.contains(MessageFlag.starred)
-                  ? Icon(ZulipIcons.star_filled, size: 16, color: designVariables.star)
-                  : null),
+              SizedBox(
+                width: 16,
+                child: () {
+                  Widget? star;
+                  if (message.flags.contains(MessageFlag.starred)) {
+                    final offset = switch (Directionality.of(context)) {
+                      TextDirection.ltr => -2.0,
+                      TextDirection.rtl => 2.0,
+                    };
+                    star = Transform.translate(
+                      offset: Offset(offset, 0),
+                      child: Icon(size: 16, color: designVariables.star,
+                        ZulipIcons.star_filled,
+                      ),
+                    );
+                  }
+                  return star;
+                }(),
+              ),
             ]),
         ])));
   }