rename setting to "use alt now playing ..."

+ fix right now playing component gap
+ show emoji if there's no search result
+ abstract now playing component settings into one setting
+ break context menu's context item into a component

src/components/shared/Option.vue

@@ -1,5 +1,5 @@
 <template>
-  <button id="option-drop" @click.stop.prevent="showDropdown">
+  <button id="option-drop" @click.stop.prevent="showDropdown" class="btn-more">
     <MoreSvg />
   </button>
 </template>
@@ -8,7 +8,7 @@ import { onMounted } from "vue";
 import MoreSvg from "../../assets/icons/more.svg";
 let elem: DOMRect;
 
-defineProps<{
+const props = defineProps<{
   src?: string;
 }>();
 
@@ -22,19 +22,11 @@ onMounted(() => {
 });
 
 function showDropdown(e: Event) {
+  if (!props.src) return;
+
   emit("showDropdown", {
     clientX: elem.left + 35,
     clientY: elem.top,
   });
 }
 </script>
-<style lang="scss">
-#option-drop {
-  display: flex;
-  align-items: center;
-
-  svg {
-    transform: scale(1.25);
-  }
-}
-</style>