[Gallery layouts] Update storybook for gallery layouts (#3616)

* update storybook for gallery layouts

* Change files

* Duplicate change files for beta release

* Update packages/storybook/stories/VideoGallery/VideoGallery.stories.tsx

Co-authored-by: James Burnside <2684369+JamesBurnside@users.noreply.github.com>
Signed-off-by: Donald McEachern <94866715+dmceachernmsft@users.noreply.github.com>

* Update packages/storybook/stories/CallComposite/CallCompositeDocs.tsx

Co-authored-by: James Burnside <2684369+JamesBurnside@users.noreply.github.com>
Signed-off-by: Donald McEachern <94866715+dmceachernmsft@users.noreply.github.com>

* add missing layout to storybook controls

* fix prettier

* videogallery QOL improvements

* move layout state to composite

* track overflow gallery position in composite

* fix build

* large gallery fixes

---------

Signed-off-by: Donald McEachern <94866715+dmceachernmsft@users.noreply.github.com>
Co-authored-by: James Burnside <2684369+JamesBurnside@users.noreply.github.com>

Author: 2 people

packages/react-composites/src/composites/common/ControlBar/DesktopMoreButton.tsx

@@ -302,7 +302,7 @@ export const DesktopMoreButton = (props: DesktopMoreButtonProps): JSX.Element =>
       }
     };
     /* @conditional-compile-remove(large-gallery) */
-    const largeGalleryOptions = {
+    const largeGalleryOption = {
       key: 'largeGallerySelectionKey',
       text: localeStrings.strings.call.moreButtonLargeGalleryDefaultLayoutLabel,
       canCheck: true,
@@ -321,7 +321,7 @@ export const DesktopMoreButton = (props: DesktopMoreButtonProps): JSX.Element =>
     };
 
     /* @conditional-compile-remove(gallery-layouts) */
-    const overflowGalleryOptions = {
+    const overflowGalleryOption = {
       key: 'topKey',
       text: localeStrings.strings.call.moreButtonGalleryPositionToggleLabel,
       canCheck: true,
@@ -345,10 +345,9 @@ export const DesktopMoreButton = (props: DesktopMoreButtonProps): JSX.Element =>
       }
     };
     /* @conditional-compile-remove(large-gallery) */
-    galleryOptions.subMenuProps?.items?.push(largeGalleryOptions);
+    galleryOptions.subMenuProps?.items?.push(largeGalleryOption);
     /* @conditional-compile-remove(gallery-layouts) */
-    galleryOptions.subMenuProps?.items?.push(overflowGalleryOptions);
-
+    galleryOptions.subMenuProps?.items?.push(overflowGalleryOption);
     /* @conditional-compile-remove(gallery-layouts) */
     moreButtonContextualMenuItems.push(galleryOptions);
   }