Updated root layout.

src/app/(main)/App.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Loading } from 'react-basics';
 import Script from 'next/script';
 import { usePathname } from 'next/navigation';

src/app/(main)/NavBar.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Icon, Text } from 'react-basics';
 import Link from 'next/link';
 import classNames from 'classnames';

src/app/(main)/UpdateNotice.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useEffect, useCallback, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { Button } from 'react-basics';

src/app/(main)/layout.tsx

@@ -1,4 +1,3 @@
-'use client';
 import App from './App';
 import NavBar from './NavBar';
 import Page from 'components/layout/Page';

src/components/layout/Page.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { ReactNode } from 'react';
 import classNames from 'classnames';
 import { Banner, Loading } from 'react-basics';