import * as React from 'react';
import type { Metadata } from 'next';

import { config } from '@/config';
import VolunteerPage from '@/components/dashboard/volunteers/VolunteerPage';
import { VolunteersProvider } from '@/contexts/VolunteersContext';

export const metadata = { title: `Volunteers | Dashboard | ${config.site.name}` } satisfies Metadata;

export default function Page(): React.JSX.Element {
  return (
    <VolunteersProvider>
      <VolunteerPage />
    </VolunteersProvider>
  );
}