using only tailwind and nextjs
write a left side navbar that is replaced by a top hambuguer menu when on phone screens
when you tap on the menu it opens the sidebar menu with a sliding animation from the left side on top of the content
the menu only appears on small width devices such as smarthphones
while on desktop the sidebar is always enabled