feat: add accessory detail and index pages with dynamic routing and metadata

src/data/accessories.ts

@@ -81,7 +81,7 @@ export const ACCESSORIES: Accessory[] = [
       '±22° four-finger lateral swing',
       'Backdrivable, low-damping reducers',
     ],
-    image: '/images/accessories/unitree-dex5-1.gif',
+    image: '/images/accessories/unitree-dex5-1.png',
     accent: GOLD_BRAND,
     officialUrl: 'https://www.unitree.com/Dex5-1',
     compatibility: ['Unitree G1', 'Unitree H1', 'Unitree H2', 'Research arms'],

src/data/bu-sunaidah.ts

@@ -16,6 +16,19 @@ export type InstagramPost = {
 export const BU_SUNAIDAH_HANDLE = 'bu.sunaidah';
 export const BU_SUNAIDAH_URL = `https://www.instagram.com/${BU_SUNAIDAH_HANDLE}`;
 
+/**
+ * Portrait shown in the home-page Bu Sunaidah section and detail page hero.
+ *
+ * Set to a local path (e.g. '/bu-sunaidah/portrait.jpg') once the official
+ * Bu Sunaidah photo has been saved into /public/bu-sunaidah/.
+ *
+ * Leave as null to render the "View on Instagram" placeholder card.
+ *
+ * IMPORTANT: do NOT hotlink Instagram CDN images in production — save the
+ * approved photo locally inside the repo first.
+ */
+export const BU_SUNAIDAH_PORTRAIT: { src: string; alt: string } | null = null;
+
 // TODO: populate with curated post shortcodes from @bu.sunaidah.
 // Each entry renders as a 16:20 Instagram embed iframe.
 export const BU_SUNAIDAH_POSTS: InstagramPost[] = [];