Part of #17670: Replace Typography with Text component in:gas-items-details

[dhruvv173]

Explanation

This partially fixes PR
Replaced <Typography> component with <Text> for the file gas-details-item-title.js
Also added new stories to Storybook for the files

• ui\components\app\gas-details-item\gas-details-item-title\gas-details-item-title.js
• ui\components\app\gas-details-item\gas-details-item\gas-details-item.js

New Story for gas-details-item.js

New Story for gas-details-item-title.js

Screenshots/Screencaps

Before

After

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
Please review this PR. Replaced Typography with Text component, added new stories and screenshots for the same, if the changes are correct I will go on with making changes to the remaining files.
Thanks!

[georgewrmarshall]

Looking good nice work on the stories! Left one comment

[georgewrmarshall]

LGTM! Thanks for your contribution @dhruvv173

[garrettbear]

Great work and thanks for adding the story!