fix and update

apps/frontend/app/family/page.tsx

@@ -9,13 +9,13 @@ import { useToast } from '@/components/id/toast-provider';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { useRequireAuth } from '@/hooks/use-require-auth';
-import { apiFetch, FamilyGroup, fetchFamilyGroups, getApiErrorMessage } from '@/lib/api';
+import { apiFetch, FamilyGroup, fetchFamilyGroups, getAccessToken, getApiErrorMessage } from '@/lib/api';
 import { defaultFamilyGroupName } from '@/lib/family-defaults';
 
 export default function FamilyPage() {
   const router = useRouter();
-  const { user, token } = useAuth();
-  const { isReady, isPinLocked } = useRequireAuth();
+  const { user, token, isLoading, isPinLocked } = useAuth();
+  const { isReady } = useRequireAuth();
   const { showToast } = useToast();
   const [groups, setGroups] = useState<FamilyGroup[]>([]);
   const [name, setName] = useState('');
@@ -28,23 +28,25 @@ export default function FamilyPage() {
   }, [user?.displayName]);
 
   useEffect(() => {
-    if (!user || !token || isPinLocked) return;
-    fetchFamilyGroups(user.id, token)
+    const accessToken = getAccessToken() ?? token?.trim() ?? null;
+    if (!user || !accessToken || isPinLocked || isLoading) return;
+    fetchFamilyGroups(user.id, accessToken)
       .then((response) => setGroups(response.groups ?? []))
       .catch((error) => {
         const message = getApiErrorMessage(error, 'Не удалось загрузить семью');
         if (message) showToast(message);
       });
-  }, [isPinLocked, showToast, token, user]);
+  }, [isLoading, isPinLocked, showToast, token, user]);
 
   async function createGroup() {
-    if (!user || !token) return;
+    const accessToken = getAccessToken() ?? token?.trim() ?? null;
+    if (!user || !accessToken) return;
     setCreating(true);
     try {
       const group = await apiFetch<FamilyGroup>('/family/groups', {
         method: 'POST',
         body: JSON.stringify({ ownerId: user.id, name })
-      }, token);
+      }, accessToken);
       router.push(`/family/${group.id}`);
     } catch (error) {
       const message = getApiErrorMessage(error, 'Не удалось создать семью');
@@ -54,7 +56,7 @@ export default function FamilyPage() {
     }
   }
 
-  if (!isReady) {
+  if (!isReady || isLoading) {
     return (
       <IdShell active="/family">
         <div className="py-20 text-center text-[#667085]">Загрузка...</div>