fix(striker-ui): change interface names to monospaced

striker-ui/components/BriefNetworkInterface.tsx

@@ -9,7 +9,7 @@ import { Close as MUICloseIcon } from '@mui/icons-material';
 
 import { BLACK, BORDER_RADIUS, GREY } from '../lib/consts/DEFAULT_THEME';
 
-import { BodyText } from './Text';
+import { MonoText } from './Text';
 
 type BriefNetworkInterfaceOptionalProps = {
   isFloating?: boolean;
@@ -66,7 +66,7 @@ const BriefNetworkInterface: FC<
         ...restRootProps,
       }}
     >
-      <BodyText text={networkInterfaceName} />
+      <MonoText>{networkInterfaceName}</MonoText>
       {onClose && (
         <MUIIconButton onClick={onClose} size="small" sx={{ color: GREY }}>
           <MUICloseIcon />

striker-ui/components/NetworkInitForm.tsx

@@ -233,7 +233,7 @@ const createNetworkInterfaceTableColumns = (
           colour={networkInterfaceState === 'up' ? 'ok' : 'off'}
           sx={{ height: 'auto' }}
         />
-        <SmallText text={value} />
+        <MonoText>{value}</MonoText>
       </MUIBox>
     ),
   },