icons: Add matchTextDirection to directional icons

Fixes #1907

We update the icon generation script to automatically set
matchTextDirection: true for icons that imply directionality
(arrow_right, chevron_right, send).

This ensures these icons flip correctly in RTL locales.

Author: yash-agarwa-l

lib/widgets/icons.dart

@@ -31,7 +31,7 @@ abstract final class ZulipIcons {
   static const IconData arrow_left_right = IconData(0xf102, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "arrow_right".
-  static const IconData arrow_right = IconData(0xf103, fontFamily: "Zulip Icons");
+  static const IconData arrow_right = IconData(0xf103, fontFamily: "Zulip Icons", matchTextDirection: true);
 
   /// The Zulip custom icon "at_sign".
   static const IconData at_sign = IconData(0xf104, fontFamily: "Zulip Icons");
@@ -64,7 +64,7 @@ abstract final class ZulipIcons {
   static const IconData chevron_down = IconData(0xf10d, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "chevron_right".
-  static const IconData chevron_right = IconData(0xf10e, fontFamily: "Zulip Icons");
+  static const IconData chevron_right = IconData(0xf10e, fontFamily: "Zulip Icons", matchTextDirection: true);
 
   /// The Zulip custom icon "circle_x".
   static const IconData circle_x = IconData(0xf10f, fontFamily: "Zulip Icons");
@@ -160,7 +160,7 @@ abstract final class ZulipIcons {
   static const IconData see_who_reacted = IconData(0xf12d, fontFamily: "Zulip Icons");
 
   /// The Zulip custom icon "send".
-  static const IconData send = IconData(0xf12e, fontFamily: "Zulip Icons");
+  static const IconData send = IconData(0xf12e, fontFamily: "Zulip Icons", matchTextDirection: true);
 
   /// The Zulip custom icon "settings".
   static const IconData settings = IconData(0xf12f, fontFamily: "Zulip Icons");

tools/icons/build-icon-font.js

@@ -62,12 +62,26 @@ async function main() {
   fs.copyFileSync(path.join(tmpDir, `${fontName}.ttf`), path.join(destDir, `${fontFileBaseName}.ttf`));
 
   const template = fs.readFileSync(dataTemplateFile, 'utf8');
+  // List of icons that should flip in RTL layouts
+  const directionalIcons = [
+    'arrow_right',
+    'chevron_right',
+    'send',
+  ];
+
   const generated = Object.entries(codepoints).map(([name, codepoint]) => {
     const codepointHex = "0x" + codepoint.toString(16);
+    
+    // Check if this icon needs the RTL flag
+    let extraParams = "";
+    if (directionalIcons.includes(name)) {
+      extraParams = ", matchTextDirection: true";
+    }
+
     return `\
 
   /// The Zulip custom icon "${name}".
-  static const IconData ${name} = IconData(${codepointHex}, fontFamily: "${fontName}");
+  static const IconData ${name} = IconData(${codepointHex}, fontFamily: "${fontName}"${extraParams});
 `;
   }).join("");
   const output = template.replace(