Finishing off the status indicater

# description
Your task will be to fully implement the function `setSatiscodeStatus();` that is located in `index.html` and add all CSS variables for `styles/style1.css``

# Tasks

- [ ] Go To the function in index.html.
- [ ] Add conditional logic to the status indicator function `setSatiscodeStatus();`.
- [ ] Finnish off the unfinished CSS variables for it.
- [ ] Add the setting where ever it is needed.
- [ ] `(Optional Task)` You could make the error or warning or info statuses have a drop down that shows the error message.

# Build Steps

1. Make sure you have node js installed.
2. Make sure you have forked the repo and cloned your fork.
3. Make sure that you have the project open in a terminal or editor with the node js environment variables in them.

First command once all those steps completed is the following:
```dos
npm install
```
This fetches all needed library's from npm. Please note this is maybe more or up to 1 GB in size. Next you run this command to test your changes:
```dos
npm start
```
Then after that completes with no errors please push and submit a pull request from main repo to your fork.

After you complete this please in the same PR update the file CONTRIBUTORS.md with your details if you would like to be acknowledged

If you encounter any errors please try to resolve them because This project is managed by 1 person.

Start with setSatiscodeStatus() in index.html and inspect the unfinished CSS variables in styles/style1.css. Run npm install, then npm start to verify the status indicator responds to the required conditions and the related styling is complete without startup errors.

Written by the indexing model from the issue text.