Add monospace seller

app/src/components/CheckoutSheet.tsx

@@ -6,6 +6,7 @@ import { BottomSheet, Button, Spinner, Typography, useThemeColor } from "heroui-
 import { PRODUCTS, RESOLVERS } from "@/data/mock";
 import { useModals } from "@/state/modals";
 import { ResolverCard } from "@/components/ResolverCard";
+import { MonoText } from "@/components/MonoText";
 
 export function CheckoutSheet(): JSX.Element {
   const router = useRouter();
@@ -54,9 +55,9 @@ export function CheckoutSheet(): JSX.Element {
                   <Typography type="body-sm" weight="semibold" numberOfLines={1}>
                     {listing.name}
                   </Typography>
-                  <Typography type="body-xs" color="muted">
+                  <MonoText type="body-xs" color="muted">
                     {listing.seller}
-                  </Typography>
+                  </MonoText>
                 </View>
               </View>