Resolve "Overview: Replace the course link with a button on the overview"

What does this mr do?

Adds a view course button instead of clicking on the course name, this way enrolling and viewing a course look the same and it is more intuitive. Also cleaned up the thyme leaf template by removing redundant code.

Screenshots

after

Does this MR meet the acceptance criteria?

• I have added a changelog entry to reflect the significant changes I made.
• Tests were created to test the feature.
• I have updated the documentation accordingly.
• I adhere to the style guide.

Closes #121 (closed)

src/main/resources/templates/course/index.html

@@ -53,10 +53,7 @@
             <tbody>
                 <tr th:each="course : ${courses}">
                     <td>
-                    	<th:block th:if="${@permissionService.canViewCourse(#authentication.principal, course.id)}">
-                        	<a href="#" th:href="@{/course/{id}(id=${course.id})}" th:text="${course}">Algorithms &amp; Datastructures (TI1316)</a>
-                        </th:block>
-                        <th:block th:unless="${@permissionService.canViewCourse(#authentication.principal, course.id)}" th:text="${course}">
+                        <th:block th:text="${course}">
                         	Algorithms &amp; Datastructures (TI1316)
                         </th:block>
                     </td>
@@ -65,6 +62,9 @@
                         <th:block th:unless="${#authenticated.teaches(course) || #authenticated.assists(course) || #authenticated.manages(course) || #authenticated.participates(course) || course.getIsArchived() }">
                             <a href="#" class="btn btn-success" th:href="@{/course/{id}/enroll(id=${course.id})}">enrol</a>
                         </th:block>
+                        <th:block th:if="${#authenticated.teaches(course) || #authenticated.assists(course) || #authenticated.manages(course) || #authenticated.participates(course)}">
+                            <a href="#" class="btn btn-primary" th:href="@{/course/{id}(id=${course.id})}">view</a>
+                        </th:block>
                     </td>
                 </tr>
             </tbody>