Fix: css module lint issues

Author: Neeraj-Kondaveeti

src/components/ResourceManagement/ResourceManagement.module.css

@@ -2,14 +2,14 @@
 .resourceManagementDashboard {
   padding: 20px;
   min-height: 100vh;
-  background-color: #ffffff;
+  background-color: #fff;
   color: #333;
   transition: background-color 0.3s ease;
 }
 
 .darkModeResourceManagementDashboard {
   background-color: #1b2a41;
-  color: #ffffff;
+  color: #fff;
 }
 
 /* --- Header Section --- */
@@ -34,7 +34,7 @@
 
 .addLogButton {
   background-color: #0056b3;
-  color: #ffffff;
+  color: #fff;
   border: none;
   border-radius: 6px;
   padding: 10px 24px;
@@ -55,15 +55,7 @@
   background-color: #4b7bec;
 }
 
-<<<<<<< HEAD
 /* --- Search Bar --- */
-=======
-.inputError {
-  border: 1px solid #ff4d4f !important;
-}
-
-/* ---------- Search Bar ---------- */
->>>>>>> 45f6ac1ca (Fix: added validation to Add New Log modal and included Date field)
 .searchBarContainer {
   display: flex;
   justify-content: space-between;
@@ -113,7 +105,7 @@
   border-radius: 4px;
   width: 250px;
   outline: none;
-  background-color: #ffffff;
+  background-color: #fff;
   color: #333;
 }
 
@@ -124,12 +116,12 @@
 .darkModeSearchBarContainer .searchInput {
   background-color: #1b2a41;
   border-color: #444;
-  color: #ffffff;
+  color: #fff;
 }
 
 /* --- Table & Column Alignment --- */
 .resourceList {
-  background-color: #ffffff;
+  background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 8px;
   overflow: hidden;
@@ -271,7 +263,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: #ffffff;
+  background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 4px;
   cursor: pointer;
@@ -286,6 +278,14 @@
   cursor: not-allowed;
 }
 
+.darkModePaginationContainer .paginationButtonIndexes,
+.darkModePaginationContainer .paginationLeft,
+.darkModePaginationContainer .paginationRight {
+  background-color: #172f53;
+  border-color: #2d4a77;
+  color: #fff;
+}
+
 .paginationButtonIndexes:hover:not(:disabled),
 .paginationLeft:hover:not(:disabled),
 .paginationRight:hover:not(:disabled) {
@@ -297,21 +297,13 @@
   padding: 6px 12px;
   border-radius: 4px;
   background-color: #007bff;
-  color: #ffffff;
-}
-
-.darkModePaginationContainer .paginationButtonIndexes,
-.darkModePaginationContainer .paginationLeft,
-.darkModePaginationContainer .paginationRight {
-  background-color: #172f53;
-  border-color: #2d4a77;
-  color: #ffffff;
+  color: #fff;
 }
 
 .darkModePaginationContainer .activePage {
   background-color: #2196f3 !important;
   border-color: #2196f3 !important;
-  color: #ffffff;
+  color: #fff;
 }
 
 /* --- Modal --- */
@@ -323,23 +315,23 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  animation: scaleIn 0.25s ease-in-out;
+  animation: scale-in 0.25s ease-in-out;
   z-index: 1000;
 }
 
 .modalContent {
-  background-color: #ffffff;
+  background-color: #fff;
   border-radius: 12px;
   padding: 28px 24px;
   width: 420px;
   box-shadow: 0 8px 24px rgb(0 0 0 / 25%);
-  animation: scaleIn 0.25s ease-in-out;
+  animation: scale-in 0.25s ease-in-out;
   transform-origin: top center;
 }
 
 .modalContentDark {
   background-color: #172f53;
-  color: #ffffff;
+  color: #fff;
   border: 1px solid #2d4a77;
   box-shadow: 0 8px 28px rgb(0 0 0 / 40%);
 }
@@ -374,7 +366,7 @@
   border-radius: 4px;
   font-size: 1rem;
   box-sizing: border-box;
-  background-color: #ffffff;
+  background-color: #fff;
   color: #333;
 }
 
@@ -386,7 +378,7 @@
 
 .modalContentDark .formGroup input {
   background-color: #1b2a41;
-  color: #ffffff;
+  color: #fff;
   border: 1px solid #667b9c;
 }
 
@@ -434,7 +426,7 @@
 
 .submitButton {
   background-color: #4caf50;
-  color: #ffffff;
+  color: #fff;
 }
 
 .submitButton:hover {
@@ -452,15 +444,15 @@
 
 .modalContentDark .submitButton {
   background-color: #4caf50;
-  color: #ffffff;
+  color: #fff;
 }
 
 /* --- Toast Notification --- */
 .toast {
   position: fixed;
   bottom: 25px;
   right: 25px;
-  background-color: #ffffff;
+  background-color: #fff;
   color: #333;
   border: 1px solid #ddd;
   border-radius: 8px;
@@ -469,13 +461,13 @@
   align-items: center;
   gap: 10px;
   box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
-  animation: fadeIn 0.3s ease-in;
+  animation: fade-in 0.3s ease-in;
   z-index: 1100;
 }
 
 .toastDark {
   background-color: #172f53;
-  color: #ffffff;
+  color: #fff;
   border: 1px solid #2d4a77;
 }
 
@@ -499,7 +491,7 @@
 }
 
 /* --- Animations --- */
-@keyframes fadeIn {
+@keyframes fade-in {
   from {
     opacity: 0;
   }
@@ -509,7 +501,7 @@
   }
 }
 
-@keyframes scaleIn {
+@keyframes scale-in {
   from {
     transform: scale(0.96);
     opacity: 0;