Feature/hamburger menu (#540)

* Setup Mobile Menu Sidebar

* Setup Basic Mobile Menu Items Styling

* Implement full width styling for mobile devices

* Cleanup

Co-authored-by: Nine <at059214@Abdurahmans-MacBook-Pro.local>

components/ui/Sidebar/Sidebar.tsx

@@ -48,7 +48,7 @@ const Sidebar: FC<SidebarProps> = ({ children, onClose }) => {
     >
       <div className="absolute inset-0 overflow-hidden">
         <div className={s.backdrop} onClick={onClose} />
-        <section className="absolute inset-y-0 right-0 max-w-full flex outline-none pl-10">
+        <section className="absolute inset-y-0 right-0 w-full md:w-auto max-w-full flex outline-none md:pl-10">
           <div className="h-full w-full md:w-screen md:max-w-md">
             <div className={s.sidebar} ref={contentRef}>
               {children}