fix: change response to reviewers order and parse COI

packages/component-manuscript/src/components/ManuscriptDetails.js

@@ -24,7 +24,7 @@ const ManuscriptDetails = ({
       )}
       {conflicts.hasConflicts === 'yes' && (
         <Expandable label="CONFLICT OF INTEREST">
-          <Text>{conflicts.message}</Text>
+          <Text dangerouslySetInnerHTML={{ __html: conflicts.message }} />
         </Expandable>
       )}
       {!!authors.length && (

packages/component-manuscript/src/components/ManuscriptLayout.js

@@ -67,11 +67,11 @@ const ManuscriptLayout = ({
               recommendations={editorialRecommendations}
             />
           )}
+          {hasResponseToReviewers && <ResponseToReviewers version={version} />}
           <ReviewsAndReports project={project} version={version} />
           {canMakeRevision && (
             <SubmitRevision project={project} version={version} />
           )}
-          {hasResponseToReviewers && <ResponseToReviewers version={version} />}
         </Container>
         <SideBar flex={1}>
           <SideBarActions project={project} version={version} />

packages/component-manuscript/src/components/ResponseToReviewers.js

@@ -11,7 +11,7 @@ const ResponseToReviewers = ({
   responseToReviewers: { comments = '', files },
 }) => (
   <Root>
-    <Expandable label="Respone to reviewers">
+    <Expandable label="Response to reviewers" startExpanded>
       {comments && (
         <Fragment>
           <Label>Comments to reviewers</Label>