chore: add itemclass to dropdown templates

src/components/detail/ItemDetails.vue

@@ -31,7 +31,7 @@
             name="itemType"
           >
             <template v-slot:itemTypeTemplate="{props}">
-              <div @click="(ev) => props.onClick(ev)">
+              <div @click="(ev) => props.onClick(ev)" :class="props.itemClass">
                 <img :src="itemTypeIconSrc(props.dataItem)" class="backlog-icon" />
                 <span>
                   {{ props.dataItem }}
@@ -80,7 +80,7 @@
             name="itemPrority"
           >
             <template v-slot:itemPriorityTemplate="{props}">
-              <div @click="(ev) => props.onClick(ev)">
+              <div @click="(ev) => props.onClick(ev)" :class="props.itemClass">
                 <span :class="indicatorClass(props.dataItem)">{{ props.dataItem }}</span>
                </div>
             </template>

src/views/BacklogPage.vue

@@ -13,6 +13,7 @@
       </div>
     </div>
     <grid 
+       
       :data-items="gridData"
       :columns="columns"
       @rowclick="onSelectionChange"

src/views/DashboardPage.vue

@@ -24,7 +24,7 @@
             :style="{width: '250px'}"
           >
             <template v-slot:userFilterItemTemplate="{props}">
-              <div class="row k-item" style="margin-left: 5px;" @click="(ev) => props.onClick(ev)">
+              <div :class="{ row: true, ...props.itemClass}" style="margin-left: 5px;" @click="(ev) => props.onClick(ev)">
                 <img class="li-avatar rounded" :src="props.dataItem.avatar" />
                 <span style="margin-left: 5px;">{{ props.dataItem.fullName }}</span>
               </div>