Show one sleep-rhythm error, not three

The rhythm, average-sleep and chronotype cards on /insights/sleep share
a single ["sleep-rhythm"] read, and each rendered its own copy of the
same failure sentence — so one failed read painted the identical notice
three times, none of them offering a way to try again.

The page owns the shared state now: one notice with a retry in place of
the card row. The cards keep their loading and empty handling and drop
the duplicated error branch.

src/components/insights/sleep/average-sleep-section.tsx

@@ -2,7 +2,6 @@
 
 import { useAuth } from "@/hooks/use-auth";
 import { Skeleton } from "@/components/ui/skeleton";
-import { useTranslations } from "@/lib/i18n/context";
 import { useSleepRhythm } from "./use-sleep-rhythm";
 import { AverageSleepCard } from "./average-sleep-card";
 
@@ -21,25 +20,10 @@ import { AverageSleepCard } from "./average-sleep-card";
  */
 export function AverageSleepSection({ enabled }: { enabled: boolean }) {
   const { isAuthenticated } = useAuth();
-  const { t } = useTranslations();
-  const { data, isLoading, isError } = useSleepRhythm(
-    isAuthenticated && enabled,
-  );
+  const { data, isLoading } = useSleepRhythm(isAuthenticated && enabled);
 
   if (!enabled) return null;
 
-  if (isError) {
-    return (
-      <div
-        data-slot="average-sleep-error"
-        role="status"
-        className="bg-card border-border text-muted-foreground rounded-xl border p-4 text-sm"
-      >
-        {t("insights.sleep.rhythm.loadError")}
-      </div>
-    );
-  }
-
   if (isLoading || !data) {
     return (
       <Skeleton

src/components/insights/sleep/chronotype-section.tsx

@@ -2,7 +2,6 @@
 
 import { useAuth } from "@/hooks/use-auth";
 import { Skeleton } from "@/components/ui/skeleton";
-import { useTranslations } from "@/lib/i18n/context";
 import { useSleepRhythm } from "./use-sleep-rhythm";
 import { ChronotypeCard } from "./chronotype-card";
 
@@ -26,25 +25,10 @@ import { ChronotypeCard } from "./chronotype-card";
  */
 export function ChronotypeSection({ enabled }: { enabled: boolean }) {
   const { isAuthenticated } = useAuth();
-  const { t } = useTranslations();
-  const { data, isLoading, isError } = useSleepRhythm(
-    isAuthenticated && enabled,
-  );
+  const { data, isLoading } = useSleepRhythm(isAuthenticated && enabled);
 
   if (!enabled) return null;
 
-  if (isError) {
-    return (
-      <div
-        data-slot="chronotype-error"
-        role="status"
-        className="bg-card border-border text-muted-foreground rounded-xl border p-4 text-sm"
-      >
-        {t("insights.sleep.rhythm.loadError")}
-      </div>
-    );
-  }
-
   if (isLoading || !data) {
     return (
       <Skeleton

src/components/insights/sleep/sleep-rhythm-section.tsx

@@ -2,7 +2,6 @@
 
 import { useAuth } from "@/hooks/use-auth";
 import { Skeleton } from "@/components/ui/skeleton";
-import { useTranslations } from "@/lib/i18n/context";
 import { useSleepRhythm } from "./use-sleep-rhythm";
 import { SleepDebtCard } from "./sleep-debt-card";
 
@@ -27,25 +26,10 @@ import { SleepDebtCard } from "./sleep-debt-card";
  */
 export function SleepRhythmSection({ enabled }: { enabled: boolean }) {
   const { isAuthenticated } = useAuth();
-  const { t } = useTranslations();
-  const { data, isLoading, isError } = useSleepRhythm(
-    isAuthenticated && enabled,
-  );
+  const { data, isLoading } = useSleepRhythm(isAuthenticated && enabled);
 
   if (!enabled) return null;
 
-  if (isError) {
-    return (
-      <div
-        data-slot="sleep-rhythm-error"
-        role="status"
-        className="bg-card border-border text-muted-foreground rounded-xl border p-4 text-sm"
-      >
-        {t("insights.sleep.rhythm.loadError")}
-      </div>
-    );
-  }
-
   if (isLoading || !data) {
     return (
       <div className="space-y-4" data-slot="sleep-rhythm-loading">