disable media and line breaks in trending notes

packages/app/src/Element/Trending/ShortNote.tsx

@@ -5,14 +5,16 @@ import { Link } from "react-router-dom";
 import NoteTime from "@/Element/Event/NoteTime";
 
 export default function ShortNote({ event }: { event: TaggedNostrEvent }) {
+  // replace newlines with spaces, replace double spaces with single spaces
+  const content = event.content.slice(0, 80).replace(/\n/g, " ").replace(/  +/g, " ");
   return (
     <Link to={`/${NostrLink.fromEvent(event).encode(CONFIG.eventLinkPrefix)}`} className="flex flex-col">
       <div className="flex flex-row justify-between">
         <ProfileImage pubkey={event.pubkey} size={32} showNip05={false} />
         <NoteTime from={event.created_at * 1000} />
       </div>
       <div className="ml-10">
-        <Text {...event} truncate={75} />
+        <Text {...event} content={content} truncate={75} disableMedia={true} />
       </div>
     </Link>
   );