Creating story for icon-border

[dhruvv173]

Explanation

• Created story for icon-border component

• ui/components/ui/icon-border

Screenshots/Screencaps

Before

After

after.mp4

Manual Testing Steps

Pre-merge author checklist

• I've clearly explained:
  • What problem this PR is solving
  • How this problem was solved
  • How reviewers can test my changes
• Sufficient automated test coverage has been added

Pre-merge reviewer checklist

• Manual testing (e.g. pull and build branch, run in browser, test code being changed)
• PR is linked to the appropriate GitHub issue
• IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[dhruvv173]

hey @georgewrmarshall, Is it fine to open a PR for each component added to Storybook? I can include 2-3 components per PR if it makes it easier for you to review them.
Additionally, some of these folders do not have a test file, Can I create test files for those components?
Thanks for the considering this request, and please review this PR when possible.

[codecov]

Codecov Report

Merging #19467 (8138137) into develop (b5b3f67) will decrease coverage by 0.01%.
The diff coverage is n/a.

❗ Current head 8138137 differs from pull request most recent head 87ddf33. Consider uploading reports for the commit 87ddf33 to get more accurate results

@@             Coverage Diff             @@
##           develop   #19467      +/-   ##
===========================================
- Coverage    69.99%   69.99%   -0.01%     
===========================================
  Files          960      960              
  Lines        36804    36804              
  Branches      9454     9454              
===========================================
- Hits         25760    25758       -2     
- Misses       11044    11046       +2     

see 2 files with indirect coverage changes

[georgewrmarshall]

Hey @dhruvv173, one story per PR is good! If you would also like to contribute to our priority good first issue you could have a look at these:

• Replace deprecated Typography with Text component #17670
• Replace deprecated constants with enums #18714

[georgewrmarshall]

Hey @dhruvv173, I realized this is a deprecated component. I've updated with a deprecation message. If you'd like to help us with some tech debt reduction I've listed some issues above. Thanks again for your contribution