Fix the target attr for the external links (#355)

* Add target attr to the external links

* Fix errors for react `key`

Author: Noah Lee

ui/src/components/DeployConfirm.tsx

@@ -171,7 +171,13 @@ function CommitChange(props: CommitChangeProps): JSX.Element {
 
     return (
         <span >
-            <a href={props.commit.htmlUrl} className="gitploy-link"><strong>{message}</strong></a>
+            <a  
+                href={props.commit.htmlUrl} 
+                target="_blank" 
+                className="gitploy-link"
+            >
+                <strong>{message}</strong>
+            </a>
             {(description.length) ? 
                 <Button size="small" type="text" onClick={onClickHide}>
                     <Text className="gitploy-code" code>...</Text>

ui/src/components/DeploymentStatusSteps.tsx

@@ -15,12 +15,13 @@ export default function DeploymentStatusSteps(props: DeploymentStatusStepsProps)
             {props.statuses.map((status, idx) => {
                 return (
                     <Timeline.Item 
+                        key={idx}
                         color={getStatusColor(status.status)}
                         style={(idx === props.statuses.length - 1)? {paddingBottom: 0} : {}}
                     >
                         <Paragraph style={{margin: 0}}>
                             <Text strong>{status.description}</Text> 
-                            {(status.logUrl !== "")? <Link href={status.logUrl}> View</Link> : <></>}<br/>
+                            {(status.logUrl !== "")? <Link href={status.logUrl} target="_blank"> View</Link> : <></>}<br/>
                             <Text>Updated</Text> <Text code className="gitploy-code">{status.status}</Text> <Text>at {moment(status.createdAt).format('HH:mm:ss')}</Text>
                         </Paragraph>
                     </Timeline.Item>

ui/src/views/Deployment.tsx

@@ -146,9 +146,7 @@ export default function DeploymentView(): JSX.Element {
                             <Breadcrumb.Item>Deployments</Breadcrumb.Item>
                             <Breadcrumb.Item>{number}</Breadcrumb.Item>
                         </Breadcrumb>}
-                    extra={[
-                        reviewBtn,
-                    ]}
+                    extra={reviewBtn}
                     onBack={onBack} 
                 />
             </div>