style: 💄 use NcGuestContent to separate favorites

src/components/Home/Favorites.vue

@@ -1,18 +1,18 @@
 <template>
-	<div class="">
+	<NcGuestContent>
 		<Loading v-if="!currentFavoriteData" class="loading" />
 		<NcAvatar
 			v-if="currentFavoriteData"
 			:display-name="currentFavoriteData.author || currentFavoriteData.title"
 			:is-no-user="true"
-			:size="256"
+			:size="222"
 			:url="currentFavoriteData.imageUrl" />
-	</div>
+	</NcGuestContent>
 </template>
 
 <script>
+import { NcAvatar, NcGuestContent } from '@nextcloud/vue'
 import Loading from '../Atoms/Loading.vue'
-import { NcAvatar } from '@nextcloud/vue'
 import { mapState } from 'pinia'
 import { useSubscriptions } from '../../store/subscriptions.js'
 
@@ -21,6 +21,7 @@ export default {
 	components: {
 		Loading,
 		NcAvatar,
+		NcGuestContent,
 	},
 	props: {
 		url: {