add insert and add button to kara in playlist

instance/index.js

@@ -434,6 +434,16 @@ function addPlayListKaraEventHandlers(element) {
             id:element.getElementsByClassName('karaID')[0].innerText
         });
     });
+    element.getElementsByClassName('karaAddBtn')[0].addEventListener('click', () =>
+            ipcRenderer.send('add-kara-queue-id', {
+                id: element.getElementsByClassName('karaID')[0].innerText,
+            })
+        );
+        element.getElementsByClassName('karaInsertBtn')[0].addEventListener('click', () =>
+            ipcRenderer.send('insert-kara-queue-id', {
+                id: element.getElementsByClassName('karaID')[0].innerText,
+            })
+        );
 }
 
 function onDragStartDB(event) {

instance/views/karaPlaylistListItem.ejs

@@ -4,6 +4,8 @@
     <%- include('kara.ejs'); %>
     <div class="karaElement p-2 bd-highlight">
         <div class="d-flex flex-row bd-highlight mb-3 btn-group karaActionBtnGroup" role="group">
+            <button class="btn btn-outline-light karaActionBtn karaAddBtn" title="Add"><i class="fas fa-plus"></i></button>
+            <button class="btn btn-outline-light karaActionBtn karaInsertBtn" title="Insert"><i class="fas fa-level-up-alt"></i></button>
             <button class="btn btn-outline-light karaActionBtn karaDeleteBtn" title="Delete"><i class="fas fa-times"></i></button>
         </div>
     </div>