message: Disable FAQ page while it is WIP
diff: +import { TabContext } from '@mui/lab'
  +import { useRouter } from 'next/router'
  +import { useTranslation } from 'next-i18next'
  import React, { useMemo, useState } from 'react'
  +
  import Layout from 'components/layout/Layout'
  -import { useTranslation } from 'next-i18next'
  -import ExpandableListItem from './ExpandableListItem'
  +
  +import OnHold from './OnHold'
  +import TabPanel from './TabPanel'
  import ContactUs from './ContactUs'
  +import ScrollToTop from './ScrollToTop'
  import VerticalTabs from './VerticalTabs'
  -import TabPanel from './TabPanel'
  -import { TabContext } from '@mui/lab'
  +import ExpandableListItem from './ExpandableListItem'
  import {
  DONATION_QUESTIONS,
  COMMON_QUESTIONS,
  @@ -15,8 +20,8 @@ import {
  ATTRACTING_DONATORS_QUESTIONS,
  PARTNERSHIPS_QUESTIONS,
  } from './contents'
  -import ScrollToTop from './ScrollToTop'
  -import { useRouter } from 'next/router'
  +
  +const faqOnHold = true // Remove this when FAQ is ready
  export default function FaqPage() {
  const { t } = useTranslation()
  @@ -24,6 +29,14 @@ export default function FaqPage() {
  const section = useMemo(() => Number(router.asPath.split('#').pop()), [])
  const [value, setValue] = useState(isNaN(section) ? 0 : section)
  + if (faqOnHold) {
  + return (
  + <Layout title={t('nav.faq')}>
  + <OnHold />
  + </Layout>
  + )
  + }
  +
  return (
  <Layout title={t('nav.faq')}>
  <TabContext value={value.toString()}>
  