page.js

import { contactList } from '@/actions/actions';
import Add from '@/components/add';
import Table from '@/components/table';

export default async function Home() {
  const { contacts } = await contactList();

  return (
    <div className="container mx-auto mb-16">
      <h3 className="text-3xl mb-4">MY AMAZING CONTACTS</h3>
      <div className="mb-4">
        {contacts ? <Table contacts={contacts} /> : 'null'}
      </div>
      <div>
        <Add />
      </div>
    </div>
  );
}