WebUi challenge 1. Created fancy wifi list.

[paras151]

I believe the the wifi table data, uses keys as 0,1,2,3... and they already occur in a sorted manner in the output.

[rroohhh]

Hi, great start already, some general notes:

1. The whole UI is using material design which usually means a bit of padding between different elements, and furthermore not such strong color contrasts, as between the table header background and the rows.
2. Please make sure your code is properly formatted, you can run the autoformatter using npm run format

Furthermore, I think adding sorting to the table would be great. Additionally, the security column could be make nicer using chips. Finally I think it would be great to highlight the current wifi network in use, using for example either bold font or maybe a different backgorund for the row.

[paras151]

Thanks @rroohhh for the suggestions. One thing I would like to ask is on what basis should I sort the table?

[rroohhh]

@paras151 I think the best option would be to make the table sortable after a user selectable column.