Update directives

src/layouts/BaseLayout.astro

@@ -41,7 +41,7 @@ const { title } = Astro.props;
       <a class="skip-to-content" href="#main" aria-label="Skip to content"
         >Skip to content</a
       >
-      <NavigationReact client:load />
+      <NavigationReact client:only />
       <div class="mt-14 flex-1"><slot /></div>
       <Footer />
       <CookieConsent />

src/pages/index.astro

@@ -12,9 +12,9 @@ import RecordAnything from "../components/homepage/RecordAnything.astro";
 
 <BaseLayout title="Audacity | Home">
   <HeroBanner />
-  <ReleaseVideo client:load/>
+  <ReleaseVideo client:only/>
   <RecordAnything />
-  <ShareYourSounds client:load/>
+  <ShareYourSounds client:only/>
   <FeatureCards />
   <BlogPosts />
   <DownloadBanner />