feat: ENT-7851 Added course section title for learners's first visit

src/components/dashboard/main-content/course-enrollments/CourseEnrollments.jsx

@@ -1,6 +1,7 @@
 import React, {
   useContext, useEffect, useMemo, useState,
 } from 'react';
+import Cookies from 'universal-cookie';
 
 import PropTypes from 'prop-types';
 import { AppContext } from '@edx/frontend-platform/react';
@@ -21,6 +22,7 @@ export const COURSE_SECTION_TITLES = {
   completed: 'Completed courses',
   savedForLater: 'Saved for later',
   assigned: 'Assigned Courses',
+  firstTimeUserAndAssigned: 'Your learning journey starts now!',
 };
 export const ASSIGNMENT_TYPES = {
   accepted: 'accepted',
@@ -49,6 +51,16 @@ const CourseEnrollments = ({ children }) => {
   const [assignments, setAssignments] = useState([]);
   const [showCancelledAssignmentsAlert, setShowCancelledAssignmentsAlert] = useState(false);
   const [showExpiredAssignmentsAlert, setShowExpiredAssignmentsAlert] = useState(false);
+  const [isFirstVisit, setIsFirstVisit] = useState(false);
+
+  useEffect(() => {
+    const cookies = new Cookies();
+    const hasUserVisitedDashboard = cookies.get('has-user-visited-learner-dashboard');
+    if (!hasUserVisitedDashboard) {
+      cookies.set('has-user-visited-learner-dashboard', true, { path: '/' });
+      setIsFirstVisit(true);
+    }
+  }, []);
 
   useEffect(() => {
     const data = redeemableLearnerCreditPolicies?.flatMap(item => item?.learnerContentAssignments || []);
@@ -142,7 +154,7 @@ const CourseEnrollments = ({ children }) => {
       <>
         {features.FEATURE_ENABLE_TOP_DOWN_ASSIGNMENT && (
           <CourseSection
-            title={COURSE_SECTION_TITLES.assigned}
+            title={isFirstVisit ? COURSE_SECTION_TITLES.firstTimeUserAndAssigned : COURSE_SECTION_TITLES.assigned}
             courseRuns={assignedCourses}
           />
         )}