Resolve "Adjust participant-room view"

Closes #135 (closed)

Proposed changes

• Adjust participant room view
• Added loading spinner to room-list, comment-list
• Adjust room-list join butoon

For testing

• Login as creator or participant and you should see the join buttons in room-list and the loading spinner before the list is loaded
• Login as participant, join a room & you should see a new room-view
• If you go to comments you should see the loading spinner

src/app/participant-room/participant-room.component.html

@@ -22,22 +22,21 @@
         </mat-grid-tile>
         <mat-grid-tile>
           <button mat-icon-button color="primary" matTooltip="Give feedback">
-            <mat-icon>feedback</mat-icon>
+            <mat-icon>thumbs_up_down</mat-icon>
           </button>
         </mat-grid-tile>
       </mat-grid-list>
       <mat-nav-list>
         <mat-list-item matTooltip="Join question round" routerLink="/participant/room/{{ room.id }}/questions">
-            Contents
+          Contents
         </mat-list-item>
-
         <mat-list-item matTooltip="See room comments">
           Comments
-          </mat-list-item>
-          <mat-list-item matTooltip="Join question round">
-            Learn
-          </mat-list-item>
-          </mat-nav-list>
+        </mat-list-item>
+        <mat-list-item matTooltip="Join question round">
+          Learn
+        </mat-list-item>
+      </mat-nav-list>
     </mat-card>
   </div>
   <button mat-button color="primary" (click)="goBack()">Back</button>