fix: put download bar + diagram after the Overview content, drop type chip

Adam's feedback: the diagram and download bar were stacked above the
Overview section, so the page started with the visuals and the
"Overview" header sat awkwardly between the title and the stable-id
table. Also the "Pathway" / "Reaction" chip beside the entity name
duplicated the Overview's Type row.

- Move the <ng-content> projection slot from above the section loop
  into the overviewTemplate, so callers' projected children render
  AFTER the Overview's description-overview + summation rows but
  BEFORE the next section divider (Locations / Events / etc.).
- Update /content/detail to pass the download-bar + diagram through
  that slot.
- Remove the typeLabel computed, the type-chip span, and its scss.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: adamjohnwright

projects/pathway-browser/src/app/details/tabs/description-tab/description-tab.component.html

@@ -30,9 +30,6 @@
             </mat-slide-toggle>
           }
           </span>
-        @if (typeLabel()) {
-          <span class="type-chip">{{ typeLabel() }}</span>
-        }
       </div>
       <div class="details-button">
         <a mat-button [routerLink]="`${CONTENT_DETAIL}/${obj().stId}`" target="_blank">
@@ -118,6 +115,11 @@
       </div>
     </div>
   }
+  <!-- Caller-projected content (e.g. /content/detail puts the download
+       bar + pathway diagram here, so they sit after the Overview's
+       summation and before the next section divider). PathwayBrowser
+       passes no children, so this stays empty there. -->
+  <ng-content></ng-content>
 </ng-template>
 
 <!-- xRefs -->

projects/pathway-browser/src/app/details/tabs/description-tab/description-tab.component.scss

@@ -79,18 +79,6 @@
       padding-right: 2px;
     }
 
-    & .type-chip {
-      flex-shrink: 0;
-      font-size: 12px;
-      font-weight: 600;
-      letter-spacing: 0.3px;
-      text-transform: uppercase;
-      padding: 2px 8px;
-      border-radius: 10px;
-      background: var(--secondary-container, rgba(0, 110, 144, 0.12));
-      color: var(--on-secondary-container, var(--primary));
-      line-height: 1.4;
-    }
   }
 
   .details-button {

projects/pathway-browser/src/app/details/tabs/description-tab/description-tab.component.ts

@@ -194,35 +194,6 @@ export class DescriptionTabComponent implements OnDestroy {
   });
 
   readonly symbol = computed(() => this.getSymbol(this.obj()));
-
-  // Human-friendly schema-class label rendered as a chip beside the
-  // entity name in the description-tab header (e.g. "Pathway",
-  // "Reaction", "Protein"). Maps the few Reactome schema classes whose
-  // raw name is jargon; falls back to splitting CamelCase otherwise.
-  private static readonly TYPE_LABELS: Record<string, string> = {
-    TopLevelPathway: 'Pathway',
-    Pathway: 'Pathway',
-    Reaction: 'Reaction',
-    BlackBoxEvent: 'Reaction',
-    Polymerisation: 'Reaction',
-    Depolymerisation: 'Reaction',
-    FailedReaction: 'Reaction',
-    ReactionLikeEvent: 'Reaction',
-    EntityWithAccessionedSequence: 'Protein',
-    SimpleEntity: 'Small Molecule',
-    ChemicalDrug: 'Drug',
-    ProteinDrug: 'Drug',
-    RNADrug: 'Drug',
-    OtherEntity: 'Other Entity',
-  };
-  readonly typeLabel = computed(() => {
-    const sc = (this.obj() as DatabaseObject & { schemaClass?: string }).schemaClass;
-    if (!sc) return '';
-    if (DescriptionTabComponent.TYPE_LABELS[sc]) {
-      return DescriptionTabComponent.TYPE_LABELS[sc];
-    }
-    return sc.replace(/([a-z])([A-Z])/g, '$1 $2');
-  });
   readonly literatureRefs: Signal<LiteratureReference[]> = computed(() =>
     getProperty(this.obj(), DataKeys.LITERATURE_REFERENCE)
   );

projects/website-angular/src/app/content/detail/detail.component.html

@@ -20,9 +20,10 @@ <h2>Entity not found</h2>
     </div>
   } @else if (obj()) {
     <div class="detail-container">
-      <app-detail-download-bar [obj]="obj()!" />
-      <app-detail-diagram [obj]="obj()!" />
-      <cr-description-tab [obj]="obj()!" [showLocations]="true" />
+      <cr-description-tab [obj]="obj()!" [showLocations]="true">
+        <app-detail-download-bar [obj]="obj()!" />
+        <app-detail-diagram [obj]="obj()!" />
+      </cr-description-tab>
     </div>
   }
 </app-page-layout>