Add a configuration panel to adjust Wi-Fi configurations

[ethanjli]

Is your feature request related to a problem? Please describe.
Currently, functionality related to managing Wi-Fi network connections and Wi-Fi hotspot mode are all implemented in the Node-RED dashboard. However, the Node-RED dashboard is difficult to maintain in a collaborative project. It would be great if we could move wi-fi management functionality out of the Node-RED dashboard.

Additionally, the Node-RED dashboard is buggy - when attempting to add a wifi network without a password, it inserts an error message into the wpa_supplicant.conf file.

Additionally, Fabien Lombard has requested a way to toggle whether the PlanktoScope generates a wifi hotspot network; this would be useful for security reasons, and to clear up the wifi channels for other PlanktoScopes. Fabien has also requested a way to remove a wifi network from the wpa_supplicant configuration.

Describe the solution you'd like
We should provide a simple control panel GUI for managing everything related to wi-fi, ethernet, and internet sharing. In the future, we could also use this to toggle the functionalities for a wlan1 wifi USB dongle and/or an eth1 USB-to-Ethernet adapter, etc.

Describe alternatives you've considered
These functionalities could also be implemented in a separate control panel app, if that would make more sense.

[ethanjli]

Update: after the v2024.0.0 release of PlanktoScope OS the Node-RED dashboard's Wi-Fi configuration page was deleted in PlanktoScope/PlanktoScope#516 . Because of PlanktoScope/PlanktoScope#526 , now the PlanktoScope OS will be relying on NetworkManager - which unfortunately does not appear to have any web Wi-Fi management GUI projects available for it (note that https://github.com/RaspAP/raspap-webgui is stuck on pre-NetworkManager systems - see RaspAP/raspap-webgui#1574 for details). The current documentation relies on using nmtui to edit the Wi-Fi connection configuration and then using nmcli to activate that configuration - see https://docs-edge.planktoscope.community/operation/networking/#connect-your-planktoscope-to-an-existing-wi-fi-network-with-a-second-wi-fi-module for details.

It would be very very very nice if we could provide a Wi-Fi management GUI for NetworkManager (similar to https://github.com/mk-fg/NetworkManager-WiFi-WebUI , but something which actually works and is maintainable), but that sounds like a very nontrivial project in itself. If we really wanted to make our own GUI, https://github.com/Wifx/gonetworkmanager would be a reasonable starting point if we wanted to do it in Go; I would suggest that should be its own project separate from device-portal, so I'm going to close this issue as wontfix for being out-of-scope of device-portal.