fix(landing-page): starfield not loading

apps/landing-page/src/pages/index.astro

@@ -1,10 +1,9 @@
 ---
+import "~/styles/index.css";
 import Header from "~/components/header.astro";
 // import Icon from "astro-icon";
 import Splash from "~/sections/splash.astro";
-import "~/styles/index.css";
 // import AstroSection from "~/sections/astro-section.astro";
-import Starfield from "~/sections/starfield.astro";
 
 const { site } = Astro;
 const image = new URL("social.jpg", site);
@@ -80,7 +79,5 @@ const description =
     <Header />
     <Splash />
     <!--AstroSection /-->
-
-    <Starfield client:load />
   </body>
 </html>

apps/landing-page/src/sections/splash.astro

@@ -1,7 +1,7 @@
 ---
 import { generateImage } from "astro-eleventy-img";
 import { Icon } from "astro-icon";
-// import Starfield from "~/sections/starfield.astro";
+import Starfield from "~/sections/starfield.astro";
 import Copynpm from "~/components/copynpm.astro";
 
 const widths = [450, 800];
@@ -20,6 +20,7 @@ const pngSrcset = png.map(({ srcset }) => srcset).join(",");
 ---
 
 <section class="h-screen flex flex-col px-10 astro relative">
+  <Starfield client:load />
   <div
     class="relative flex flex-col-reverse justify-end pt-16 h-full astro-lg:grid-cols-2 place-items-center astro-lg:grid astro-lg:pt-0 astro-img:pt-10"
   >
@@ -66,14 +67,6 @@ const pngSrcset = png.map(({ srcset }) => srcset).join(",");
   </div>
 </section>
 
-<noscript>
-  <style>
-    #splash-bg-fallback {
-      display: block;
-    }
-  </style>
-</noscript>
-
 <style>
   @keyframes float {
     0% {