src/App.tsx

import ChatSettingsContextProvider from "@utils/context/chatSettings/ChatSettingsContextProvider.tsx";

import Chat from "./chat/Chat.tsx";
import Header from "./layout/Header.tsx";
import ThemeContextProvider from "./utils/context/theme/ThemeContextProvider.tsx";

export default function App() {
  return (
    <ThemeContextProvider>
      <ChatSettingsContextProvider>
        <div className="fixed top-0 right-0 left-0 mx-auto w-full max-w-4xl">
          <Header className="mx-auto w-full" />
        </div>
        <Chat />
      </ChatSettingsContextProvider>
    </ThemeContextProvider>
  );
}