feat: add cyclomatic complexity to leaderboard

Author: Mikadows

src/components/leaderboard/Leaderboard.tsx

@@ -55,6 +55,14 @@ const Leaderboard: React.FC<LeaderboardProps> = ({ benchmarkId }) => {
           return 1;
         }
         return 0;
+      case 'cyclomaticComplexity':
+        if (row1.cyclomaticComplexity! < row2.cyclomaticComplexity!) {
+          return -1;
+        }
+        if (row1.cyclomaticComplexity! > row2.cyclomaticComplexity!) {
+          return 1;
+        }
+        return 0;
     }
     return 0;
   }
@@ -240,6 +248,20 @@ const Leaderboard: React.FC<LeaderboardProps> = ({ benchmarkId }) => {
                         />
                       </div>
                     </th>
+                    <th
+                      scope="col"
+                      className="dark:text-gray-100 px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+                      onClick={() => setSortedField('cyclomaticComplexity')}
+                    >
+                      <div className="flex">
+                        Cyclomatic complexity
+                        <img
+                          className="w-4 h-4 ml-2"
+                          alt="Sort by lint score"
+                          src="https://image.flaticon.com/icons/png/512/162/162735.png"
+                        />
+                      </div>
+                    </th>
                     <th
                       scope="col"
                       className="dark:text-gray-100 px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
@@ -313,6 +335,9 @@ const Leaderboard: React.FC<LeaderboardProps> = ({ benchmarkId }) => {
                             <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                               {row.execDuration}
                             </td>
+                            <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                              {row.cyclomaticComplexity}
+                            </td>
                             <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                               {row.duplicatedSubmissions
                                 ? row.duplicatedSubmissions.length

src/components/leaderboard/LeaderboardModel.ts

@@ -6,6 +6,7 @@ export default class LeaderboardModel {
   memUsage: number | undefined;
   execDuration: number | undefined;
   createdAt: string | undefined;
+  cyclomaticComplexity: number | undefined;
   duplicatedSubmissions: [] | undefined;
   user:
     | {