fix(iOS): enhance layout direction handling in NewTabView for better RTL support

Author: Ahmed Awaad

packages/react-native-bottom-tabs/ios/TabView/NewTabView.swift

@@ -12,11 +12,15 @@ struct NewTabView: AnyTabView {
   @ViewBuilder
   var body: some View {
     var effectiveLayoutDirection: LayoutDirection {
-      if let layoutDirectionString = props.layoutDirection {
-        return layoutDirectionString == "rightToLeft" ? .rightToLeft : .leftToRight
-      }
-      return .leftToRight
+    let dir = props.layoutDirection ?? "locale"
+    if let mapped = ["rtl": LayoutDirection.rightToLeft,
+                     "ltr": LayoutDirection.leftToRight][dir] {
+        return mapped
     }
+    let system = UIView.userInterfaceLayoutDirection(for: .unspecified)
+    return system == .rightToLeft ? .rightToLeft : .leftToRight
+}
+
     TabView(selection: $props.selectedPage) {
       ForEach(props.children) { child in
         if let index = props.children.firstIndex(of: child),