Cards sorted by first displayName in PeopleSearchCards component and in OrgChart direct reports

src/main/angular/src/peoplesearch/orgchart.component.html

@@ -55,7 +55,7 @@
         <person-card person="directReport"
                      show-direct-report-count="true"
                      show-image="$ctrl.showImages"
-                     ng-repeat="directReport in $ctrl.directReports"
+                     ng-repeat="directReport in $ctrl.directReports | orderBy:'displayNames[0]'"
                      ng-click="$ctrl.selectPerson(directReport.userKey)">
         </person-card>
     </div>

src/main/angular/src/peoplesearch/peoplesearch-cards.component.html

@@ -59,7 +59,7 @@
     <div class="person-card-list">
         <person-card person="person"
                      show-image="$ctrl.photosEnabled"
-                     ng-repeat="person in $ctrl.searchResult.people"
+                     ng-repeat="person in $ctrl.searchResult.people | orderBy:'displayNames[0]'"
                      ng-click="$ctrl.selectPerson(person)">
         </person-card>
     </div>