feat: add ellipsis to long LP names in the course details modal

Author: Agrendalath

src/learningpath/CourseDetails.jsx

@@ -71,8 +71,8 @@ const CourseDetailContent = ({
       <div className="hero">
         {isModalView && (
           <Row className="p-0 m-0 d-flex align-items-center modal-header">
-            <Col>
-              <h4 className="mb-0 pl-4 text-muted font-weight-normal">
+            <Col xs={10}>
+              <h4 className="mb-0 pl-4 text-muted font-weight-normal text-truncate">
                 <b>Learning Path:</b> {learningPathTitle}
               </h4>
             </Col>