message: fix template issues for project list: multiple ngFor directives for the same list
diff: <!-- List Projects-->
  <div class="col s12 l9 ">
  <p *ngIf="projects">{{projects.length}} volunteer opportunities found</p>
  - <ul class="collection">
  - <li *ngFor="let project of pagedItems" class="collection-item avatar">
  +
  <ul class="projects-block">
  <!--<li class="row" *ngFor="let project of projects" (click)="onSelect(project)"-->
  <!--[class.selected]="project === selectedProject">-->
  +
  <li class="row" *ngFor="let project of projects | paginate:{id: 'projectsList', itemsPerPage: 10, currentPage: p} ; let i = index " >
  <div class="col s4 m3 l3 card-image">
  <img class="responsive-img" [src]="project.image" width="200px" height="200px">
  </div>
  </div>
  </li>
  - </ul>
  - </li>
  +
  </ul>
  <!-- Pagination -->
  <div class="row">
  