Use KButton for some buttons in Channels

Author: RONAK-AI647

contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelList.vue

@@ -14,15 +14,15 @@
       >
         <VLayout>
           <VSpacer />
-          <VBtn
+          <KButton
             v-if="isEditable && !loading"
-            color="primary"
+            appearance="raised-button"
+            primary
             class="add-channel-button"
             data-test="add-channel"
+            :text="$tr('channel')"
             @click="newChannel"
-          >
-            {{ $tr('channel') }}
-          </VBtn>
+          />
         </VLayout>
       </VFlex>
     </VLayout>

contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue

@@ -39,14 +39,14 @@
       </VFlex>
       <VSpacer />
       <VFlex class="text-xs-right">
-        <VBtn
+        <KButton
           v-if="!loading"
-          color="primary"
+          appearance="raised-button"
+          primary
           data-test="add-channelset"
+          :text="$tr('addChannelSetTitle')"
           @click="newChannelSet"
-        >
-          {{ $tr('addChannelSetTitle') }}
-        </VBtn>
+        />
       </VFlex>
     </VLayout>
     <VLayout