feat: readable content without island, menu mobile rendered and testing tag component (#1486)

Author: robsongajunior

src/components/PageContent/PageContent.astro

@@ -50,7 +50,7 @@ const t = useTranslations(Astro);
 	} -->
 	<article>
 		<section class="px-container">
-			<ReadableContent client:load>
+			<ReadableContent>
 				<header>
 					<div class="mb-8 mt-2">
 						<Breadcrumb data={breadcrumbs} />

src/content/docs/en/pages/build-journey/develop-with-azion/frameworks/framework-angular.mdx

@@ -14,9 +14,7 @@ menu_namespace: cliMenuAlpha
 
 import Tag from 'primevue/tag';
 
-<Tag severity="info" client:only="vue">
-  Static application
-</Tag>
+<Tag severity="info" value="Static application" client:only="vue" />
 
 Angular is an open-source web framework designed with an emphasis on speed and suitability for websites that contain substantial content
 

src/layouts/BaseLayout.astro

@@ -230,14 +230,14 @@ const translatedPages = await (async (c) => {
 			<Fragment slot="mobile-right-sidebar">
 				<HeaderRightSidebar
 					class="pt-8 pb-8"
-					client:only="vue"
+					client:idle
 					menuData={menuData}
 					menuSecondary={menuSecondaryMobile}
 					bottomButtons={bottomButtonsMobile}
 				>	
 					<Fragment slot="main-content">
 						<SidebarPanelMenu
-							client:only="vue"
+							client:idle
 							lang={lang}
 							data={sidebarSections.map((item) => {
 								item.hasLabel = (item.hasLabel ? t(item.hasLabel) : '');