Presupuestador_web/client/src/app/settings/layout.tsx

import { Layout, LayoutContent, LayoutHeader } from "@/components";
import { PropsWithChildren } from "react";
import { Trans } from "react-i18next";
import { SettingsProvider } from "./SettingsContext";

export const SettingsLayout = ({ children }: PropsWithChildren) => {
  return (
    <SettingsProvider>
      <Layout>
        <LayoutHeader />
        <LayoutContent>
          <div className='grid w-full max-w-6xl gap-2 mx-auto'>
            <h1 className='text-2xl font-semibold md:text-3xl'>
              <Trans i18nKey='settings.edit.title' />
            </h1>
          </div>
          {children}
        </LayoutContent>
      </Layout>
    </SettingsProvider>
  );
};