fix: improve vertical alignment of text and plus icons in filter headers

Added flex alignment styles to MuiSelect-select class to ensure proper vertical
alignment between text labels and plus icons in Type, Status, and State filter
buttons on the Uptime page.

client/src/Components/FilterHeader/index.jsx

@@ -37,6 +37,12 @@ const FilterHeader = ({ header, options, value, onChange, multiple = true }) =>
 				displayEmpty
 				value={controlledValue}
 				onChange={onChange}
+				sx={{
+					"& .MuiSelect-select": {
+						display: "flex",
+						alignItems: "center",
+					},
+				}}
 				renderValue={(selected) => {
 					if (!selected?.length) {
 						return header;