Optimize Shuffle Code and Eliminate Prop Drilling with Context API

[LalitDeore]

Is your feature request related to a problem? Please describe.

Currently, props are passed through the hierarchy of components even when a component doesn't need them but its child does. This leads to unnecessary prop drilling and results in the loss of many props when the page is refreshed

Describe the solution you'd like

To address the issue of unnecessary prop drilling, the proposed solution is to use the Context API. By implementing the Context API, we can provide data directly to the components that need it, bypassing intermediate components that don't require the props.

Additional context

Create a separate file for the Context API and use it to pass all global states from App.js to child components through the Context API.