import type { Metadata } from "next";
import "./globals.css";
import NextTopLoader from "nextjs-toploader";
import "../assets/css/ruben-ui.css"
import { AuthProvider } from "#/components/provider/authProvider";
import { QueryClientProvide } from "#/components/provider/queryClient";

export const metadata: Metadata = {
  title: "Private Docs",
  description: "L'appli de gestion de documents par excellence !",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  
  return (
    <html lang="en">
      <head>
        <link rel="icon" href="/favicon.svg" />
        <link rel="favicon.svg" href="/favicon.svg" />
      </head>
      <body>
        <AuthProvider>
          <QueryClientProvide>
            <NextTopLoader color="#246BFD" shadow="0" />
            {children}
          </QueryClientProvide>
        </AuthProvider>
      </body>
    </html>
  );
}
