Developers, SW: check 'waiting' before 'active'

app/soapbox/features/developers/service-worker-info.tsx

@@ -50,10 +50,10 @@ const ServiceWorkerInfo: React.FC<IServiceWorkerInfo> = () => {
   const url = registration?.active?.scriptURL;
 
   const getState = () => {
-    if (registration?.active) {
+    if (registration?.waiting) {
-      return 'active';
-    } else if (registration?.waiting) {
       return 'pending';
+    } else if (registration?.active) {
+      return 'active';
     } else {
       return 'inactive';
     }
@@ -74,13 +74,6 @@ const ServiceWorkerInfo: React.FC<IServiceWorkerInfo> = () => {
           defaultMessage='Unavailable'
         />
       );
-    } else if (registration?.active) {
-      return (
-        <FormattedMessage
-          id='sw.state.active'
-          defaultMessage='Active'
-        />
-      );
     } else if (registration?.waiting) {
       return (
         <FormattedMessage
@@ -88,6 +81,13 @@ const ServiceWorkerInfo: React.FC<IServiceWorkerInfo> = () => {
           defaultMessage='Waiting'
         />
       );
+    } else if (registration?.active) {
+      return (
+        <FormattedMessage
+          id='sw.state.active'
+          defaultMessage='Active'
+        />
+      );
     } else {
       return (
         <FormattedMessage