Update Theme Context and CSS for Enhanced Placeholder Color and State Handling

- Added a new CSS variable for text placeholder color, improving consistency across themes.
- Updated the ThemeContext to set the new placeholder color based on dark mode settings.
- Enhanced the state handling in Utils.js to include 'overdue' status, improving clarity in state representation.

assets/stylesheets/App.css

@@ -2971,7 +2971,7 @@ body.objectKanbanColumnResizing * {
   bottom: 0;
   display: flex;
   align-items: center;
-  color: var(--ant-color-text-placeholder, rgba(0, 0, 0, 0.25));
+  color: var(--color-text-placeholder, rgba(0, 0, 0, 0.25));
   pointer-events: none;
   white-space: nowrap;
   overflow: hidden;

src/components/Dashboard/context/ThemeContext.jsx

@@ -200,6 +200,10 @@ export const ThemeProvider = ({ children }) => {
       '--color-table-row-border',
       isDarkMode ? '#303030' : '#f0f0f0'
     )
+    root.style.setProperty(
+      '--color-text-placeholder',
+      isDarkMode ? '#4F4F4F' : '#BFBFBF'
+    )
   }, [isDarkMode, primaryColorOverride])
 
   const themeConfig = {

src/components/Dashboard/utils/Utils.js

@@ -285,6 +285,10 @@ export function getStateTagInfo(state) {
       status = 'success'
       text = 'Paid'
       break
+    case 'overdue':
+      status = 'error'
+      text = 'Overdue'
+      break
     default:
       status = 'default'
       text = state || 'Unknown'