fix navbar on mobile does not close when changing to new page

[SupeemAFK]

Related GitHub issues

Close #151

What have been done

• Make the sidebar on mobile close when the user clicks on a menu list.

Screenshot (if any)

Before

379742950-83318469-9c03-4d83-a857-6f5886b2278a.webm

After

https://github.com/user-attachments/assets/7f0d4b8f-9b79-4dfa-b226-a571bb5c596e

Help needed (if any)

[SupeemAFK]

Fix it @Th1nkK1D . I remove button and pass down close sidebar function from NavigationBar component to SideMenuLink component using context to avoid props drilling so that a inside SideMenuLink component can call close sidebar function when a on:click via context.

[SupeemAFK]

Fix @Th1nkK1D. I change to on:click={closeSideNav} and move const closeSideNav: () => void = getContext('closeSideNav'); below props.