disable profile fetch if there is no auth cookie

lib/hooks/useFetchProfileInfo.tsx

@@ -3,6 +3,7 @@ import { useQuery } from '@tanstack/react-query';
 import type { UserInfo } from 'types/api/account';
 import { QueryKeys } from 'types/client/queries';
 
+import * as cookies from 'lib/cookies';
 import useFetch from 'lib/hooks/useFetch';
 
 interface Error {
@@ -19,5 +20,6 @@ export default function useFetchProfileInfo() {
     return fetch('/api/account/profile');
   }, {
     refetchOnMount: false,
+    enabled: Boolean(cookies.get(cookies.NAMES.API_TOKEN)),
   });
 }

ui/shared/Page/Page.tsx

@@ -4,6 +4,7 @@ import React from 'react';
 
 import { QueryKeys } from 'types/client/queries';
 
+import * as cookies from 'lib/cookies';
 import useFetch from 'lib/hooks/useFetch';
 import PageContent from 'ui/shared/Page/PageContent';
 import Header from 'ui/snippets/header/Header';
@@ -17,7 +18,9 @@ interface Props {
 const Page = ({ children, wrapChildren = true }: Props) => {
   const fetch = useFetch();
 
-  useQuery<unknown, unknown, unknown>([ QueryKeys.csrf ], async() => await fetch('/api/account/csrf'));
+  useQuery<unknown, unknown, unknown>([ QueryKeys.csrf ], async() => await fetch('/api/account/csrf'), {
+    enabled: Boolean(cookies.get(cookies.NAMES.API_TOKEN)),
+  });
 
   const renderedChildren = wrapChildren ? (
     <PageContent>{ children }</PageContent>