[BE] Highlight the selected branch and commit (#6990)

Made with Claude code. This is a small feature to highlight the selected
commit. This is useful the dropdown list is long.

### Testing

The branch and commit are bold when they are selected on
https://torchci-git-fork-huydhn-highlight-selected-83f4be-fbopensource.vercel.app/benchmark/llms?repoName=vllm-project%2Fvllm

Signed-off-by: Huy Do <[email protected]>

Author: huydhn

torchci/components/benchmark/BranchAndCommitPicker.tsx

@@ -179,7 +179,17 @@ export function BranchAndCommitPicker({
           id={`branch-picker-select-${commit}`}
         >
           {displayBranches.map((b: string) => (
-            <MenuItem key={`${b}-${commit}`} value={b}>
+            <MenuItem
+              key={`${b}-${commit}`}
+              value={b}
+              sx={{
+                backgroundColor: b === branch ? "#e3f2fd" : "inherit",
+                fontWeight: b === branch ? "bold" : "normal",
+                "&:hover": {
+                  backgroundColor: b === branch ? "#bbdefb" : undefined,
+                },
+              }}
+            >
               {b}
             </MenuItem>
           ))}
@@ -209,6 +219,14 @@ export function BranchAndCommitPicker({
               value={r.head_sha}
               condition={isCommitHighlight(highlightConfig?.keys, r)}
               customColor={highlightConfig?.highlightColor}
+              sx={{
+                backgroundColor: r.head_sha === commit ? "#e8f5e8" : undefined,
+                fontWeight: r.head_sha === commit ? "bold" : "normal",
+                "&:hover": {
+                  backgroundColor:
+                    r.head_sha === commit ? "#c8e6c8" : undefined,
+                },
+              }}
             >
               {r.head_sha.substring(0, SHA_DISPLAY_LENGTH)} (
               {dayjs(r.event_time).format("YYYY/MM/DD")})

torchci/components/benchmark/HighlightMenu.tsx

@@ -11,6 +11,7 @@ export const HighlightMenuItem = ({
   condition,
   children,
   customColor = DEFAULT_HIGHLIGHT_MENU_ITEM_COLOR,
+  sx,
   ...props
 }: HighlightMenuItemProps) => {
   const highlightStyle = {
@@ -22,6 +23,7 @@ export const HighlightMenuItem = ({
     <MenuItem
       {...props}
       sx={{
+        ...sx,
         ...(condition && highlightStyle),
       }}
     >