[Chat]Update image padding for ImageGallery (#3651)

* Update image padding for ImageGallery

* Change files

* Duplicate change files for beta release

* Update packages/react-composites ChatComposite browser test snapshots

Author: Leah-Xia-Microsoft

change-beta/@azure-communication-react-b1fc9875-dbaf-4c9c-a8ff-0f0faf42d365.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "improvement",
+  "workstream": "ImageGallery",
+  "comment": "Update image padding for ImageGallery",
+  "packageName": "@azure/communication-react",
+  "email": "107075081+Leah-Xia-Microsoft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-b1fc9875-dbaf-4c9c-a8ff-0f0faf42d365.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "improvement",
+  "workstream": "ImageGallery",
+  "comment": "Update image padding for ImageGallery",
+  "packageName": "@azure/communication-react",
+  "email": "107075081+Leah-Xia-Microsoft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/src/components/styles/ImageGallery.style.ts

@@ -126,9 +126,9 @@ export const bodyContainer: IStyle = {
   width: '100%',
   height: '100%',
   overflow: 'hidden',
-  padding: '5.75rem',
+  padding: '1rem 2rem 3rem 2rem',
   '@media (max-width: 25rem) or (max-height: 25rem)': {
-    padding: '2rem'
+    padding: '0rem 1rem 2rem 1rem'
   }
 };