TF-4 user management styling

public/locales/fa/app.json

@@ -23,7 +23,6 @@
     "logout": "خروج"
   },
   "Select": {
-    "helper_text": "حالت فیلتر: برابر",
     "menu_item": "نوع کاربر را وارد کنید"
   },
   "Titles": {

src/components/dashboard/user-management/index.jsx

@@ -83,7 +83,7 @@ function DashboardUserManagementComponent() {
         Cell: ({renderedCellValue}) => (<Typography variant="body2">{renderedCellValue}</Typography>),
         Header: ({column}) => <>{column.columnDef.header}</>,
         Filter: ({column}) => {
-            return (<Stack mt={0.5} direction="row" spacing={2}>
+            return (<Stack direction="row" alignItems={'start'}>
                 <FormControl fullWidth>
                     <Select
                         variant={'standard'}
@@ -92,12 +92,12 @@ function DashboardUserManagementComponent() {
                         sx={{color: column.getFilterValue() ? 'black' : "rgba(0, 0, 0, 0.4)"}}
                     >
                         <MenuItem disabled value={0}>
-                            {t("filter_mode")}: {t(column.columnDef._filterFn)}
+                            {t("Select.menu_item")}
                         </MenuItem>
                         <MenuItem value={1}>{t("UpdateDialog.navgan")}</MenuItem>
                         <MenuItem value={2}>{t("UpdateDialog.refahi")}</MenuItem>
                     </Select>
-                    <FormHelperText>{t("Select.helper_text")}</FormHelperText>
+                    <FormHelperText sx={{mx: 0}}>{t("filter_mode")}: {t(column.columnDef._filterFn)}</FormHelperText>
                 </FormControl>
                 <IconButton
                     size="small"
@@ -105,7 +105,7 @@ function DashboardUserManagementComponent() {
                         column.setFilterValue(null);
                     }}
                     sx={{
-                        color: column.getFilterValue() ? "rgba(0, 0, 0, 0.54)" : "#bfbfbf", marginTop: 7, height: 25
+                        color: column.getFilterValue() ? "rgba(0, 0, 0, 0.54)" : "#bfbfbf"
                     }}
                 >
                     <ClearIcon/>