Example app review (#1268)

* feat(example): Force use Segoe UI font web

* fix(example): Link Pane Item Action shouldn't be indexable

* feat: Specify language in CodeSnippetCard

* chore: Migrate mac app to spm

* fix: update navigation view documentation

* feat: Update progress bar data

* feat: RatingBarPage

* feat: Add InfoBadge page

* fix: Prefer WindowsIcons

* chore: Clean it up

Author: bdlukaa

example/fonts/segoeuithibd.ttf

@@ -1,4 +1,5 @@
 export '../screens/inputs/button.dart';
 export '../screens/inputs/checkbox.dart';
+export '../screens/inputs/rating_bar.dart';
 export '../screens/inputs/slider.dart';
 export '../screens/inputs/toggle_switch.dart';

example/fonts/segoeuithis.ttf

@@ -2,6 +2,8 @@ export '../screens/popups/teaching_tip.dart';
 export '../screens/surface/acrylic.dart';
 export '../screens/surface/commandbars.dart';
 export '../screens/surface/expander.dart';
+export '../screens/surface/info_badge.dart';
 export '../screens/surface/info_bars.dart';
-export '../screens/surface/progress_indicators.dart';
+export '../screens/surface/progress_bar.dart';
+export '../screens/surface/progress_ring.dart';
 export '../screens/surface/tiles.dart';

example/fonts/segoeuithisi.ttf

@@ -1,4 +1,4 @@
-import 'package:example/widgets/card_highlight.dart';
+import 'package:example/widgets/code_snippet_card.dart';
 import 'package:example/widgets/page.dart';
 import 'package:fluent_ui/fluent_ui.dart';
 
@@ -37,7 +37,7 @@ class _AutoSuggestBoxPageState extends State<AutoSuggestBoxPage>
           'for providing relevant suggestions for this control to display.',
         ),
         subtitle(content: const Text('A basic AutoSuggestBox')),
-        CardHighlight(
+        CodeSnippetCard(
           codeSnippet: r'''
 String? selectedCat;
 
@@ -107,7 +107,7 @@ const cats = <String>[
             ' AutoSuggestBox can be used as a replacement of a ComboBox.',
           ),
         ),
-        CardHighlight(
+        CodeSnippetCard(
           codeSnippet: r'''
 class Cat {
   final int id;
@@ -194,7 +194,7 @@ const objectCats = [
             'the overlay is visible, you can use the "isOverlayVisible" property',
           ),
         ),
-        CardHighlight(
+        CodeSnippetCard(
           codeSnippet: r'''
 final asgbKey = GlobalKey<AutoSuggestBoxState>(
   debugLabel: 'Manually controlled AutoSuggestBox',

example/fonts/segoeuithisz.ttf

@@ -1,4 +1,4 @@
-import 'package:example/widgets/card_highlight.dart';
+import 'package:example/widgets/code_snippet_card.dart';
 import 'package:example/widgets/page.dart';
 import 'package:fluent_ui/fluent_ui.dart';
 
@@ -40,7 +40,7 @@ class _CalendarDatePickerPageState extends State<CalendarDatePickerPage>
           'or to limit available dates.',
         ),
         subtitle(content: const Text('A basic calendar date picker')),
-        CardHighlight(
+        CodeSnippetCard(
           codeSnippet:
               '''CalendarDatePicker(
   onSelectionChanged: (value) {