@ -24,30 +24,30 @@ const SidebarMenu = ({ items, buttons, username, userJob, className }) => { 
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					
 
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					  return  (   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					    < div   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      className = { ` ${ className }  bg-white p-5  shadow-sm border border-gray-300 overflow-y-scroll no-scrollbar relative ` }   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      className = { ` ${ className }  w-fit  bg-white p-5  shadow-sm border border-gray-300 overflow-y-scroll no-scrollbar relative ` }   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					    >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      { /* profile */ }   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      { / *   < d i v   c l a s s N a m e = " f l e x   f l e x - r o w   i t e m s - c e n t e r " >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					           < img  src = { profilePic }  alt = ""  className = "w-12 rounded-full"  / >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					           < div  className = "flex flex-col flex-1 mr-3" >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					             < p  className = "text-blue-900 text-sm" > { username } < / p >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					             < p  className = "text-blue-700 text-xs" > { userJob } < / p >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					           < / d i v >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					           < img  src = { downwardArrow }  alt = ""  className = "w-5 cursor-pointer"  / >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < /div> */ }    
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      < div  className = "flex flex-row items-center" >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < img  src = { profilePic }  alt = ""  className = "w-12 rounded-full"  / >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < div  className = "flex flex-col flex-1 mr-3" >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					          < p  className = "text-blue-900 text-sm" > { username } < / p >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					          < p  className = "text-blue-700 text-xs" > { userJob } < / p >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < / d i v >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < img  src = { downwardArrow }  alt = ""  className = "w-5 cursor-pointer"  / >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      < / d i v >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      { /* search box */ }   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      { / *   < d i v   c l a s s N a m e = " f l e x   f l e x - r o w - r e v e r s e   i t e m s - c e n t e r   r e l a t i v e   w - f u l l   m y - 6 " >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					           < img   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					             src = { search }   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					             alt = ""   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					             className = "w-5 h-5 absolute left-3 cursor-pointer"   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					           / >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					           < input   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					             type = "text"   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					             placeholder = "جستجو در منو کاربری..."   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					             className = "text-xs rounded pr-4 pl-10 py-2 w-full border border-blue-300 focus:outline-none placeholder:text-blue-300"   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					           / >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < /div> */ }    
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      < div  className = "flex flex-row-reverse items-center relative w-full my-6" >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < img   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					          src = { search }   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					          alt = ""   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					          className = "w-5 h-5 absolute left-3 cursor-pointer"   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        / >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < input   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					          type = "text"   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					          placeholder = "جستجو در منو کاربری..."   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					          className = "text-xs rounded pr-4 pl-10 py-2 w-full border border-blue-300 focus:outline-none placeholder:text-blue-300"   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        / >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      < / d i v >   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      { /* items */ }   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					      { items . map ( ( item ,  i )  =>  (   
				
			 
			
		
	
		
			
				
					 
					 
				
				 
				 
				
					        < div  className = "flex flex-col item-center"  key = { i } >