feat: Integrate PlaybooksView into DemoDashboard with tab and label

- Add PlaybooksView import and render for playbooks tab
- Add playbooks to tab label mapping with translation fallback
- Playbooks tab accessible to authenticated users

Author: amethystani

src/pages/DemoDashboard.tsx

@@ -27,6 +27,7 @@ import ActivityLogView from '../components/DashboardViews/ActivityLogView';
 import WebhooksView from '../components/DashboardViews/WebhooksView';
 import NotificationCenter from '../components/DashboardViews/NotificationCenter';
 import InitialSetupDialog from '../components/DashboardViews/InitialSetupDialog';
+import PlaybooksView from '../components/DashboardViews/PlaybooksView';
 import { RescueCenterProvider } from '../contexts/RescueCenterContext';
 
 import { AccessCodeProvider, useAccessCode } from '../contexts/AccessCodeContext';
@@ -83,6 +84,7 @@ function DemoDashboardContent() {
       customer_graph: t('sidebar.customerGraph'),
       system_prompt: t('sidebar.systemPrompt'),
       rescue_playbooks: t('sidebar.rescuePlaybooks'),
+      playbooks: t('sidebar.playbooks') || 'AI Playbooks',
 
       context_fields: t('sidebar.contextFields'),
       categories: t('sidebar.categories'),
@@ -217,6 +219,7 @@ function DemoDashboardContent() {
                   {activeTab === 'billing' && <BillingView isDark={isDark} hasAccess={hasAccess} />}
                   {activeTab === 'keys' && <KeysView isDark={isDark} hasAccess={hasAccess} />}
                   {activeTab === 'team' && <TeamView isDark={isDark} />}
+                  {activeTab === 'playbooks' && <PlaybooksView isDark={isDark} />}
                   {activeTab === 'integrations' && <IntegrationView isDark={isDark} />}
                   {activeTab === 'activity_log' && <ActivityLogView isDark={isDark} />}
                   {activeTab === 'webhooks' && <WebhooksView isDark={isDark} />}