Change skip button to default button (#4124)

* button change

* Change files

* Duplicate change files for beta release

* Update packages/react-composites CallComposite browser test snapshots

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: carocao-msft

change-beta/@azure-communication-react-5bc0e87e-c046-4ea1-b05d-668ddd93e67a.json

@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "end of call survey",
+  "comment": "Change skip button to default button",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-5bc0e87e-c046-4ea1-b05d-668ddd93e67a.json

@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "end of call survey",
+  "comment": "Change skip button to default button",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/common/Survey.tsx

@@ -9,7 +9,7 @@ import { useLocale } from '../localization';
 /* @conditional-compile-remove(end-of-call-survey) */
 import { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';
 /* @conditional-compile-remove(end-of-call-survey) */
-import { Text, PrimaryButton, Stack, Theme, mergeStyles, useTheme } from '@fluentui/react';
+import { Text, PrimaryButton, Stack, Theme, mergeStyles, useTheme, DefaultButton } from '@fluentui/react';
 /* @conditional-compile-remove(end-of-call-survey) */
 import { SurveyContent } from './SurveyContent';
 /* @conditional-compile-remove(end-of-call-survey) */
@@ -139,7 +139,7 @@ export const Survey = (props: {
             }
           />
           <Stack horizontal horizontalAlign="end">
-            <PrimaryButton
+            <DefaultButton
               style={{ marginTop: '1rem', marginRight: '0.5rem' }}
               onClick={() => {
                 if (onSurveyClosed) {
@@ -150,7 +150,7 @@ export const Survey = (props: {
               }}
             >
               {strings.surveySkipButtonLabel}
-            </PrimaryButton>
+            </DefaultButton>
 
             {showSubmitFeedbackButton && (
               <PrimaryButton