fix(profile): Tweak CSS so that the group names don't overflow

We do not really lose any information as all groups end with
`@sso.dgnum.eu`

src/shared/static/bulma/bulma.scss

@@ -37,6 +37,11 @@ body {
   --bulma-grid-column-min: 24rem;
 }
 
+.groups > .button > span {
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+}
+
 #notifications {
   margin-left: -0.75rem;
   margin-right: -0.75rem;

src/shared/templates/account/profile.html

@@ -41,7 +41,9 @@
 
     <div class="grid groups">
       {% for group in user.kanidm.person.memberof %}
-        <span class="cell button is-fullwidth is-static">{{ group }}</span>
+        <div class="cell button is-static">
+          <span>{{ group }}</span>
+        </div>
       {% endfor %}
     </div>
   {% else %}