Another Try

src/layouts/NavbarLayout.astro

@@ -29,7 +29,7 @@ const {title, description} = Astro.props;
                 <div class="flex-1 flex justify-evenly items-center md:items-start mt-4 md:flex-row flex-col gap-y-4">
                     <div class="footer-card">
                         <h1>Serverstatus</h1>
-                        <ServerStatus client:only="svelte" />
+                        <ServerStatus transition:persist client:visible />
                     </div>
                     <div class="footer-card">
                         <h1>Links</h1>