Website: re-order things in the top details bar (#111)

Re-ordered the items in this top bar:

![image](https://github.com/user-attachments/assets/3ddca888-e309-4f29-a1cf-8663c5294199)

Also, I changed the icon for timeout to be more "time" related. But in
the future, can we find something more appropriate, like an hourglass?

Author: siddharth-krishna

website-nextjs/src/components/admin/DetailSection.tsx

@@ -4,6 +4,7 @@ import {
   AppIcon,
   DatabaseIcon,
   GraphBarIcon,
+  HistoryIcon,
   LayoutGroupIcon,
   VectorSquareIcon,
 } from "@/assets/icons"
@@ -44,6 +45,20 @@ const DetailSection = () => {
   )
 
   const detailData = [
+    {
+      label: "Benchmarks",
+      value: availableBenchmarksCount,
+      icon: <GraphBarIcon />,
+      generateLabel: () => (
+        <>
+          Benchmarks:{" "}
+          <span className="font-bold">
+            {availableBenchmarksCount} {`(${avaliableInstance.length}`} instances
+            {")"}
+          </span>
+        </>
+      ),
+    },
     {
       label: "Solvers",
       value: availableSolvers.length,
@@ -59,23 +74,14 @@ const DetailSection = () => {
       ),
     },
     {
-      label: "Iteration",
+      label: "Iterations",
       value: "1",
       icon: <LayoutGroupIcon />,
     },
     {
-      label: "Benchmarks",
-      value: availableBenchmarksCount,
-      icon: <GraphBarIcon />,
-      generateLabel: () => (
-        <>
-          Benchmarks:{" "}
-          <span className="font-bold">
-            {availableBenchmarksCount} {`(${avaliableInstance.length}`} instances
-            {")"}
-          </span>
-        </>
-      ),
+      label: "vCPUs",
+      value: "2 (1 core)",
+      icon: <AppIcon />,
     },
     {
       label: "Memory",
@@ -85,12 +91,7 @@ const DetailSection = () => {
     {
       label: "Timeout",
       value: "10 min",
-      icon: <DatabaseIcon />,
-    },
-    {
-      label: "vCPUs",
-      value: "2 (1 core)",
-      icon: <AppIcon />,
+      icon: <HistoryIcon />,
     },
   ]