fix(app): use platform-specific components for markdown links

packages/app/src/components/message.tsx

@@ -468,15 +468,24 @@ function MarkdownLink({
   children: ReactNode;
 }) {
   const [hovered, setHovered] = useState(false);
-  const hoverProps =
+  if (Platform.OS !== "web") {
-    Platform.OS === "web"
+    return (
-      ? { onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false) }
+      <Text
-      : {};
+        accessibilityRole="link"
+        onPress={() => onPress(href)}
+        style={style}
+      >
+        {children}
+      </Text>
+    );
+  }
+
   return (
     <Pressable
       accessibilityRole="link"
       onPress={() => onPress(href)}
-      {...hoverProps}
+      onHoverIn={() => setHovered(true)}
+      onHoverOut={() => setHovered(false)}
     >
       <Text style={[style, hovered && { textDecorationLine: "underline" }]}>
         {children}