Added watch script and configured watchOptions for development

[RameezIbrahimOfficial]

Description

This PR adds a watch script to the package.json to automate the rebuild process upon file changes, which will improve development workflow. The webpack.config.js file was also updated to configure the watchOptions, optimizing performance and ensuring that file changes trigger automatic rebuilds without including unnecessary files. This change eliminates the need for manual rebuilds during development. Also Documentation is updated to include usage instructions for the new watch command

• [x] A new yarn watch command is available
• [x] The command successfully watches for file changes in the root directory
• [x] Changes to source files trigger an automatic rebuild
• [x] The console provides clear output about the rebuild process
• [x] Documentation is updated to include usage instructions for the new command

Relevant Motivation & Context

Developers previously needed to manually rebuild the project after every change, which slowed down the development process. Adding a watch script and configuring watchOptions will improve efficiency by automatically rebuilding on changes.

Dependencies Required

No additional dependencies are required for this change.

Fixes

Fixes #11

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

How Has This Been Tested?

This change has been tested by:

1. Running yarn watch and observing automatic rebuilds upon file changes.
2. Verifying that the dist folder is updated correctly after changes.
3. Running yarn start to confirm that the Webpack Dev Server serves the updated project with hot-reloading.

Steps to Reproduce:

• Run yarn watch and make changes to any JavaScript, JSX, SCSS, or TypeScript file.
• Observe the console output to ensure that the build triggers and completes successfully.
• Check the dist folder for updated build files.

Checklist:

• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] I have removed console.logs

Screenshots

N/A for this change

---

[devdcodes9]

@RameezIbrahimOfficial I can just see the changes in the Readme file, don't you also need to add code changes too?

[RameezIbrahimOfficial]

@devdcodes9 Firstly i have created a PR without changing the Readme then i closed the PR and updated the Readme And then sent PR again

Modifled files:- webpack.config.js ( Added watchOptions ) package.json ( Added Watch Commands )

Rest of the things i mentioned in PR Description

[devdcodes9]

@RameezIbrahimOfficial there is no package.json in the file diff of this PR. Please check again

[RameezIbrahimOfficial]

Ok I will sent PR again its bacause of the Merge issue in Forked Repo Sorry for the inconviniece