feat: enhance EntityGrid with function props and improve code formatting

- Add configurable entity display logic via function props to EntityGrid
- Implement comprehensive test suite for EntityGrid function props in TestView
- Apply consistent code formatting across 15 components and views
- Fix linting issues with trailing commas and line breaks
- Add new EntityGridFunctionPropTest.vue for component testing
- Update endorserServer with improved error handling and logging
- Streamline PlatformServiceMixin with better cache management
- Enhance component documentation and type safety

Changes span 15 files with 159 additions and 69 deletions, focusing on
component flexibility, code quality, and testing infrastructure.

src/components/EntityGrid.vue

@@ -96,6 +96,7 @@ import { NotificationIface } from "../constants/app";
  * - Event delegation for entity selection
  * - Warning notifications for conflicted entities
  * - Template streamlined with computed CSS properties
+ * - Configurable entity display logic via function props
  */
 @Component({
   components: {
@@ -158,6 +159,40 @@ export default class EntityGrid extends Vue {
   @Prop({ default: "other party" })
   conflictContext!: string;
 
+  /**
+   * Function to determine which entities to display (allows parent control)
+   *
+   * This function prop allows parent components to customize which entities
+   * are displayed in the grid, enabling advanced filtering, sorting, and
+   * display logic beyond the default simple slice behavior.
+   *
+   * @param entities - The full array of entities (Contact[] or PlanData[])
+   * @param entityType - The type of entities being displayed ("people" or "projects")
+   * @param maxItems - The maximum number of items to display (from maxItems prop)
+   * @returns Filtered/sorted array of entities to display
+   *
+   * @example
+   * // Custom filtering: only show contacts with profile images
+   * :display-entities-function="(entities, type, max) =>
+   *   entities.filter(e => e.profileImageUrl).slice(0, max)"
+   *
+   * @example
+   * // Custom sorting: sort projects by name
+   * :display-entities-function="(entities, type, max) =>
+   *   entities.sort((a, b) => a.name.localeCompare(b.name)).slice(0, max)"
+   *
+   * @example
+   * // Advanced logic: different limits for different entity types
+   * :display-entities-function="(entities, type, max) =>
+   *   type === 'projects' ? entities.slice(0, 5) : entities.slice(0, max)"
+   */
+  @Prop({ default: null })
+  displayEntitiesFunction?: (
+    entities: Contact[] | PlanData[],
+    entityType: "people" | "projects",
+    maxItems: number,
+  ) => Contact[] | PlanData[];
+
   /**
    * CSS classes for the empty state message
    */
@@ -179,9 +214,18 @@ export default class EntityGrid extends Vue {
   }
 
   /**
-   * Computed entities to display (limited by maxItems)
+   * Computed entities to display - uses function prop if provided, otherwise defaults
    */
   get displayedEntities(): Contact[] | PlanData[] {
+    if (this.displayEntitiesFunction) {
+      return this.displayEntitiesFunction(
+        this.entities,
+        this.entityType,
+        this.maxItems,
+      );
+    }
+
+    // Default implementation for backward compatibility
     const maxDisplay = this.entityType === "projects" ? 7 : this.maxItems;
     return this.entities.slice(0, maxDisplay);
   }