Improve UI on External Test page

[Ashesh3]

Fixes #2505
Backend PR: ohcnetwork/care#810

Some UI changes to the External Test page.

Before:

After:

[gitguardian]

⚠️ GitGuardian has uncovered 1 secret following the scan of your pull request.

Please consider investigating the findings and remediating the incidents. Failure to do so may lead to compromising the associated services or software components.

🔎 Detected hardcoded secret in your pull request

GitGuardian id	Secret	Commit	Filename
757392	Google API Key	2cec8ae	src/Common/env.tsx	View secret

🛠 Guidelines to remediate hardcoded secrets

1. Understand the implications of revoking this secret by investigating where it is used in your code.
2. Replace and store your secret safely. Learn here the best practices.
3. Revoke and rotate this secret.
4. If possible, rewrite git history. Rewriting git history is not a trivial act. You might completely break other contributing developers' workflow and you risk accidentally deleting legitimate data.

To avoid such incidents in the future consider

• following these best practices for managing and storing secrets including API keys and other credentials
• install secret detection on pre-commit to catch secret before it leaves your machine and ease remediation.

---

<sup>🦉 GitGuardian detects secrets in your source code to help developers and security teams secure the modern development process. You are seeing this because you or someone else with access to this repository has authorized GitGuardian to scan your pull request.

Our GitHub checks need improvements? Share your feedbacks!</sup>

[nihal467]

@Ashesh3 merge the latest deployment and check the conflicts

[Ashesh3]

@nihal467 Done!

[nihal467]

@Ashesh3 make it responsive

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	db9914d
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/62dda765da3da2000adb2f7c
😎 Deploy Preview	https://deploy-preview-2614--care-egov-staging.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[Ashesh3]

@nihal467 Should be more responsive now:

300px width

[nihal467]

@Ashesh3

check the responsivity

[Ashesh3]

Fixed.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
25 Code Smells

No Coverage information
0.1% Duplication

[nihal467]

test approved