style: point code blocks, device timestamps and AI chat metadata at the shared mono token

src/app/features/bots/AiChatPrivacy.css.ts

@@ -152,7 +152,7 @@ export const LinkProvider = style({
 
 export const LinkUrl = style({
   fontSize: toRem(12),
-  fontFamily: 'ui-monospace, "JetBrains Mono", "SF Mono", monospace',
+  fontFamily: 'var(--font-mono)',
   color: color.Primary.Main,
   wordBreak: 'break-all',
   selectors: {

src/app/features/bots/BotConversations.css.ts

@@ -201,6 +201,7 @@ export const RowTitle = style({
 export const RowTime = style({
   color: color.SurfaceVariant.OnContainer,
   opacity: 0.6,
+  fontFamily: 'var(--font-mono)',
   fontVariantNumeric: 'tabular-nums',
 });
 

src/app/features/settings/devices/DeviceTile.tsx

@@ -50,11 +50,11 @@ function DeviceActiveTime({ ts }: { ts: number }) {
       <Text size="Inherit" as="span" priority="300">
         {t('Settings.last_activity')}
       </Text>
-      <>
+      <span className={Mono}>
         {today(ts) && t('Settings.today')}
         {yesterday(ts) && t('Settings.yesterday')}
         {!today(ts) && !yesterday(ts) && timeDayMonYear(ts)} {timeHourMinute(ts)}
-      </>
+      </span>
     </Text>
   );
 }

src/app/styles/CustomHtml.css.ts

@@ -48,7 +48,7 @@ const BaseCode = style({
   borderRadius: config.radii.R300,
 });
 const CodeFont = style({
-  fontFamily: 'monospace',
+  fontFamily: 'var(--font-mono)',
 });
 
 export const Code = style([