Render accessionRef using Accession data if available

- don't sort accessionRefs

src/ui/catalog/accession/AccessionRefsTable.tsx

@@ -88,13 +88,13 @@ class AccessionRefsTable extends React.Component<IAccessionRefsTableProps, any>
             <TableRow key={ acce.acceNumb }>
                 <TableCell style={ { width: widths[0] } }>{ acce.instCode }</TableCell>
                 <TableCell style={ { width: widths[1] } }><AccessionLink accessionRef={ acce }/></TableCell>
-                <TableCell style={ { width: widths[2] } }>{ acce.genus }</TableCell>
-                <TableCell style={ { width: widths[3] } }>{ acce.species }</TableCell>
-                <TableCell style={ { width: widths[4] } }><DOI noPrefix value={ acce.doi } /></TableCell>
+                <TableCell style={ { width: widths[2] } }>{ acce.accession ? acce.accession.taxonomy.genus : acce.genus }</TableCell>
+                <TableCell style={ { width: widths[3] } }>{ acce.accession ? acce.accession.taxonomy.species : acce.species }</TableCell>
+                <TableCell style={ { width: widths[4] } }><DOI noPrefix value={ acce.accession ? acce.accession.doi : acce.doi } /></TableCell>
             </TableRow>
         );
 
-        return paged ? paged.content && paged.content.sort((a, b) => a.acceNumb.localeCompare(b.acceNumb)) && (
+        return paged ? paged.content && (
             <div className={ this.props.classes.root }>
                 <Table maxHeight="500px" widths={ widths } headers={ [
                     t('institutes.common.instCode'),