Make links to author pages more discoverable (#4396)

- Add underline on hover to person's name
- Link also from the person's image

site/gdocs/components/Person.scss

@@ -45,6 +45,10 @@
 
     a {
         color: inherit;
+
+        &:hover {
+            text-decoration: underline;
+        }
     }
 }
 

site/gdocs/components/Person.tsx

@@ -31,16 +31,20 @@ export default function Person({ person }: { person: EnrichedBlockPerson }) {
         </div>
     )
 
+    const image = person.image ? (
+        <Image
+            className="person-image"
+            filename={person.image}
+            containerType="person"
+            shouldLightbox={false}
+        />
+    ) : null
+
     return (
         <div className="person">
             {person.image && (
                 <div className="person-image-container">
-                    <Image
-                        className="person-image"
-                        filename={person.image}
-                        containerType="person"
-                        shouldLightbox={false}
-                    />
+                    {url ? <a href={url}>{image}</a> : image}
                     {isSmallScreen && header}
                 </div>
             )}