fix: added a prerequisite check to ensure certain conditions are fulfilled before running docker compose build and watch

[sidtohan]

Linked Issue(s)

fixes #338

Acceptance Criteria fulfillment

• [ ] Check if the required ports are available (list the specific ports needed)
• [ ] Check if the Docker daemon is running
• [ ] Check if the docker-compose.yml file exists in the project directory
• [ ] Check if the Dockerfile.dev exists in the project directory
• [ ] Add suggestions or solutions for each error
• [ ] Update UI to display errors properly
• [ ] Add unit tests

Proposed changes (including videos or screenshots)

• Created a custom hook that checks if docker daemon is running, if the required ports are free, if docker-compose.yml file exists and dockerfile.dev exists.
• Created a basic UI that lists down all the checks when they are running, and if any of them fails, it terminates the process

• Added a custom app state called PREREQ_CHECK, which denotes that the app is currently checking the prerequisites. Also, the initial state of the app is now PREREQ_CHECK instead of INIT.
• Added a new enum in cli/source/constants.ts called PreCheckStates consisting of three values: RUNNING, SUCCESS and FAILED.

Further comments

There are currently a lot of major changes regarding the dependency arrays for the useEffect and the useCallback hooks. I have currently implemented them as per my opinion, but I would appreciate some guidance on how we can make it look more cleaner and better.

There is currently a lot of work to be done on the UI as well, but I would first like to get some feedback on the type of approach I've taken. Thanks.

[jayantbh]

Great suggestion, @sidtohan! Thanks for your PR. We'll look into this.

[jayantbh]

Btw, did you run npm install by any chance? Because cli/package-lock.json should not be a new file. You'll see there should be a yarn.lock indicating that it should use yarn as the package manager.

As a result, your PR blew to 7.6k lines. :)