fix some connectivity issue

frontend/src/routes/[fam]/+layout.svelte

@@ -209,6 +209,7 @@
 			role={data.session ? role : ''}
 			seasons={famStore.seasons.filter((s) => s.active !== false)}
 			announcement={disabled && !activating ? accessMessage(accessReason, isParent) : ''}
+			connected={!famStore.connectionDown}
 		>
 			<button class="chat-toggle" onclick={() => chatStore.toggle()} aria-label="Open chat">
 				{@html chatIcon}
@@ -251,6 +252,9 @@
 				{claimToast} — view dashboard →
 			</a>
 		{/if}
+		{#if famStore.connectionDown}
+			<div class="conn-toast" role="status">Reconnecting… live updates paused</div>
+		{/if}
 		<Footer sidebar />
 	</div>
 	{#if chatStore.open}
@@ -279,6 +283,21 @@
 	.claim-toast:hover {
 		background: #d97706;
 	}
+	.conn-toast {
+		position: fixed;
+		bottom: 1rem;
+		left: 50%;
+		transform: translateX(-50%);
+		background: #1f2937;
+		color: #fff;
+		padding: 0.5rem 1.1rem;
+		border-radius: 999px;
+		font-size: 0.8rem;
+		font-weight: 600;
+		z-index: 95;
+		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
+		animation: fadein 0.2s;
+	}
 	@media (max-width: 1023px) {
 		.claim-toast {
 			left: 56px;