Provide a connection string builder to edit db connection string

[HeyItsJs]

Right now the user is provided a single field for editing connection string. The problem with this is that the user has to learn the format of connection string.

We should perhaps provide a connection string builder like this:

This can make it easier for users to play around with the connection string