feat: use next/image instead of react-inline-svg

[dstaley]

🎟️ Asana Task
🔍 Preview Link

---

Description

This PR replaces instances of ?include and react-inline-svg with next/image or actual inlined SVGs where appropriate. The packages updated in this PR are used on hashicorp.com; other packages likely won't be updated unless they're transitive dependencies of the packages modified in this PR. There may be slight rendering differences due to the switch but this is acceptable given that these components are relatively ancient and should be replaced (all but code-block),

Packages updated:

• '@hashicorp/react-accordion'
  • Chevron on right side
• '@hashicorp/react-alert-banner'
  • Close icon
• '@hashicorp/react-code-block'
  • File icon when filename is rendered
• '@hashicorp/react-logo-grid'
  • Close icon in popup
• '@hashicorp/react-split-rich-cta-list'
  • Arrow on right side
• '@hashicorp/react-tabs'
  • Previous/Next arrows when tabs overflow

PR Checklist 🚀

Items in this checklist may not may not apply to your PR, but please consider each item carefully.

• Add Asana and Preview links above.
• Conduct thorough self-review.
• Add or update tests as appropriate.
• Conduct reasonable cross browser testing for both compatibility and responsive behavior (We have a Sauce Labs account for this, if you don't have access, just ask!).
• Conduct reasonable accessibility review (use the WAS as a guide or an axe browser plugin until we establish more formal checks).
• Identify (in the description above) and document (add Asana tasks on this board) any technical debt that you're aware of, but are not addressing as part of this PR.

[changeset-bot]

🦋 Changeset detected

Latest commit: 7b91b03

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages

Name	Type
@hashicorp/react-accordion	Minor
@hashicorp/react-alert-banner	Minor
@hashicorp/react-code-block	Minor
@hashicorp/react-logo-grid	Minor
@hashicorp/react-split-rich-cta-list	Minor
@hashicorp/react-tabs	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

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

Name	Status	Preview	Updated (UTC)
react-components	✅ Ready (Inspect)	Visit Preview	Dec 6, 2023 8:57pm

[pbortnick]

Since this is no longer an svg, the fill and stroke styles below aren't applied and the color is changed. I know you mentioned we are accepting slight rendering differences in the PR description so if this is one of those disregard!

[pbortnick]

Honestly, I think this is fine. Like you mentioned, we are deprecating these anyways.

[pbortnick]

Nice!