Add articles list and detail screens

Enriched the 4 articles in data.js with id, doctorId, hero color,
emoji, date, lede, and structured body blocks (paragraphs, headings,
bullet lists, tone-variant callouts).

New screens:
- ArticlesScreen — tag-filtered list with hero-card layout
- ArticleDetailScreen — hero block, meta row, lede, body renderer
  (p/h/ul/callout), author card linking to doctor profile, CTA to
  book the author, and "Related" footer

Home card and feed sections now link to detail and list screens.

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

src/PhoneApp.jsx

@@ -13,6 +13,7 @@ import {
   ChatTabScreen, ProfileTabScreen, QRScreen,
   TelemedScreen, MedcardScreen, NotificationsScreen,
 } from './screens/screens-misc.jsx';
+import { ArticlesScreen, ArticleDetailScreen } from './screens/screens-articles.jsx';
 
 function renderScreen(screenId, nav, ctx) {
   const parts = screenId.split(':');
@@ -40,6 +41,8 @@ function renderScreen(screenId, nav, ctx) {
     case 'telemed':         return <TelemedScreen nav={nav} />;
     case 'medcard':         return <MedcardScreen nav={nav} />;
     case 'notifications':   return <NotificationsScreen nav={nav} />;
+    case 'articles':        return <ArticlesScreen nav={nav} />;
+    case 'article':         return <ArticleDetailScreen nav={nav} articleId={parts[1]} />;
     default: return <div style={{padding: 40, textAlign: 'center'}}>Экран не найден: {screenId}</div>;
   }
 }