Truncate access review roles with badge list

Long role strings in the access review table broke row layout when
drivers joined many roles into one comma-separated value. Expose
roles as a string array in GraphQL by splitting the stored role at
the API layer, and render the first three roles as badges with a
"+X more" popover for the rest.

Closes ENG-459.

Signed-off-by: Ludovic Vielle <ludovic@probo.com>

pkg/accessreview/drivers/csv.go

@@ -83,7 +83,14 @@ func (d *CSVDriver) ListAccounts(_ context.Context) ([]AccountRecord, error) {
 		}
 
 		if idx, ok := colIndex["role"]; ok && idx < len(row) {
-			record.Role = strings.TrimSpace(row[idx])
+			role := strings.TrimSpace(row[idx])
+
+			roles := []string{}
+			if role != "" {
+				roles = []string{role}
+			}
+
+			record.Roles = roles
 		}
 
 		if idx, ok := colIndex["job_title"]; ok && idx < len(row) {