Use fluent-ui-react-native controls

[chrisglein]

General issues hit along the way:

• Required explicit importing of SVG (see https://github.com/microsoft/fluentui-react-native/issues/2613)
• Required switching to classic runtime (see https://github.com/microsoft/fluentui-react-native/issues/1891)

Button

Upsides

• Supports hover
• Supports tooltips
• Supports styling differences for default buttons vs. standard buttons.

  Downsides

• Doesn't use the system accent color
• Doesn't support dark mode (is that this? https://github.com/microsoft/fluentui-react-native/issues/2492)

Link

Downsides

• Requires you set content and url (can't just specify url).
• Color stuff is broken: Failed prop type: invalid prop 'color' supplied to 'Text': linkHovered. (or link, linkPressed) Looks similar to this: https://github.com/microsoft/fluentui-react-native/issues/1226. Results in uncolored links:

Icon

Not sure whether intended or not that I can't use on its own: https://github.com/microsoft/fluentui-react-native/issues/935 May be interesting as a straightforward wrapper for Segoe MDL2 style icons, like XAML has.

Separator

Seems cool, haven't tried.

Text

I guess this would give me standardized text ramps? Haven't tried.

Checkbox

Would prefer to toggle switches in Settings, honestly. Should migrate to?

[chrisglein]

Worked around many of these by implementing my own ThemeProvider. When that's solid enough it should be upstreamed to the FURN repo.

[chrisglein]

Superseded by #116