Imported libraries, removed next-basics.

src/components/metrics/Legend.tsx

@@ -1,5 +1,4 @@
 import { StatusLight } from 'react-basics';
-import { safeDecodeURIComponent } from 'next-basics';
 import { colord } from 'colord';
 import classNames from 'classnames';
 import { LegendItem } from 'chart.js/auto';
@@ -28,9 +27,7 @@ export function Legend({
             className={classNames(styles.label, { [styles.hidden]: hidden })}
             onClick={() => onClick(item)}
           >
-            <StatusLight color={color.alpha(color.alpha() + 0.2).toHex()}>
-              {safeDecodeURIComponent(text)}
-            </StatusLight>
+            <StatusLight color={color.alpha(color.alpha() + 0.2).toHex()}>{text}</StatusLight>
           </div>
         );
       })}

src/components/metrics/QueryParametersTable.tsx

@@ -1,5 +1,4 @@
 import { useState } from 'react';
-import { safeDecodeURI } from 'next-basics';
 import FilterButtons from 'components/common/FilterButtons';
 import { emptyFilter, paramFilter } from 'lib/filters';
 import { FILTER_RAW, FILTER_COMBINED } from 'lib/constants';
@@ -39,8 +38,8 @@ export function QueryParametersTable({
           x
         ) : (
           <div className={styles.item}>
-            <div className={styles.param}>{safeDecodeURI(p)}</div>
-            <div className={styles.value}>{safeDecodeURI(v)}</div>
+            <div className={styles.param}>{p}</div>
+            <div className={styles.value}>{v}</div>
           </div>
         )
       }