sidebar in mobile

src/shared/Header.tsx

@@ -1,10 +1,13 @@
+'use client'
 import { FC, Fragment } from 'react'
 import Image from 'next/image'
 import Link from 'next/link'
 import { HambergerMenu, Profile, SearchNormal } from 'iconsax-react'
 import Button from '@/components/Button'
+import { useSharedStore } from '@/shared/store/sharedStore'
 
 const Header: FC = () => {
+    const { openSidebar, setOpenSidebar } = useSharedStore()
     return (
         <Fragment>
             <div className='w-full h-[100px] bg-white/26 rounded-4xl border-[3px] border-white px-10 xl:block hidden'>
@@ -71,6 +74,7 @@ const Header: FC = () => {
             <div className='h-[51px] bg-white/26 rounded-4xl border-[3px] border-white px-4 xl:hidden flex items-center justify-between'>
                 <div className='flex-1'>
                     <HambergerMenu
+                        onClick={() => setOpenSidebar(!openSidebar)}
                         size={24}
                         color='black'
                     />