feat(common): add ThemeProvider to _app.tsx

Author: chanceaclark

package-lock.json

@@ -16,6 +16,7 @@
   "license": "ISC",
   "dependencies": {
     "@bigcommerce/big-design": "^0.27.0",
+    "@bigcommerce/big-design-theme": "^0.13.1",
     "firebase": "^8.2.6",
     "jsonwebtoken": "^8.5.1",
     "mysql": "^2.18.1",

package.json

@@ -1,19 +1,21 @@
 import { Box, GlobalStyles } from '@bigcommerce/big-design';
+import { theme as defaultTheme } from '@bigcommerce/big-design-theme';
 import type { AppProps } from 'next/app';
+import { ThemeProvider } from 'styled-components';
 import Header from '../components/header';
 import SessionProvider from '../context/session';
 
 const MyApp = ({ Component, pageProps }: AppProps) => {
     return (
-        <>
+        <ThemeProvider theme={defaultTheme}>
             <GlobalStyles />
             <Box marginHorizontal="xxxLarge" marginVertical="xxLarge">
                 <Header />
                 <SessionProvider>
                     <Component {...pageProps} />
                 </SessionProvider>
             </Box>
-        </>
+        </ThemeProvider>
     );
 };