import "@mantine/core/styles.css"
import "@/app/styles/globals.css"

import type { AppProps } from "next/app"
import { Provider } from "react-redux"
import { wrapper } from "@/app/api/wrapper"
import { AppProviders } from "@/app/providers"

export default function App({ Component, pageProps }: AppProps) {
  const { store } = wrapper.useWrappedStore(pageProps)
  return (
    <Provider store={store}>
      <AppProviders>
        <Component {...pageProps} />
      </AppProviders>
    </Provider>
  )
}