title: Add Avatar (user profile photo) to Semantic UI React's Dropdown
body: <p>As a side project I wrote a little app, and for themes and layout I used React-Bootsrap. Right now I'm trying to learn Semantic UI React &amp; I can't figure out how to add user profile photo to the dropdown (originally got the idea from <a href="https://i.stack.imgur.com/OqaJh.png" rel="nofollow noreferrer">Github's dropdown</a>)</p>
  <p>This is <a href="https://i.stack.imgur.com/jH6v2.png" rel="nofollow noreferrer">how it looks right now</a> in my app using React Bootstrap</p>
  <p>React Bootstrap code:</p>
  <pre class="lang-js prettyprint-override"><code>  &lt;NavDropdown
        alignRight
        title={&lt;StyledUserIMG src={user.photoURL} alt='userPhoto' /&gt;}
      &gt;
        &lt;NavDropdown.ItemText&gt;
          Signed in as &lt;b&gt;{user.displayName}&lt;/b&gt;
        &lt;/NavDropdown.ItemText&gt;
        &lt;NavDropdown.Item onClick={async () =&gt; await signOut()}&gt;
          &lt;b&gt;Sign Out &lt;/b&gt;
          &lt;i className='fas fa-sign-out-alt'&gt;&lt;/i&gt;
        &lt;/NavDropdown.Item&gt;
      &lt;/NavDropdown&gt; 
  </code></pre>
  <p>Semantic UI code (what I have so far):</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Dropdown item&gt;
    &lt;Dropdown.Item&gt;
      Signed in as &lt;b&gt;{user.displayName}&lt;/b&gt;
    &lt;/Dropdown.Item&gt;
    &lt;Dropdown.Item onClick={async () =&gt; await signOut()}&gt;
      &lt;b&gt;Sign Out &lt;/b&gt; &lt;i className='fas fa-sign-out-alt'&gt;&lt;/i&gt;
    &lt;/Dropdown.Item&gt;
  &lt;/Dropdown&gt;
  </code></pre>
  <p>Thank you in advance, wish y'all the best.</p>