fix(flutter): replace ListTile with custom InkWell+Row in _SettingsRow to fix vertical text

ListTile in Material 3 constrains trailing to ~72px, causing long title text
like "Refer & Earn" to be squeezed vertically letter-by-letter. Custom layout
uses Expanded on the title to take all available space, with trailing/chevron
floated to the right — matching how major apps handle settings rows.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

it0_app/lib/features/profile/presentation/pages/profile_page.dart

@@ -961,31 +961,39 @@ class _SettingsRow extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ListTile(
+    final row = Padding(
-      leading: Container(
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
-        width: 32,
+      child: Row(
-        height: 32,
-        decoration: BoxDecoration(
-          color: iconBg,
-          borderRadius: BorderRadius.circular(8),
-        ),
-        child: Icon(icon, color: Colors.white, size: 18),
-      ),
-      title: Text(title),
-      trailing: Row(
-        mainAxisSize: MainAxisSize.min,
         children: [
-          if (trailing != null) Flexible(child: trailing!),
+          Container(
+            width: 32,
+            height: 32,
+            decoration: BoxDecoration(
+              color: iconBg,
+              borderRadius: BorderRadius.circular(8),
+            ),
+            child: Icon(icon, color: Colors.white, size: 18),
+          ),
+          const SizedBox(width: 16),
+          Expanded(
+            child: Text(
+              title,
+              style: Theme.of(context).textTheme.bodyMedium,
+              overflow: TextOverflow.ellipsis,
+            ),
+          ),
+          if (trailing != null) ...[const SizedBox(width: 8), trailing!],
           if (onTap != null) ...[
             const SizedBox(width: 4),
             Icon(Icons.chevron_right,
-                size: 20,
+                size: 20, color: Theme.of(context).hintColor),
-                color: Theme.of(context).hintColor),
           ],
         ],
       ),
-      onTap: onTap,
     );
+    return onTap != null
+        ? InkWell(onTap: onTap, child: row)
+        : row;
   }
 }