Add preliminary control panel design

[vrushang1234]

Initial Commit for NewGUI

Closes #2

• Converted the Javascript code into typescript
• All of the values shown on the GUI currently are static values and haven't used any states to change them in real-time (hardcoded)

[taesungh]

Thanks for working on this. Several notes about using class names instead of ids, more flexible CSS styles, and reorganizing files. Additionally, please reformat source files with Prettier.

[vrushang1234]

Fixed most of the issues except using classes instead of IDs as I tried to reuse the classes as much as possible in the initial commit. Also added a state and context for console list.

[taesungh]

Please try to limit the scope of changes: we were looking to review the preliminary visual design and file structure before incorporating functionality. As such, could you revert the changes on adding the context and state?

There are still some lingering comments from the first review, including reformatting files with Prettier.

[vrushang1234]

Please try to limit the scope of changes: we were looking to review the preliminary visual design and file structure before incorporating functionality. As such, could you revert the changes on adding the context and state?

There are still some lingering comments from the first review, including reformatting files with Prettier.

I use prettier locally. Do you mean I have to add Prettier to the eslint?

[taesungh]

Perhaps something went wrong locally: the TSX and CSS files do not appear to be formatted. You can also use the Prettier extension for VS Code.

[samderanova]

Additionally, we might want to consider having some sort of .prettierrc configuration so that the formatting is consistent for all of us.

[taesungh]

Additionally, we might want to consider having some sort of .prettierrc configuration so that the formatting is consistent for all of us.

Included in control-station/.prettierrc from d5cc776.

[samderanova]

Sorry I thought it wasn't included since I didn't see it in the list of changes for this PR. Please disregard my comment.

[vrushang1234]

Perhaps something went wrong locally: the TSX and CSS files do not appear to be formatted. You can also use the Prettier extension for VS Code.

I can't seem to find the problem as I use the prettier extension for VSCode. I'll try to npm run format before pushing from now on.

[taesungh]

We'll want to revisit some of the styling concerns (perhaps look into Bootstrap as Sam suggested) and component hierarchy (particularly within SensorBoxes), but this will work for now.