fixed text are white when a menu item is selected

issue.txt

@@ -5,3 +5,4 @@ Code Comments: Some complex logic could benefit from more inline comments for ma
 Modularity: Some files (e.g., pages) are quite large and could be split into smaller, focused components.
 Environment Variables: API URLs are hardcoded in some places; best practice is to use environment variables for all endpoints.
 Accessibility: No explicit mention of accessibility (a11y) practices (e.g., ARIA labels, keyboard navigation).
+

src/components/Layout/Sidebar.tsx

@@ -60,6 +60,9 @@ const StyledListItemButton = styled(ListItemButton)(({ theme }) => ({
     '& .MuiListItemIcon-root svg': {
       stroke: '#ffffff',
     },
+    '& .MuiListItemText-primary': {
+      color: '#ffffff',
+    },
   },
   '&:hover': {
     backgroundColor: '#f8f8f8',
@@ -67,6 +70,9 @@ const StyledListItemButton = styled(ListItemButton)(({ theme }) => ({
     '& .MuiListItemIcon-root svg': {
       stroke: '#028a4a',
     },
+    '& .MuiListItemText-primary': {
+      color: '#028a4a',
+    },
   },
 }));
 const MenuListContainer = styled(Box)(({ theme }) => ({