ecommerce product page built using React js, Tailwind and DaisyUI

Hi Frontend Mentors, Heavens knows i struggled abit, to be more specifically in the following:

1. making the mobile sidebar to animate the correct way eg from left to right instead of animating from right to left.
2. The dark surrounding color when the mobile sidebar is opened.

any help in those above two would go a long way and i would highly appreciate. I am also open to any suggestions be it improving code quality or the design wise.