refactor: imp some components

src/pages/_app.tsx

@@ -1,8 +1,13 @@
 import type { AppProps } from 'next/app'
 
+import { DataProvider } from '../contexts/DataContext'
 import { globalStyles } from '../styles/globals'
 
 export default function App({ Component, pageProps }: AppProps) {
   globalStyles()
-  return <Component {...pageProps} />
+  return (
+    <DataProvider>
+      <Component {...pageProps} />
+    </DataProvider>
+  )
 }