Presupuestador_web/client/src/app/quotes/list.tsx

import { DataTableProvider } from "@/lib/hooks";
import { Trans } from "react-i18next";
import { QuotesDataTable } from "./components";

export const QuotesList = () => (
  <DataTableProvider>
    <div className='flex items-center'>
      <h1 className='text-lg font-semibold md:text-2xl'>
        <Trans i18nKey='quotes.title' />
      </h1>
    </div>

    <QuotesDataTable />
  </DataTableProvider>
);