feat: complete tankoepdia page

packages/website/src/hooks/useAdExempt.ts

@@ -1,5 +1,5 @@
 import { useStore } from '@nanostores/react';
-import { useLayoutEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { $patreonLogin } from '../stores/patreonLogin';
 
 let cache: Record<string, boolean | Promise<boolean>> = {};
@@ -8,7 +8,7 @@ export function useAdExempt() {
   const patreon = useStore($patreonLogin);
   const [exempt, setExempt] = useState(false);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     (async () => {
       if (!patreon.token) return setExempt(false);
 

packages/website/src/hooks/useFullscreenAvailability.ts

@@ -1,9 +1,9 @@
-import { useLayoutEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 export function useFullscreenAvailability() {
   const [available, setAvailable] = useState(false);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     setAvailable(document.fullscreenEnabled);
   }, []);
 

packages/website/src/hooks/useIntersection.ts

@@ -1,4 +1,4 @@
-import { type RefObject, useLayoutEffect, useRef } from 'react';
+import { type RefObject, useEffect, useRef } from 'react';
 
 interface UseIntersectionOptions extends IntersectionObserverInit {
   disabled: boolean;
@@ -11,7 +11,7 @@ export function useIntersection(
 ) {
   const observer = useRef<IntersectionObserver>();
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     if (options?.disabled || !ref.current) return;
 
     const rect = ref.current.getBoundingClientRect();