Better approach to make a header into a bottom nav bar?

Question

I\'m working on a project with next, react and material ui, I\'m supposed to make a header become a bottom nav bar when the user goes mobile but I\'m kind of stuck at this t