Merge remote-tracking branch 'origin/main' into I18N

# Conflicts:
#	src/views/main/Header.vue

src/views/contents/contentcards/SmContentCard.vue

@@ -64,12 +64,8 @@
 
     <div class="px-1">
       <div class="flex justify-around ">
-        <v-btn variant="plain" icon @click="likeContent">
-          <v-icon>mdi-thumb-up-outline</v-icon>
-        </v-btn>
-        <v-btn variant="plain" icon @click="dislikeContent">
-          <v-icon>mdi-thumb-down-outline</v-icon>
-        </v-btn>
+        <Reaction :content="content"></Reaction>
+
         <v-btn
             :class="{'comment-active': hasMessages}"
             variant="plain"
@@ -152,6 +148,7 @@ import YoutubePlayer from '../YoutubePlayer.vue';
 import ImageViewer from '../ImageViewer.vue';
 import {useClient} from "@/plugins/api.js";
 import {useAuthStore} from "@/stores/authStore.js";
+import Reaction from "@/views/contents/Reaction.vue";
 
 const props = defineProps({
   content: {