[ Fix : Snackbar Functionality and Enhancements ]

[rohitPandey469]

Describe the bug
While addressing another issue, I encountered an problem within the Control Buttons file. The Snackbar state is not being effectively managed, resulting in the Snackbar component failing to execute. So, Messages such as "tutorial complete," "Updating...," in case of remove step and "Updated..." in case of step title update etc. are not visible.

To Reproduce
Steps to reproduce the behavior:
One way to check is while on completeing the step, a snack msg like tutorial complete at the bottom left.

1. Go to 'localhost:5173'
2. Click on 'Add new Tutorial'
3. Add dummy steps
4. Upon completing a step, observe the absence of the expected message (e.g., "tutorial complete") at the bottom left.

Expected behavior
The expected behavior includes displaying messages such as "tutorial complete," "resetting tutorial," and "Updating...." (for Step Removal) or "Updated...." (for Step Title Updation). Additionally, this state management issue of snack persist at multiple locations within the app.

Although the Snackbar component functions correctly in OrgUserCard.

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome

Additional context
An alternative to this could be "toast", but the app already uses "snackbar," which is designed for studying-related features and is likely more suitable for our needs. But we can always change it.

[rohitPandey469]

@rajutkarsh07 Sir please check this one aswell, I have isolated the Snackbar Component code. And to see it's working we need to merge it with other PR's #190 (for Image Drawer) or fix the current problems with steps(in tutorial creation). Please look into this aswell