Fix : Resolve drawer wrapper style for side-nav in mobile view

[raphael3213]

Description

Added styling fot the Ant Design drawer

• Enable transparency
• Remove box shadow
• Increased the width for better transition fluidity
• Removed the css class as it was not affecting the component

Related Issues

#854

Steps to Test

1. Visit Home page
2. Login as admin
3. Shrink the screen size to minimum or use Dev tools to view the app in mobile
4. Open the side nav to observe the white background behind the navbar.

Provide steps on how to test the changes introduced in this pull request.

Screenshots (if applicable)

Before :

After :

Checklist

• I have tested these changes
• I have updated the relevant documentation
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the codebase
• My changes generate no new warnings or errors
• The title of my pull request is clear and descriptive

[salahlalami]

@raphael3213 please to remove margin in left and top , and also remove radius corner (only in mobile view)

[raphael3213]

Will do.

[raphael3213]

@salahlalami Made the changes to ensure no margin left , top and radius for the side nav on mobile view only. This will only apply when rendering the MobileSidebar component.

[salahlalami]

@raphael3213 thank you