ui: add mono font for device ids

lib/ui/device_page.dart

@@ -21,14 +21,6 @@ class HexTable extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final monoStyle = Theme.of(context).textTheme.bodyMedium?.copyWith(
-      fontFeatures: const [
-        // TODO: does not apply to letters, use a full mono font?
-        FontFeature.tabularFigures(),
-        FontFeature.slashedZero()
-      ],
-    );
-
     final chunks = hex.splitByLength(charsPerCell).toList();
     assert(width > 1);
     final height = (chunks.length + 1) ~/ width;
@@ -42,7 +34,7 @@ class HexTable extends StatelessWidget {
               Center(
                 child: Text(
                   chunks[y * width + x],
-                  style: monoStyle,
+                  style: const TextStyle(fontFamily: 'RobotoMono'),
                 ),
               )
           ])

lib/ui/search_peer_page.dart

@@ -90,12 +90,8 @@ class DeviceSuggestionTile extends StatelessWidget {
         softWrap: false,
         overflow: TextOverflow.fade,
         style: TextStyle(
-          color: Theme.of(context).colorScheme.onSurface.withOpacity(.3),
-          // TODO: does not apply to letters, use a full mono font?
-          fontFeatures: const [
-            FontFeature.tabularFigures(),
-            FontFeature.slashedZero()
-          ],
+          color: Theme.of(context).colorScheme.onSurface.withOpacity(.26),
+          fontFamily: 'RobotoMono',
         ),
       ),
     );

pubspec.yaml

@@ -92,22 +92,7 @@ flutter:
   # For details regarding adding assets from package dependencies, see
   # https://flutter.dev/assets-and-images/#from-packages
 
-  # To add custom fonts to your application, add a fonts section here,
-  # in this "flutter" section. Each entry in this list should have a
-  # "family" key with the font family name, and a "fonts" key with a
-  # list giving the asset and other descriptors for the font. For
-  # example:
-  # fonts:
-  #   - family: Schyler
-  #     fonts:
-  #       - asset: fonts/Schyler-Regular.ttf
-  #       - asset: fonts/Schyler-Italic.ttf
-  #         style: italic
-  #   - family: Trajan Pro
-  #     fonts:
-  #       - asset: fonts/TrajanPro.ttf
-  #       - asset: fonts/TrajanPro_Bold.ttf
-  #         weight: 700
-  #
-  # For details regarding fonts from package dependencies,
-  # see https://flutter.dev/custom-fonts/#from-packages
+  fonts:
+    - family: RobotoMono
+      fonts:
+        - asset: assets/RobotoMono.ttf