feat: Enhance session item UI

app/components/public/session-item.hbs

@@ -40,7 +40,7 @@
            </div>
            <div class="left floated nine wide column">
              {{#each @session.speakers as |speaker|}}
-                {{speaker.name}} ({{speaker.position}}, {{speaker.organisation}})
+                {{speaker.name}} {{#if (or speaker.position speaker.positionOrganisation)}}({{speaker.positionOrganisation}}){{/if}}
                 <br>
               {{/each}}
             </div>
@@ -119,7 +119,7 @@
         <br>
         {{speaker.name}}
         <br>
-        {{speaker.position}}, {{speaker.organisation}}
+        {{speaker.positionOrganisation}}
         <br>
         {{#if speaker.shortBiography}}
           {{sanitize speaker.shortBiography}}

app/components/public/session-item.js

@@ -1,4 +1,3 @@
-
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
@@ -7,7 +6,7 @@ import { extractYoutubeUrl } from 'open-event-frontend/utils/url';
 
 export default class SessionItem extends Component {
   @service router;
-  
+
   @tracked
   hideImage = this.args.expanded;
 

app/models/speaker.js

@@ -1,6 +1,7 @@
 import attr from 'ember-data/attr';
 import ModelBase from 'open-event-frontend/models/base';
 import { belongsTo, hasMany } from 'ember-data/relationships';
+import { computed } from '@ember/object';
 
 export default class Speaker extends ModelBase.extend({
 
@@ -43,6 +44,10 @@ export default class Speaker extends ModelBase.extend({
   event    : belongsTo('event'),
   sessions : hasMany('session'),
 
+  positionOrganisation: computed('position', 'organization', function() {
+    return [this.position, this.organisation].filter(Boolean).join(', ');
+  }),
+
   ready() {
     if (!this.complexFieldValues) {
       this.complexFieldValues = {};