Fix CardView quiet heights in Safari (#7046)

Author: devongovett

packages/@react-spectrum/s2/src/Card.tsx

@@ -114,6 +114,7 @@ let card = style({
       quiet: 'visible'
     }
   },
+  contain: 'layout',
   disableTapHighlight: true,
   userSelect: {
     isCardView: 'none'

packages/@react-spectrum/s2/src/CardView.tsx

@@ -551,11 +551,13 @@ function CardView<T extends object>(props: CardViewProps<T>, ref: DOMRef<HTMLDiv
     items: props.items, // TODO: ideally this would be the collection. items won't exist for static collections, or those using <Collection>
     onLoadMore: props.onLoadMore
   }, domRef);
+
+  let ctx = useMemo(() => ({size, variant}), [size, variant]);
 
   return (
     <UNSTABLE_Virtualizer layout={layout} layoutOptions={options}>
       <CardViewContext.Provider value={GridListItem}>
-        <CardContext.Provider value={{size, variant}}>
+        <CardContext.Provider value={ctx}>
           <ImageCoordinator>
             <AriaGridList
               ref={domRef}