ENSWBSITES-1170: Ordering filters alphabetically (#511)

* ENSWBSITES-1170: Ordering filters alphabetically
protein coding comes first and then the rest are alphabetically ordered

src/ensembl/src/content/app/entity-viewer/gene-view/components/transcripts-filter/TranscriptsFilter.tsx

@@ -73,7 +73,9 @@ const TranscriptsFilter = (props: Props) => {
     .map((a) => a.so_term)
     .filter(Boolean) as string[];
 
-  const uniqueBiotypes = Array.from(new Set(biotypes));
+  const uniqueBiotypes = Array.from(new Set(biotypes)).sort((a, b) => {
+    return sortBiotypes(a, b);
+  });
 
   // TODO: Add protein coding options in RadioOptions if there are protein coding biotype
   const initialFilters = uniqueBiotypes.reduce((accumulator, biotype): {
@@ -153,4 +155,14 @@ const TranscriptsFilter = (props: Props) => {
   );
 };
 
+const sortBiotypes = (a: string, b: string) => {
+  if (a === 'protein_coding') {
+    return -1;
+  } else if (b === 'protein_coding') {
+    return 1;
+  } else {
+    return a.localeCompare(b);
+  }
+};
+
 export default TranscriptsFilter;