fix: make entire refund widget clickable and remove fallback values

- Make both MEV and Gas values clickable (entire widget is now clickable)
- Remove hardcoded fallback values (380.29/444.24)
- Widget now hides if data fetch fails instead of showing stale data
- Both values redirect to the same URL (protect.flashbots.net)

Author: odysseus0

src/components/MevMetrics.tsx

@@ -36,13 +36,8 @@ export default function MevMetrics(): JSX.Element | null {
         setData(metrics);
       } catch (error) {
         console.error('Error fetching MEV metrics:', error);
-        // Mock data as fallback
-        setData({
-          totalMevRefund: 380.29,
-          totalGasRefund: 444.24,
-          fetchedAt: new Date().toISOString(),
-          stale: true
-        });
+        // Don't show widget on error
+        setData(null);
       } finally {
         setLoading(false);
       }
@@ -55,31 +50,31 @@ export default function MevMetrics(): JSX.Element | null {
     return `${value.toFixed(2)} ETH`;
   };
 
-  const handleMevClick = () => {
+  const handleClick = () => {
     const redirectUrl = siteConfig.customFields?.refundMetricsRedirectUrl as string;
     window.open(redirectUrl, '_blank', 'noopener,noreferrer');
   };
 
-  // Hide widget if flag says so
-  if (!showWidget) {
+  // Hide widget if flag says so or if no data
+  if (!showWidget || (!loading && !data)) {
     return null;
   }
 
   return (
-    <div className={styles.container}>
+    <div 
+      className={`${styles.container} ${styles.clickable}`}
+      onClick={handleClick}
+      role="button"
+      tabIndex={0}
+      onKeyDown={(e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          handleClick();
+        }
+      }}
+    >
       <span className={styles.label}>Refund</span>
       <span className={styles.separator}>|</span>
-      <div 
-        className={`${styles.metric} ${styles.clickable}`}
-        onClick={handleMevClick}
-        role="button"
-        tabIndex={0}
-        onKeyDown={(e) => {
-          if (e.key === 'Enter' || e.key === ' ') {
-            handleMevClick();
-          }
-        }}
-      >
+      <div className={styles.metric}>
         <span className={styles.label}>MEV:</span>
         <span className={`${styles.value} ${loading ? styles.loading : ''}`}>
           {loading ? '...' : data && formatValue(data.totalMevRefund)}