The "Timeline" and "Recently accessed items" blocks should display objects the same way

I stumbeled upon this because I wanted to style the h6 text of the "Recently accessed items" objects titles.

(proposing they get a "clickable" class span to be embedded in, for better stylability [h6 takes the whole width, so it isn't possible to style just the objects titles]).

<h6 class="mb-0 text-truncate"><span class="clickable">A repeating chat</span></h6>

but then I also realized that the course name isn't behaving the same way (and the course name gets underlined in primary color) when hovering in the "Recently accessed items" block.

To reproduce:

1. Include an activity with due date in the next days to your course.
2. Access the activity.
3. Make sure you have both the "Timeline" and "Recently accessed items" blocks in your dashboard.
4. Hover over the activity entry in the two blocks.

WHAT YOU EXPECT: the both look about the same (for consistency)
WHAT ACTUALLY HAPPENS: the two displays differ, and the display of the course name isn't the same either.