Minor UI improvements (clickable logo and user in header).

services/webapp/code/rosetta/core_app/templates/logo.html

 
 <div style="background:#f8f8f8; margin:0px; padding-top:8px; padding-bottom:0px; border-bottom:lightgray 1px solid; margin-bottom:20px">
 <!-- <img src="/static/img/logo.png" style="height:35px; margin-left:10px; margin-top:10px; margin-bottom:10px; margin-right:20px;">  -->
+<a href="/" style="text-decoration: none; color: inherit">
 <span style="margin-left:15px;font-size:1.8em"><b>Rosetta</b></span> <img src="/static/img/emoji_u1f6f0.png" style="height:42px; padding-bottom:20px">
+</a>
 </div>

services/webapp/code/rosetta/core_app/templates/navigation.html

     {% if not data.dedicated or data.user.is_authenticated %}
+    
+    {% if user.is_authenticated %}
+    <div style="position: absolute; top: 18px; right: 80px; z-index: 2;">
+    <font>
+    <i class="fa fa-user"></i>
+    {{ user.email }}
+    </font>
+    </div>
+    {% endif %}
+    
     <!-- Navigation -->
     <a id="menu-toggle" href="#" class="btn btn-light btn-lg toggle" style="border:1px solid #c0c0c0"><i class="fa fa-bars" ></i></a>
     <nav id="sidebar-wrapper">