[PE-4862] Updates background component to merge props

[longevitytina]

Description

This PR address issue: Background component doesn't utilize ImgixProvider's domain parameter

• mergeComponentPropsHOF and processPropsHOF now wrap withContentRect("bounds")(BackgroundImpl)

BEFORE:
Imgix domain prop was not being passed to Background component from ImgixProvider

 <ImgixProvider domain={IMGIX_DOMAIN}>
      <Imgix
        src="image.jpg"
        width={100}
      /> {/* The Imgix component successfully uses the domain from the Provider */}
      <Background src="image.png" className="blog-title">
        <h2>Blog Title</h2>
      </Background> {/* The Background component fails to utilize the domain from the Provider */}
 </ImgixProvider>

AFTER:
Imgix domain prop can be access by Background component from ImgixProvider

How to test:

It takes a little set up to test, you'll need to add react-imgix to a repo and link to the working branch:

1. create a react app yarn create vite my-react-app --template react
2. CD into react-imgix and pull this branch, run npm run build
3. CD into newly created my-react-app: yarn link react-imgix
4. In my-react-app run: yarn dev
5. Replace App.jsx with this code snippet:

import './App.css';
import Imgix, { Background, ImgixProvider } from 'react-imgix';

function App() {
  return (
    <>
      <ImgixProvider domain={IMGIX_DOMAIN}>
        <Imgix
          src='cats2.jpeg'
          width={500}
        />
        <Background
          src='lion.jpeg'
          className='blog-title'
        >
          <h2>Background Using ImgixProvider Domain</h2>
        </Background>
      </ImgixProvider>
    </>
  );
}

export default App;

7. Expect to see all Images loading correctly on http://localhost:5173/
8. Alternatively, see video of images, logging and changes:

sdk.mp4

[longevitytina]

tests are failing due to config file issues, trying to resolve with the following suggestions from, but no success yet:
CircleCI-Public/browser-tools-orb#72
CircleCI-Public/browser-tools-orb#75

Edit: this is a browser-tool orb issue that cannot be solved currently. CircleCI-Public/browser-tools-orb#98 (comment), so we'll ignore tests for now (locally they all pass)

UPDATE: This has been resolved by updating the node version in the config file

[luqven]

praise: great work on this! Nearly there.

comment: left one blocking question. Once that's answered/addressed we should be ready to merge.

[luqven]

LGTM 🚢

Left one non-blocking suggestion.

[imgix-git-robot]

🎉 This PR is included in version 9.8.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀