Component-Library storybook introduction fix

[dhruvv173]

Explanation

• This PR closes Fix component-library storybook introduction MDX render #19329
  The Component-library introduction story is fixed and it maintains consistency with other introduction stories.

Screenshots/Screencaps

Before

After

Manual Testing Steps

Pull this branch
run yarn storybook
check Introduction in ComponentLibrary

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, could you please review this PR?
Thanks!

[codecov]

Codecov Report

Merging #19359 (a0de350) into develop (16e07b5) will decrease coverage by 0.01%.
The diff coverage is n/a.

@@             Coverage Diff             @@
##           develop   #19359      +/-   ##
===========================================
- Coverage    69.94%   69.93%   -0.01%     
===========================================
  Files          959      959              
  Lines        36822    36822              
  Branches      9455     9455              
===========================================
- Hits         25753    25751       -2     
- Misses       11069    11071       +2     

see 2 files with indirect coverage changes

[georgewrmarshall]

Hey @dhruvv173, this looks great. Can you please update the name COMPONENT-LIBRARY.stories.mdx to README.stories.mdx we still want a readme and I'm hoping it will still show up on GitHub ok so there is still readable documentation about the component-library without having to run storybook

[dhruvv173]

Hey @dhruvv173, this looks great. Can you please update the name COMPONENT-LIBRARY.stories.mdx to README.stories.mdx we still want a readme and I'm hoping it will still show up on GitHub ok so there is still readable documentation about the component-library without having to run storybook

I renamed the file but it does not show up on GitHub as a README, should I make a README.md and paste the content there aswell?

[dhruvv173]

hey @georgewrmarshall, I did some research and found the fix to this. Now, it can be read on GitHub with README.md and on Storybook with COMPONENT-LIBRARY.stories.mdx. Attaching screenshots below from latest commit for reference.
I renamed the stories file as well, could you please check this once?

[georgewrmarshall]

Hey @dhruvv173, checked out the branch looks good made a couple small updated wile I was there. Thanks for your contribution!

[georgewrmarshall]

Oh we made our Figma UI Kit publicly viewable so we can remove "(internal)"

Suggested change

	[DS components figma file](https://www.figma.com/file/HKpPKij9V3TpsyMV1TpV7C/DS-Components?node-id=16%3A6) (internal)
	[DS components figma file](https://www.figma.com/file/HKpPKij9V3TpsyMV1TpV7C/DS-Components?node-id=16%3A6)

[georgewrmarshall]

Ah missed the rename of the file. Nice work