[TASK] Differentiate api endpoints on frontend between dev and prod

[waveyboym]

Task Request
It has been noted that when endpoints are called, hard coded string values are used for the main domain. We have dev.occupi.tech(which contains unstable endpoints that are mainly alpha) and occupi.tech. Your task is to:

• Use an environment variable or something of the sort that will automatically determine if you are in dev(dev.occupi.tech) or prod(occupi.tech) and use the appropriate urls so that code in prod never accesses the dev backend.

@u21631532 and @Tinashe-Austin, please tick off as you complete each task by clicking on the task you are done with in this comment

Additional info
@Tinashe-Austin , please refer to this article as a starting point to familiarize yourself with the content: https://vitejs.dev/guide/env-and-mode
@u21631532, @KamogeloMoeketse , please refer to this article as a starting point to familiarize yourself with the content: https://docs.expo.dev/guides/environment-variables/

[u21631532]

does this issue need to be closed, i believe mobile has completed this, not too sure about web
@waveyboym and @Tinashe-Austin

[waveyboym]

okay @u21631532 , @Tinashe-Austin have you differentiated domains when the app runs in dev and prod environments to use dev.occupi.tech for dev and occupi.tech for prod

[waveyboym]

@Tinashe-Austin please may you offer a response as to whether or not you resolved this issue so we can close it. Thank you