import { mdiAccount, mdiBallotOutline, mdiGithub, mdiMail, mdiUpload, } from '@mdi/js'; import { Field, Form, Formik } from 'formik'; import Head from 'next/head'; import { ReactElement } from 'react'; import BaseButton from '../components/BaseButton'; import BaseButtons from '../components/BaseButtons'; import BaseDivider from '../components/BaseDivider'; import CardBox from '../components/CardBox'; import FormCheckRadio from '../components/FormCheckRadio'; import FormCheckRadioGroup from '../components/FormCheckRadioGroup'; import FormField from '../components/FormField'; import LayoutAuthenticated from '../layouts/Authenticated'; import SectionMain from '../components/SectionMain'; import SectionTitle from '../components/SectionTitle'; import SectionTitleLineWithButton from '../components/SectionTitleLineWithButton'; import { getPageTitle } from '../config'; const FormsPage = () => { return ( <>