UI improvement (#1829)

* open "create new project/activity" form in modal
* re-use action translation for create action title
* do not pre-select first customer in list - fixes #1828
* sort user preferences in sections for better visual grouping
* show comment date only in hover of user avatar

templates/user/form.html.twig

@@ -1,15 +1,20 @@
 {% extends 'user/layout.html.twig' %}
 
 {% block main %}
-
-    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
-        {% block box_title %}{{ ('profile.' ~ tab)|trans }}{% endblock %}
-        {% block box_body %}
-            {{ form_start(form) }}
-            {{ form_widget(form) }}
-            <input type="submit" value="{{ 'action.save'|trans }}" class="btn btn-primary" />
-            {{ form_end(form) }}
-        {% endblock %}
-    {% endembed %}
+    {{ form_start(form) }}
+    {% for section, counter in sections %}
+        {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
+            {% block box_body %}
+                {% for pref in form.children.preferences %}
+                    {% if pref.vars.data.section == section %}
+                        {{ form_row(pref) }}
+                    {% endif %}
+                {% endfor %}
+            {% endblock %}
+        {% endembed %}
+    {% endfor %}
+    {{ form_widget(form) }}
+    <input type="submit" value="{{ 'action.save'|trans }}" class="btn btn-primary" />
+    {{ form_end(form) }}
 
 {% endblock %}