ci(actions): automatically open content sync issues on platform (#3193)

* ci(actions): automatically open content sync issues on platform

* Update .github/workflows/platform-content-sync.yml

Co-authored-by: Matt Rosno <matt.rosno@gmail.com>

* chore(formatting): output of yarn:format

Co-authored-by: Matt Rosno <matt.rosno@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

.github/workflows/platform-content-sync.yml

@@ -0,0 +1,24 @@
+name: Sync content with platform
+
+on:
+  pull_request:
+    types:
+      - closed
+    paths:
+      - '**.mdx'
+
+jobs:
+  if_merged:
+    if: github.event.pull_request.merged == true
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          repository: carbon-design-system/carbon-platform
+          ref: main
+      - name: Create issue on platform repo
+        run: |
+          gh issue create --title "[Content sync]: carbon-website PR ${{ github.event.number }}" --label "role: dev 🤖" --label "service: web-app 🌎" --body 'The following pull request on carbon-website was just merged. It contains .mdx content changes that may need synced to platform.
+          - https://www.github.com/carbon-design-system/carbon-website/pull/${{ github.event.number }}'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

src/pages/components/accordion/usage.mdx

@@ -55,7 +55,8 @@ extra click; instead use a full scrolling page with normal headers.
       id: 'accordion',
       label: 'Accordion',
     },
-  ]}>
+  ]}
+>
   <ComponentVariant
     id="accordion"
     knobs={{
@@ -70,7 +71,8 @@ extra click; instead use a full scrolling page with normal headers.
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvaccordion--default',
       'Web Components':
         'https://web-components.carbondesignsystem.com/?path=/story/components-accordion--default',
-    }}>
+    }}
+  >
     {`
   <Accordion>
     <AccordionItem title="Title 1"><p>The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion. Accordions work especially well on mobile interfaces or whenever vertical space is at a premium.</p></AccordionItem>