add gated SCEvents components

[codebyemily]

resolves #2051

SCEvents not enabled

SCEvents enabled:

[steeevin88]

awesome, could you include screenshots in the PR description if possible? just so as a reviewer I know it works 😅

[adarshm11]

this is done fine but i would recommend mimicking how cleezy does it here. in that case people can run cleezy locally and set ENABLED: true in config.json. i assume that this page will eventually have an api side on clark too, and whether or not it's enabled on frontend will be determined something like:

page loads -> useEffect queries api route for loading events -> api reads config.json for enabled value -> returns to frontend either data or enabled = false.

this seems like a good pattern for scevents to follow too, once the api side is built out on Clark

[steeevin88]

this is done fine but i would recommend mimicking how cleezy does it here. in that case people can run cleezy locally and set ENABLED: true in config.json. i assume that this page will eventually have an api side on clark too, and whether or not it's enabled on frontend will be determined something like:

page loads -> useEffect queries api route for loading events -> api reads config.json for enabled value -> returns to frontend either data or enabled = false.

this seems like a good pattern for scevents to follow too, once the api side is built out on Clark

makes sense + yeah we'll keep this in mind as we build out more stuff on the Clark side