style(CPDashboard): remove inline stylings for the DatePicker

Author: somramnani

src/components/CommunityPortal/CPDashboard.jsx

@@ -146,11 +146,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>
               <div className={styles['filter-item']}>

src/components/CommunityPortal/CPDashboard.module.css

@@ -180,3 +180,8 @@ body {
   justify-content: center;
   align-items: center;
 }
+
+.date-error-message {
+  color: red;
+  margin-top: 5px;
+}