feat: New hooks for element size tracking

[tassoevan]

• I have read the Contributing Guide
• I have signed the CLA
• Lint and unit tests pass locally with my changes
• I have labeled the PR correctly with the related package
• I have run Loki's visual regression tests (if applicable)
• I have added tests that prove my fix is effective or that my feature works (if applicable)
• I have added necessary documentation (if applicable)
• Any dependent changes have been merged and published in downstream modules

Proposed changes (including videos or screenshots)

The useResizeObserver() hook has a remarkable flaw when used as a replacement for container queries for styling: its initial state is asynchronously set. This pull request introduces two distinct hooks, useBorderBoxSize() and useContentBoxSize(), which must be used instead to avoid flickering in components that need to know a element size to render valid JSX. E.g.:

const MyComponent = () => {
  const ref = useRef();
  const { inlineSize } = useContentBoxSize(ref);
  
  return <div ref={ref}>
    {inlineSize > 100 ? 'Greather than 100px' : 'Too small'}
  </div>;
};

[tassoevan]

@ggazzo Please review, sir.