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

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

export const SettingsLayout = ({ children }: PropsWithChildren) => {
  return (
    <SettingsProvider>
      <Layout>
        <LayoutHeader />
        <LayoutContent>{children}</LayoutContent>
      </Layout>
    </SettingsProvider>
  );
};