feat(topbar): add hover background to topbar buttons

Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>

Author: Dhruv-0-Arora

fission/src/ui/components/SplitButtonDropdown.tsx

@@ -15,7 +15,6 @@ const HALF_SX = {
     ...TOP_BAR_ICON_BUTTON_SX,
     height: "100%",
     borderRadius: 0,
-    "&:hover": { backgroundColor: "rgba(255, 255, 255, 0.08)" },
 } as const
 
 interface HalfProps {

fission/src/ui/components/topbar/TopBarConfig.ts

@@ -7,7 +7,8 @@ export const TOP_BAR_GAP_PX = TOP_BAR_GAP * MUI_SPACING_UNIT_PX
 
 export const TOP_BAR_ICON_BUTTON_SX = {
     color: "topBarText.main",
-    "&:hover": { backgroundColor: "transparent" },
+    borderRadius: 1,
+    "&:hover": { backgroundColor: "rgba(255, 255, 255, 0.08)" },
     "&:focus, &:focus-visible": { outline: "none" },
 } as const