show when logged in

pages/_app.tsx

@@ -1,10 +1,14 @@
-import React from 'react'
 import '../styles/index.css'
+import UserContext from '../components/user/context'
 
 export default function MyApp({ Component, pageProps }) {
+  const { username, role } = pageProps?.user || {}
+
   return (
     <div className="wrapper">
-      <Component {...pageProps} />
+      <UserContext.Provider value={{ username, role }}>
+        <Component {...pageProps} />
+      </UserContext.Provider>
     </div>
   )
 }