fix: Update date formatting in the new Study Card Component (#1131)

src/components/Pacs/components/StudyCard.tsx

@@ -8,6 +8,7 @@ import {
   Skeleton,
   Tooltip,
 } from "@patternfly/react-core";
+import { format, parse } from "date-fns";
 import { Alert } from "antd";
 import { useContext, useEffect, useState } from "react";
 import { DotsIndicator } from "../../Common";
@@ -32,6 +33,14 @@ const StudyCardCopy = ({ study }: { study: any }) => {
   const userPreferencesArray = userPreferences && Object.keys(userPreferences);
   const studyInstanceUID = study.StudyInstanceUID.value;
 
+  const studyDate = study.StudyDate.value;
+  const parsedDate = parse(studyDate, "yyyyMMdd", new Date());
+  const formattedDate = Number.isNaN(
+    parsedDate.getTime(),
+  ) /* Check if parsedDate is a valid date */
+    ? studyDate
+    : format(parsedDate, "MMMM d, yyyy");
+
   useEffect(() => {
     if (studyPullTracker && pullStudy) {
       const studyBeingTracked = studyPullTracker[studyInstanceUID];
@@ -122,7 +131,7 @@ const StudyCardCopy = ({ study }: { study: any }) => {
                     <div>
                       {study.NumberOfStudyRelatedSeries.value &&
                         study.NumberOfStudyRelatedSeries.value}{" "}
-                      series, {`${formatStudyDate(study.StudyDate.value)}`}
+                      series, {formattedDate}
                     </div>
                   </div>
                   <div className="flex-studies-item ">