chore: tweak link styles

web/src/components/MemoContent/Link.tsx

@@ -38,19 +38,23 @@ const Link: React.FC<Props> = ({ text, url }: Props) => {
         <div className="w-full max-w-64 sm:max-w-96 p-1 flex flex-col">
           <a href={url} target="_blank" rel="noopener noreferrer" className="group w-full flex flex-row justify-start items-center gap-1">
             <img className="w-5 h-5 pointer-events-none" src={getFaviconWithGoogleS2(url)} alt={linkMetadata?.title} />
-            <h3 className="text-base truncate dark:opacity-90 group-hover:opacity-80">{linkMetadata?.title}</h3>
+            <h3 className="text-base truncate dark:opacity-90 group-hover:opacity-80 group-hover:underline">{linkMetadata?.title}</h3>
           </a>
           {linkMetadata.description && (
-            <p className="mt-1 w-full text-sm leading-snug opacity-80 line-clamp-2">{linkMetadata.description}</p>
+            <p className="mt-1 w-full text-sm leading-snug opacity-80 line-clamp-3">{linkMetadata.description}</p>
           )}
         </div>
       }
       arrow
     >
-      <MLink href={url}>{url || text}</MLink>
+      <MLink underline="always" href={url}>
+        {url || text}
+      </MLink>
     </Tooltip>
   ) : (
-    <MLink href={url}>{url || text}</MLink>
+    <MLink underline="always" href={url}>
+      {url || text}
+    </MLink>
   );
 };