Added truncate for long title

Author: chrisdedman

frontend/src/components/pages/CourseDashboard.js

@@ -112,7 +112,7 @@ export function CourseDashboard() {
         courseList.push(
             <a href={`/courses/${course.ID}`}>
                 <div className="bg-gray-100 p-4 rounded shadow hover:bg-gray-300" >
-                    <h3 className="text-xl font-semibold" >{course.title}</h3>
+                    <h3 className="text-xl font-semibold truncate overflow-hidden" >{course.title}</h3>
                     <p className="mt-2">{course.description}</p>
                 </div>
             </a>