chore: fix select component bg in connection

src/components/base/base-styled-select.tsx

@@ -0,0 +1,19 @@
+import { Select, SelectProps, styled } from "@mui/material";
+
+export const BaseStyledSelect = styled((props: SelectProps<string>) => {
+  return (
+    <Select
+      size="small"
+      autoComplete="off"
+      sx={{
+        width: 120,
+        height: 33.375,
+        mr: 1,
+        '[role="button"]': { py: 0.65 },
+      }}
+      {...props}
+    />
+  );
+})(({ theme }) => ({
+  background: theme.palette.mode === "light" ? "#fff" : undefined,
+}));