Bump react-markdown from 9.0.3 to 10.0.0 (#773)

* Bump react-markdown from 9.0.3 to 10.0.0

Bumps [react-markdown](https://github.com/remarkjs/react-markdown) from 9.0.3 to 10.0.0.
- [Release notes](https://github.com/remarkjs/react-markdown/releases)
- [Changelog](https://github.com/remarkjs/react-markdown/blob/main/changelog.md)
- [Commits](remarkjs/react-markdown@9.0.3...10.0.0)

---
updated-dependencies:
- dependency-name: react-markdown
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* className is no longer available

* format

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Deepak Prabhakara <[email protected]>

Author: dependabot[bot]

package-lock.json

@@ -49,7 +49,7 @@
     "dayjs": "1.11.13",
     "lodash": "4.17.21",
     "react-datepicker": "8.1.0",
-    "react-markdown": "9.0.3",
+    "react-markdown": "10.0.0",
     "react-modal": "3.16.3",
     "react-redux": "9.2.0",
     "redux": "5.0.1",

package.json

@@ -60,12 +60,11 @@ const EventRow: React.FC<propTypes> = ({ event, fields, renderers, openModal })
             {fields.map((item, idx) => {
               if (item.type === "markdown") {
                 return (
-                  <div key={idx} className={`flex flex1 content-section`} data-testid="markdown">
-                    <ReactMarkdown
-                      className="EventItem u-fontWeight--medium u-lineHeight--more"
-                      components={renderers}
-                      children={getCellValue(item)}
-                    />
+                  <div
+                    key={idx}
+                    className={`flex flex1 content-section EventItem u-fontWeight--medium u-lineHeight--more`}
+                    data-testid="markdown">
+                    <ReactMarkdown components={renderers} children={getCellValue(item)} />
                   </div>
                 );
               } else if (item.type === "showEvent") {

src/components/views/EventRow.tsx

@@ -24,12 +24,8 @@ const MobileEventRow: React.FC<propTypes> = ({ event, index, openModal, renderer
         <div className="TableRow-content flex flex1">
           <div className="flex-column flex1 u-overflow--hidden">
             <div className="flex flex-auto">
-              <div className="u-color--dustyGray u-fontSize--normal u-lineHeight--normal">
-                <ReactMarkdown
-                  className="EventItem u-fontWeight--medium u-lineHeight--more u-display--inlineBlock"
-                  components={renderers}
-                  children={event.display.markdown}
-                />
+              <div className="u-color--dustyGray u-fontSize--normal u-lineHeight--normal EventItem u-fontWeight--medium u-lineHeight--more u-display--inlineBlock">
+                <ReactMarkdown components={renderers} children={event.display.markdown} />
               </div>
             </div>
             <div className="flex flex1 u-marginTop--normal">