feat: responsive testconnection

[pavanjoshi914]

Describe the changes you have made in this PR

make test connection screen responsive and refactor headings

Link this PR to an issue [optional]

(Remove other not matching type)

• feat: New feature (non-breaking change which adds functionality)

Screenshots of the changes [optional]

Checklist

• Self-review of changed code
• Manual testing
• Added automated tests where applicable
• Update Docs & Guides
• For UI-related changes
• Darkmode
• Responsive layout

[reneaaron]

I think the names of those fields are not necessary at this point. A user doesn't know what an "alias" is, anyway.

[pavanjoshi914]

will this work?

[pavanjoshi914]

the only motive here is to split alias and account name as it's too long for smaller screens as it was inline before

[reneaaron]

I don't understand. The account name & alias have always been separated by a dash, right?

[pavanjoshi914]

yup but on smaller screens it looks something like this. and the account names are mostly continuous strings. so instead of breaking words or hiding overflows on one long string, I wished to separate both on a new line and then add additional break-word to them separately if needed