Fix clipping of menu items when using Navigation LeftFluent

[jdrames]

Pull request type

Please check the type of change your PR introduces:

• Update
• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes

What is the current behavior?

When using the LeftFluent navigation feature the text below the icons clip after selecting a menu item and then selecting another menu item. Letters that fall below the baseline don't appear correctly. Example letters: g, j, p, q, y. This can be seen by running the examples with navigation set to LeftFluent and then click on "Settings" and then back to Home or Data. The "g" in settings will now be clipped.

Issue Number: N/A

What is the new behavior?

• the icon animation will process based on the FluentNavIconSize to match the icons size
• no letters are clipped after the animation

Other information

Before

After

[cla-bot]

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have the users @jdrames on file. In order for us to review and merge your code, please contact the project maintainers to get yourself added.

[jdrames]

@pomianowski The auto response from the cla-bot makes reference to signing a CLA. But there is no contact or additional information on this. Is there anything you need me to do for that?