Course renderer UI elements split into different methods

We need to ensure course information is shown exactly the same way after this improvement, so this test is basically regression testing.

1. Login as administrator
2. Access Site administration > Courses > Course custom fields to create a new customfield
   1. Add a new 'short text' customfield named 'credits'
3. Access Site administration > Front page settings
   1. Add 'Combo list' in 'Front page items when logged in' setting
   2. Add 'Course search box' in 'Front page items when logged in' setting
4. Create a new course 'Course 01'
   1. Add a course summary
   2. Add a course image
   3. Add some value to 'credits'  in 'Other fields' section
5. Enrol some teachers in the course
6. Enable 'guest access' in enrolment methods
7. Access 'Site home'
   1. Check course info box for 'Course 01' is shown
   2. Click on "i" icon to show more information about 'Course 01' 
      1. Course name with link is visible
      2. Course summary is visible
      3. 'Guest access' icon is visible
      4. Course image is visible
      5. Course teachers are visible
      6. Course 'credits' is visible
8. Access 'Site home'
   1. Search for "01" in 'Search courses'
   2. Check course info box for 'Course 01' is shown
      1. Course name with link is visible
      2. Course summary is visible
      3. 'Guest access' icon is visible
      4. Course image is visible
      5. Course teachers are visible
      6. Course 'credits' is visible
      7. Course category with link is visible