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

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

Start by launching the React Native Gallery app with Text Scaling set to 200% and follow the reported path through All samples, Layout, Xaml, and A simple Navigation View. Inspect the navigation pane items and determine what change is needed so their text remains fully visible without truncation, then verify the result at the reported resolution and scaling level.