feat: Brainstorm Topics with GSC + Issue #518 fixes + Blog Editor enhancements

Issue #518 - Subscription not updating after checkout:
- Fix stale closure in SubscriptionContext checkout polling (use subscriptionRef)
- Move checkout success polling from InitialRouteHandler into SubscriptionContext
- Remove redundant polling code from InitialRouteHandler
- Fix plan label: 'Free' instead of 'No Plan', proper capitalization
- Add plan refresh button in UserBadge
- Add 'View Costing Details' to UserBadge dropdown
- Rename 'ALwrity Podcast Maker' to 'Podcast Creator' across UI
- Clean subscription=success URL param after verification

Blog Writer WYSIWYG Editor enhancements:
- Per-section preview toggle (view/edit icons)
- Enhanced hover-based toolbar
- Circular SVG progress stats bar with detailed tooltip
- Research tool chips in stats bar footer
- Per-section TTS with useTextToSpeech hook (browser native)
- Full blog preview modal with print/PDF support
- PlayAllTTSButton: sequential playback with progress bar
- OnThisPageNav: floating sidebar with scroll tracking
- Section data attributes for scroll anchoring

GSC Brainstorm Topics feature:
- Backend: gsc_brainstorm_service.py (rule-based + LLM recommendations)
- Backend: POST /gsc/brainstorm endpoint with 3-word minimum validation
- Frontend: gscBrainstorm.ts API client
- Frontend: useGSCBrainstormConnection hook (popup OAuth, no /onboarding redirect)
- Frontend: useGSCBrainstorm hook (connect check + brainstorm call)
- Frontend: GSCBrainstormModal (3-tab results: Opportunities, Gaps, AI Recs)
- Frontend: BrainstormButton (visible at 3+ words, GSC connect overlay)
- Wire BrainstormButton into ManualResearchForm and ResearchAction
- Add blog_writer to gsc_auth router features for ALWRITY_ENABLED_FEATURES

docs-site/docs/features/seo-dashboard/metadata.md

@@ -1,18 +1,46 @@
-# Metadata Generation
+# SEO Metadata & Optimization Tools
 
-ALwrity's SEO Dashboard includes powerful metadata generation capabilities that automatically create optimized title tags, meta descriptions, and other SEO metadata to improve your content's search engine visibility and click-through rates.
+ALwrity's SEO Dashboard includes comprehensive metadata generation and SEO optimization capabilities. This guide covers all metadata and optimization tools available.
 
-## What is Metadata Generation?
+## 🎯 Available Tools Overview
 
-Metadata Generation is an AI-powered feature that automatically creates optimized SEO metadata for your content, including title tags, meta descriptions, Open Graph tags, and structured data markup to improve search engine visibility and social media sharing.
+### Individual Metadata Tools
 
-### Key Benefits
+#### 1. 📝 Meta Description Generator
+- **Purpose**: Generate SEO-optimized meta descriptions
+- **API**: `POST /api/seo/meta-description`
+- **Inputs**: Keywords, tone, search intent, language
+- **Output**: Multiple meta descriptions with SEO scoring
 
-- **Search Optimization**: Optimize content for search engines
-- **Click-Through Rate**: Improve CTR with compelling metadata
-- **Social Sharing**: Enhance social media sharing with rich metadata
-- **Brand Consistency**: Maintain consistent brand messaging
-- **Time Savings**: Automate metadata creation process
+#### 2. 🖼️ Image Alt Text Generator
+- **Purpose**: AI-powered alt text for images
+- **API**: `POST /api/seo/image-alt-text`
+- **Input Methods**: File upload or URL reference
+- **Output**: Optimized alt text with accessibility score
+
+#### 3. 📱 OpenGraph Generator
+- **Purpose**: Social media optimization tags
+- **API**: `POST /api/seo/opengraph-tags`
+- **Platforms**: Facebook, Twitter, LinkedIn, Pinterest
+- **Output**: Platform-specific tags, HTML ready to use
+
+#### 4. 📄 On-Page SEO Analyzer
+- **Purpose**: Complete page metadata analysis
+- **API**: `POST /api/seo/on-page-analysis`
+- **Analyzes**: Meta tags, content quality, keywords, links
+- **Output**: Overall score, detailed breakdown, recommendations
+
+---
+
+## What is Metadata?
+
+Metadata is information about your content that search engines and social media platforms use to understand your pages. Proper metadata improves:
+- **Search Engine Rankings**: Better visibility in search results
+- **Click-Through Rates**: More clicks from search results
+- **Social Sharing**: Better appearance when shared
+- **User Experience**: Clearer information for users
+
+---
 
 ## Metadata Types