Refactored filter logic.

components/common/ErrorMessage.module.css

@@ -5,9 +5,9 @@
   transform: translate(-50%, -50%);
   margin: auto;
   display: flex;
-  z-index: var(--z-index-above);
   background-color: var(--base50);
   padding: 10px;
+  z-index: 1;
 }
 
 .icon {

components/common/FilterLink.js

@@ -14,7 +14,7 @@ export default function FilterLink({ id, value, label, externalUrl }) {
 
   return (
     <div className={styles.row}>
-      {!value && <span className={styles.empty}>{label || formatMessage(labels.unknown)}</span>}
+      {!value && `(${label || formatMessage(labels.unknown)})`}
       {value && (
         <Link
           href={resolveUrl({ [id]: value })}

components/common/FilterLink.module.css

@@ -30,7 +30,3 @@
 .icon {
   cursor: pointer;
 }
-
-.empty {
-  color: var(--base400);
-}