🖥️ Frontend Issue — Implement Read-Only Sample Landing Page

🎯 Goal

Create a read-only Sample Landing Page in SEPIA to provide a clean, structured, and visually appealing overview of all sample metadata. This page should serve as the public landing page for IGSN-registered samples.

---

🧩 Implementation Details

1. New Page

• Route: /sample/public?pid={igsn} (We need this endpoint that accept IGSN pid and return the sample record without any requirement to session_id)
• Purpose: Display full sample information in an organized layout — not editable.
• Access: Public (or limited by configuration).

2. Layout and Content

• Header section:

  • Sample Name
  • IGSN badge (clickable → opens DataCite record)
  • Sample Type
  • Creator(s) with affiliations

• Metadata sections:

  • Description
  • Keywords (shown as tags)
  • Dates (Created, Analyzed, etc.)
  • Related items (links to publications or datasets)

3. UI/UX

• Use SEPIA design system (consistent with other pages).
• Clear visual hierarchy with cards for each section.
• Show metadata provenance and timestamps in a footer.

4. Integration with IGSN

• When an IGSN is minted, the backend provides this landing page URL.
• Display “View Landing Page” link/button in Sample Details and IGSN registration confirmation.

---

🧪 Testing

• Page loads sample data from /sample/public?pid={igsn}.
• Layout renders all metadata sections.
• IGSN badge links correctly to DataCite record.
• Responsive layout verified (desktop, tablet, mobile).

---

🏷️ Labels

frontend feature sample landing-page igsn ui-enhancement priority::high