style(CPDashboard): remove inline stylings for the DatePicker

Author: somramnani

src/components/CommunityPortal/CPDashboard.jsx

@@ -219,11 +219,7 @@ export function CPDashboard() {
                     id="ending-after"
                     className={styles['date-filter']}
                   />
-                  {dateError && (
-                    <p className="date-error-message" style={{ color: 'red', marginTop: '5px' }}>
-                      {dateError}
-                    </p>
-                  )}
+                  {dateError && <p className={styles['date-error-message']}>{dateError}</p>}
                 </div>
               </div>
 

src/components/CommunityPortal/CPDashboard.module.css

@@ -274,6 +274,12 @@
   justify-content: center;
   align-items: center;
 }
+
+.date-error-message {
+  color: red;
+  margin-top: 5px;
+}
+
 /* Hide browser's built-in clear icon for search inputs */
 .dashboard-search-input::-webkit-search-cancel-button,
 .dashboard-search-input::-webkit-search-decoration,