fix: Add visible titles to image-based links

Author: arbirali

src/Logo.jsx

@@ -7,7 +7,7 @@ const Logo = ({
   alt,
   ...attributes
 }) => (
-  <a href={href} className="logo" {...attributes}>
+  <a href={href} className="logo" title={alt} {...attributes}>
     <img className="d-block" src={src} alt={alt} />
   </a>
 );

src/__snapshots__/Header.test.jsx.snap

@@ -19,6 +19,7 @@ exports[`<Header /> renders correctly for anonymous desktop 1`] = `
       <a
         className="logo"
         href="http://localhost:18000/dashboard"
+        title="edX"
       >
         <img
           alt="edX"
@@ -140,6 +141,7 @@ exports[`<Header /> renders correctly for anonymous mobile 1`] = `
       className="logo"
       href="http://localhost:18000/dashboard"
       itemType="http://schema.org/Organization"
+      title="edX"
     >
       <img
         alt="edX"
@@ -208,6 +210,7 @@ exports[`<Header /> renders correctly for authenticated desktop 1`] = `
       <a
         className="logo"
         href="http://localhost:18000/dashboard"
+        title="edX"
       >
         <img
           alt="edX"
@@ -379,6 +382,7 @@ exports[`<Header /> renders correctly for authenticated mobile 1`] = `
       className="logo"
       href="http://localhost:18000/dashboard"
       itemType="http://schema.org/Organization"
+      title="edX"
     >
       <img
         alt="edX"