Update frontend/src/App.js

frontend/src/App.js

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { ArrowUpDown } from 'lucide-react';
 import _ from 'lodash';
 
 const ScoreBar = ({ score }) => {
@@ -62,13 +63,6 @@ function App() {
     [sortConfig.direction]
   );
 
-  const getSortIcon = (key) => {
-    if (sortConfig.key === key) {
-      return sortConfig.direction === 'desc' ? ' ↓' : ' ↑';
-    }
-    return ' ↕';
-  };
-
   if (loading) {
     return (
       <div className="flex items-center justify-center min-h-screen">
@@ -105,7 +99,7 @@ function App() {
                 >
                   <div className="flex items-center gap-1">
                     {benchmark}
-                    <span className="text-gray-500">{getSortIcon(benchmark)}</span>
+                    <ArrowUpDown className="h-4 w-4" />
                   </div>
                 </th>
               ))}