Add component name formatters and grid-link navigation

Templates section:
- Define JS formatter functions per template (e.g. resistor, capacitor)
- First non-null result from any formatter is used as display name
- Live preview in template editor against first component
- Display names applied in component list, detail view, and inventory rows

Grid navigation:
- Grid-type inventory entries in component detail view show a '⊞' button
  to navigate directly to that grid's viewer

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

public/lib/api.mjs

@@ -38,6 +38,12 @@ export const delete_grid_draft  = (id) => req('DELETE', `/api/grid-drafts/${id}`
 export const get_source_images   = () => req('GET', '/api/source-images');
 export const delete_source_image = (id) => req('DELETE', `/api/source-images/${id}`);
 
+// Component templates
+export const get_component_templates    = () => req('GET', '/api/component-templates');
+export const create_component_template  = (body) => req('POST', '/api/component-templates', body);
+export const update_component_template  = (id, body) => req('PUT', `/api/component-templates/${id}`, body);
+export const delete_component_template  = (id) => req('DELETE', `/api/component-templates/${id}`);
+
 // Grid images
 export const get_grids        = () => req('GET', '/api/grid-images');
 export const get_grid         = (id) => req('GET', `/api/grid-images/${id}`);