Feature/issue-8: convert webpack to react application

[Syed-Bilal-Haider-Engineer]

I wanted to use an npm package called mobile-grid in my project, but it wasn't available. So, I decided to use Mapbox-gl instead to create a map in my React application. I installed Mapbox-gl and Mapbox-gl for the grid system using React hooks. I had trouble finding the npm package for Mapbox-gl's grid, but eventually, I solved it. If you want to use Mapbox, create a Mapbox account and get an access token. it is simpler to master the branch, just change the structure and use react Then, you can render the map with the grid.

You can clone the project and use it in your React application. If the Mapbiler team hasn't merged your changes yet, you can request to create a separate branch publicly. In this branch, you can write documentation explaining how to use Mapbiler within the community. This way, others can easily understand and utilize Mapbiler in their projects.

Mapbilre-grid is not available but I use the alternative method mentioned above.