refactor: Converted Sidebar and SearchQueryItem to composition API

frontend/src/components/SearchQueryItem.vue

@@ -1,3 +1,9 @@
+<script setup lang="ts">
+defineProps({
+	result: { type: Object, default: () => {} }
+});
+</script>
+
 <template>
 	<div class="universal-item search-query-item">
 		<div class="thumbnail-and-info">
@@ -34,17 +40,6 @@
 	</div>
 </template>
 
-<script>
-export default {
-	props: {
-		result: {
-			type: Object,
-			default: () => {}
-		}
-	}
-};
-</script>
-
 <style lang="less">
 .search-query-actions-enter-active,
 .musare-search-query-actions-enter-active,

frontend/src/components/Sidebar.vue

@@ -1,3 +1,9 @@
+<script setup lang="ts">
+defineProps({
+	title: { type: String, default: "Sidebar" }
+});
+</script>
+
 <template>
 	<div class="sidebar" transition="slide">
 		<div class="inner-wrapper">
@@ -7,14 +13,6 @@
 	</div>
 </template>
 
-<script>
-export default {
-	props: {
-		title: { type: String, default: "Sidebar" }
-	}
-};
-</script>
-
 <style lang="less" scoped>
 .inner-wrapper {
 	overflow: auto;