hello everyone,
I was trying to clone the Domestika navigation bar with framer but I'm stuck right now please I need help,

everything were okay on large devices but when i tried to clone the mobile version of the sidebar the issue came, with not translating the two including the sidebar and the whole page to the right when the menu is clicked,

all I'm seeing is an overflow,

to test my code i uploaded the whole project in GitHub here it is the navbar component and the sidebar:
https://github.com/meddhiaka/arzaak-elearning-platform/tree/main/arzaak-clt/src/components


the issue screenshoted before and after pressing the menu button

the result that i excepted was like the original sidebar of this website in mobile screen sizes its the third screenshot

can you help me guys :(, its an order in my internship