fix(Table): Setting correct intersection root for margin to work

[bentleyvk]

Closes #699

• Apparently correct intersection root element must be set for margin to work.
• I had to use useState instead of useRef to make useIntersection hook rerender when row ref is get.
• I can't just use getScrollableParent on a row because Table body has overflow set but for it to work, Table has to have a height set or using other methods to limit its height. So I am just comparing scrollHeight and offsetHeight.

Checklist

• [ ] Add meaningful unit tests for your component (verify that all lines are covered)
• [ ] Verify that all existing tests pass
• [ ] Add component features demo in Storybook (different stories)
• [ ] Approve test images for new stories
• [ ] Add screenshots of the key elements of the component

[bentleyvk]

@iTwin/itwinui-react-1 can you check this one, I am not a fan of what I did here but I don't know what else could be done. Another solution might be just making the user to tell us what is scrollable like intersectionRoot: 'table-body' | 'viewport' | HTMLElement

[bentleyvk]

New changes look good to me!