website: Fix Header.stories.js rendering add FlagsProvider
diff --git a/website/src/components/Header/Header.stories.jsx b/website/src/components/Header/Header.stories.jsx
index c3c6101828..5570f6fa74 100644
--- a/website/src/components/Header/Header.stories.jsx
+++ b/website/src/components/Header/Header.stories.jsx
@@ -1,5 +1,6 @@
 import { SessionContext } from "next-auth/react";
 import React from "react";
+import { FlagsProvider } from "react-feature-flags";
 
 import { Header } from "./Header";
 
@@ -16,7 +17,9 @@ const Template = (args) => {
   var { session } = args;
   return (
     <SessionContext.Provider value={session}>
-      <Header {...args} />
+      <FlagsProvider value={[{ name: "flagTest", isActive: false }]}>
+        <Header {...args} />
+      </FlagsProvider>
     </SessionContext.Provider>
   );
 };

Hi!

The story at `src/components/Header/Header.stories.jsx` is not loading correctly in when running storybook.  

It needs to be wrapped in the `FlagsProvider` as is using the Flags component. If the `Flags` component is going to be used in more places it would be advisable to write a storybook decorator for it.

Please let me know if you have any questions or concerns.

Thank you,