</head> <body> <MantineProvider theme={theme} defaultColorScheme={"auto"}> <ReduxProvider> <Header /> {children} <Footer /> </ReduxProvider> </MantineProvider> </body> </html> ); }

import "@mantine/core/styles.css"; import React, { ReactNode } from "react"; import { ColorSchemeScript, mantineHtmlProps, MantineProvider, } from "@mantine/core"; import Header from "@/components/Header/Header"; import { theme } from "@/theme"; import "@/app/global.css"; import Footer from "@/components/Footer/Footer"; import ReduxProvider from "@/providers/ReduxProvider"; export const metadata = { title: "LogiDex ID", description: "LogiDex ID", }; type Props = { children: ReactNode; }; export default function RootLayout({ children }: Props) { return ( </head> <body> <MantineProvider theme={theme} defaultColorScheme={"auto"}> <ReduxProvider> <Header /> {children} <Footer /> </ReduxProvider> </MantineProvider> </body> </html> ); }