Desktop Client Support Wireguard Tunnels

[teon]

Right now our client is dedicated to defguard - but if we would just enable importing of Wireguard client configuration - then anyone with existing Wireguard infrastructure would be able to use it.

Please design:

1. The initial screen to provide current defguard activation + a section about importing your existing WG configuration, that would just enable to use your current/setup infrastructure + a section/button to configure the client manually.
2. A screen (form) for configuring manually - with the following fields:

• Instance Name - select box or enter a new name if there is no instance name + explanation what is an instance
• Name for this VPN Location
• VPN server address
• VPN server port
• VPN server public key
• Client IP address
• Client Private Key
• [generate button] for generating a private key
• Client Public Key - a READ ONLY FIELD with a Copy BUTTON that will be displayed after Private Key will be generated
• DNS
• Allowed IPs

MVP - without PRE/POST UP/DOWN

Implement left menu for "Wireguard tunnels" When clicking on Wireguard Tunnels we have grid view of all Wireguard Tunells When clicking on specific Wireguard Tunel we have details view without tabs as this is just one connection.

[4lb]

WireGuard® Desktop Client Design -> https://www.figma.com/file/uoFcgpOuVWa6g7tvKwB52o/defguard?type=design&node-id=3963%3A12460&mode=design&t=dbcHjog0mqLx0zli-1

[teon]

1. Import wg-config should be a separate crate (defguard utils?) to that server & client can use on import functions
2. pre/post up/down add defguard utils

[teon]

Import works - and I have imported items in menu, but when clicking on them - they display just for a second and then the "Add tunel" screen shows. Also when clicking on "Wireguard tunnels" there is no tunnels list -just add tunnels.