Move export asset button beside asset name and improve import/export icons and fix button border control

[rithviknishad]

Proposed Changes

• Resolves Change Export Asset button in asset detail page to secondary variant #4205
• Fixes Unintended button border present in filter buttons #4247
• Removed the original asset export button beside configure asset.
• Added an icon button with a tooltip 'Export as JSON' beside the asset name
• Updated the import and export icons on the Asset List page.
• ButtonV2 got a new controllable border prop for finer design control.

Move asset export beside the asset name and added a tooltip.

Improved the import and export icon in asset list page

ButtonV2 can now be ghost without border

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	b228dcc
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/6398299a32320a0008de5427
😎 Deploy Preview	https://deploy-preview-4244--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.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
care-storybook	✅ Ready (Inspect)	Visit Preview	Dec 13, 2022 at 7:29AM (UTC)

[nihal467]

LGTM, @rithviknishad marking it team discussion required, to get a final opinion from the team

[nihal467]

@rithviknishad will you be working on the changes, from removing the button and adding a download icon in the same row as the asset name

[rithviknishad]

@nihal467 the following changes were made (screenshots updated in PR's first comment):

• Removed the original asset export button beside configure asset.
• Added an icon button with a tooltip 'Export as JSON' beside the asset name
• Updated the import and export icons on the Asset List page.
• ButtonV2 got a new controllable border prop for finer design control. (Visible in advanced patient filters, although not directly related to the objective of this PR, to achieve the no-border style for the export button, this change had to be present in this PR)

Ready for testing.

[github-actions]

👋 Hi, @rithviknishad,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[github-actions]

👋 Hi, @rithviknishad,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[nihal467]

LGTM but @rithviknishad work on the merge conflict

[netlify]

❌ Deploy Preview for care-net failed.

Name	Link
🔨 Latest commit	516ddee
🔍 Latest deploy log	https://app.netlify.com/sites/care-net/deploys/639230d7ce84210008e31050

[rithviknishad]

@nihal467 i've fixed the merge conflict

[nihal467]

@rithviknishad

the page is getting extended to the right side, due to the tooltip, in responsive view

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
2 Code Smells

No Coverage information
0.0% Duplication

[nihal467]

LGTM