fix broken static header from carousel

components/nav/static.js

@@ -1,19 +1,22 @@
 import { Container, Nav, Navbar } from 'react-bootstrap'
 import styles from '../header.module.css'
 import { BackOrBrand, NavPrice, SearchItem } from './common'
+import { CarouselProvider } from './carousel'
 
 export default function StaticHeader () {
   return (
-    <Container as='header' className='px-sm-0'>
-      <Navbar>
-        <Nav
-          className={styles.navbarNav}
-        >
-          <BackOrBrand />
-          <SearchItem />
-          <NavPrice className='justify-content-end' />
-        </Nav>
-      </Navbar>
-    </Container>
+    <CarouselProvider>
+      <Container as='header' className='px-sm-0'>
+        <Navbar>
+          <Nav
+            className={styles.navbarNav}
+          >
+            <BackOrBrand />
+            <SearchItem />
+            <NavPrice className='justify-content-end' />
+          </Nav>
+        </Navbar>
+      </Container>
+    </CarouselProvider>
   )
 }