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

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

src/views/contents/contentfullscreen/FullScreenContentMd.vue

@@ -49,12 +49,7 @@
         </div>
 
         <div class="flex justify-around py-2">
-          <v-btn variant="plain" icon @click="likeContent">
-            <v-icon :color="'#313131'">mdi-thumb-up-outline</v-icon>
-          </v-btn>
-          <v-btn variant="plain" icon @click="dislikeContent">
-            <v-icon :color="'#000000'">mdi-thumb-down-outline</v-icon>
-          </v-btn>
+          <Reaction v-if="data" :content="data"></Reaction>
 
           <donation-button v-if="data"
                            :color-border="data.colorMenu"
@@ -89,6 +84,7 @@ import MessageList from "@/views/messages/MessageList.vue";
 import DonationButton from "@/views/creators/DonationButton.vue";
 import {useClient} from "@/plugins/api.js";
 import {useRoute} from 'vue-router';
+import Reaction from "@/views/contents/Reaction.vue";
 
 const data = ref(null);
 const currentImageIndex = ref(0);
@@ -119,7 +115,6 @@ const fetchContentData = async (contentId) => {
   try {
     const response = await client.get(`/api/contents/${contentId}`);
     data.value = response.data;
-    console.table(data.value)
   } catch (error) {
     console.error(`Error fetching content: ${error}`);
   }