[React Native Gallery -> Xaml]: Navigation items present in the pane are getting truncated after applying text scaling to 200%.

[Yajur-Grover]

Build Details:
OS Version: Dev (OS Build 27695.1000)
App: React Native Gallery
App Version: 1.0.18.0
React Native Windows Version: 0.75.0

AT: Text Scaling
Resolution: 1280*768

Pre-Requisite :
Text Scaling (Settings->Accessibility->Text size-> Drag the slider to 200% ->Apply))

Repro-Steps:
Launch the React Native Gallery app.
Navigate to ‘All samples’ button present in left navigation pane and invoke it.
Navigate to ‘Xaml’ button present under “Layout” group and invoke it.
Navigate to 'Open Navigation' button present under "A simple Navigation View, heading" and invoke it.
Now observe the navigation items present inside it.
Actual Result:
Navigation items present in the pane are getting truncated after applying text scaling to 200%.

Expected Result:
Navigation items present in the pane should be visible clearly to the user without any data loss and truncation.

User impact:

Users with low vision will not be able to consume the content of the button if it is not visible in Text scaling mode.

Link to ADO bug: https://microsoft.visualstudio.com/OS/_workitems/edit/54111179