fix(RecentPagesWidget): Set aria-label expand/collape link element

Also use `v-show` instead of `v-if` for recent pages to solve issues
with registering events on its element.

Signed-off-by: Jonas <jonas@freesources.org>

src/components/Page/LandingPageWidgets/RecentPagesWidget.vue

@@ -1,16 +1,16 @@
 <template>
 	<div class="recent-pages-widget">
 		<a class="recent-pages-title"
+			:aria-label="expandLabel"
 			@keydown.enter="toggleWidget"
 			@click="toggleWidget">
 			<WidgetHeading :title="t('collectives', 'Recent pages')" />
 			<div class="toggle-icon">
 				<ChevronDownButton :size="24"
-					:title="t('collectives', 'Expand recent pages')"
 					:class="{ 'collapsed': !showRecentPages }" />
 			</div>
 		</a>
-		<div v-if="showRecentPages" class="recent-pages-widget-container">
+		<div v-show="showRecentPages" class="recent-pages-widget-container">
 			<div ref="pageslider" class="recent-pages-widget-pages">
 				<RecentPageTile v-for="page in trimmedRecentPages"
 					:key="page.id"
@@ -67,6 +67,12 @@ export default {
 			'recentPages',
 		]),
 
+		expandLabel() {
+			return this.showRecentPages
+				? t('collectives', 'Collapse recent pages')
+				: t('collectives', 'Expand recent pages')
+		},
+
 		showRecentPages() {
 			return this.currentCollective.userShowRecentPages ?? true
 		},