TouchableWithoutFeedback is getting truncated when text scaling is set 200% (#642)

* adding changes so that narrator and keyboard remains in focus

* adding fix TouchableWithoutFeedback truncation issue

* Removing comments

* removing unnenecessary files

* adding accessibilityLabel tags

---------

Co-authored-by: Protik Biswas <protikbiswas100@microsoft.com>

Author: protikbiswas100

NewArch/src/App.tsx

@@ -43,6 +43,9 @@ const styles = StyleSheet.create({
   drawer: {
     backgroundColor: PlatformColor('NavigationViewDefaultPaneBackground'),
     height: '100%',
+    width: 440, // Increased from default for better label fit
+    minWidth: 440,
+    maxWidth: 500,
   },
   drawerText: {
     color: PlatformColor('TextControlForeground'),
@@ -149,9 +152,15 @@ const DrawerListItem = React.forwardRef<Pressable, DrawerListItemProps>(
             {icon}
           </Text>
         </View>
-        <Text accessible={false} style={styles.drawerText}>
-          {label}
-        </Text>
+        <Text
+        accessible={false}
+        style={styles.drawerText}
+        maxFontSizeMultiplier={1}
+        numberOfLines={1}
+        ellipsizeMode="tail"
+      >
+        {label}
+      </Text>
       </Pressable>
     );
   },