fix LessonCard render crash and add frontend ObjectId guards

Author: kunchalasireesha

src/actions/bmdashboard/lessonsAction.js

@@ -45,13 +45,20 @@ export const setLessons = payload => {
   };
 };
 
+// A valid MongoDB ObjectId is a 24-character hex string. Lesson author/project
+// fields sometimes hold display names (e.g. "James", "project 1") instead of
+// real references; skip those so we don't fire doomed 404/500/400 requests.
+const isObjectId = id => typeof id === 'string' && /^[0-9a-fA-F]{24}$/.test(id);
+
 export const fetchBMLessons = () => {
   return async dispatch => {
     try {
       const response = await axios.get(ENDPOINTS.BM_LESSONS);
       const lessons = response.data;
-      const authorIds = [...new Set(lessons.map(lesson => lesson.author))];
-      const projectIds = [...new Set(lessons.map(lesson => lesson.relatedProject))];
+      const authorIds = [...new Set(lessons.map(lesson => lesson.author).filter(isObjectId))];
+      const projectIds = [
+        ...new Set(lessons.map(lesson => lesson.relatedProject).filter(isObjectId)),
+      ];
 
       // Keep the more robust approach from honglin-lesson-list-buttons branch
       const [authorProfiles, projectDetails] = await Promise.all([
@@ -129,10 +136,11 @@ export const fetchSingleBMLesson = lessonId => {
       const response = await axios.get(url);
       const lesson = response.data;
 
-      // Fetch user profile and project details concurrently
+      // Fetch user profile and project details concurrently, but only when the
+      // stored values are real ObjectIds (not display names like "project 1").
       const [projectDetails, userProfile] = await Promise.all([
-        dispatch(fetchProjectById(lesson.relatedProject)),
-        dispatch(getUserProfile(lesson.author)),
+        isObjectId(lesson.relatedProject) ? dispatch(fetchProjectById(lesson.relatedProject)) : null,
+        isObjectId(lesson.author) ? dispatch(getUserProfile(lesson.author)) : null,
       ]);
 
       // Update the lesson with author and project details

src/components/BMDashboard/LessonList/LessonCard.jsx

@@ -146,11 +146,11 @@ function LessonCard({ filteredLessons, onEditLessonSummary, onDeliteLessonCard,
                     </button>
                   </>
                 ) : (
-                  <span>               
-                    {parse(
+                  <span>
+                    {ReactHtmlParser(
                       (lesson?.content || '').length > maxSummaryLength
                         ? `${lesson.content.slice(0, maxSummaryLength)}...`
-                        : lesson?.content || ''
+                        : lesson?.content || '',
                     )}
                   </span>
                 )}