update gridlist stories so that it is easier to see useLoadMore is only called once per load

due to the number of items returned by the star wars api and the height of the rows, making the gridlist too tall causes the loadmore to be called multiple times in order to fill enough content for a single page

Author: LFDanLu

packages/react-aria-components/stories/GridList.stories.tsx

@@ -254,9 +254,8 @@ export const AsyncGridList = () => {
   return (
     <GridList
       className={styles.menu}
-      style={{height: 400}}
+      style={{height: 200}}
       aria-label="async gridlist"
-      // TODO: same deal here, this won't actually render
       renderEmptyState={() => renderEmptyState({isLoading: list.isLoading})}>
       <Collection items={list.items}>
         {(item: Character) => (
@@ -294,7 +293,7 @@ export const AsyncGridListVirtualized = () => {
       }}>
       <GridList
         className={styles.menu}
-        style={{height: 400}}
+        style={{height: 200}}
         aria-label="async virtualized gridlist"
         renderEmptyState={() => renderEmptyState({isLoading: list.isLoading})}>
         <Collection items={list.items}>