Add padding for beta banner on Unsupported browser storybook page (#4507)

Author: vhuseinova-msft

change/@azure-communication-react-4f36abc0-bc2f-42cf-a095-b8015c5e7607.json

@@ -0,0 +1,9 @@
+{
+  "type": "none",
+  "area": "improvement",
+  "workstream": "Storybook",
+  "comment": "Add padding for beta banner",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

packages/storybook/stories/UnsupportedBrowser/UnsupportedBrowser.stories.tsx

@@ -60,7 +60,7 @@ const UnsupportedBrowserStory = (): JSX.Element => {
 const getDocs: () => JSX.Element = () => {
   return (
     <Stack>
-      <SingleLineBetaBanner />
+      <SingleLineBetaBanner topOfPage={true} />
       <Title>Unsupported Browser</Title>
       <Description>
         Component to display help information when the app is loaded in an unsuppported environment.