I am currently working on a project where I am attempting to integrate the styles of the main Metronics site. While navigating through the codebase, I noticed that it uses TypeScript and the Context API. Unfortunately, my TypeScript knowledge is still in the learning phase ( i thought i will be able to integrate it to my project from scratch) , and instead of the Context API, I am using React Toolkit in my project.To facilitate a smoother integration process and better comprehend the structure, I was wondering if you could provide some insights into the components used in the Metronics site's dashboard. Specifically, I am interested in understanding the role and usage of these components, starting from the master layout down to all other related components.It uses a lot of components in which it uses a lot of other components in each main components. But i was not able to know what's the use of those. Any details or documentation you can share about the components ( about why it's used what was it going to do why it integrated other imports like that ) and their functions would greatly assist me in tailoring the integration to meet my project requirements. I appreciate your time and assistance in helping me gain a clearer understanding of the Metronics site's architecture.

Thank you in advance, and I look forward to your response.

[Message from my developer, Please help us faster]