feat: major update with network graphs, themes, todo extensions, and more

## New Features

### Network Graph Visualization (Contacts, Calendar, Todo)
- D3.js force simulation for physics-based layout
- Zoom & pan with mouse/touchpad
- Keyboard shortcuts: +/- zoom, 0 reset, Esc deselect, / search, F focus
- Filtering by tags, company/location/project, connection strength
- Shared components in @manacore/shared-ui

### Central Tags API (mana-core-auth)
- CRUD endpoints for tags
- Schema: tags table with userId, name, color, app
- Shared tag components in @manacore/shared-ui

### Custom Themes System
- Theme editor with live preview and color picker
- Community theme gallery
- Theme sharing (public, unlisted, private)
- Backend API in mana-core-auth

### Todo App Extensions
- Glass-pill design for task input and items
- Settings page with 20+ preferences
- Task edit modal with inline editing
- Statistics page with visualizations
- PWA support with offline capabilities
- Multiple kanban boards

### Contacts App Features
- Duplicate detection
- Photo upload
- Batch operations
- Enhanced favorites page with multiple view modes
- Alphabet view improvements
- Search modal

### Help System
- @manacore/shared-help-content
- @manacore/shared-help-ui
- @manacore/shared-help-types

### Other Features
- Themes page for all apps
- Referral system frontend
- CommandBar (global search)
- Skeleton loaders
- Settings page improvements

## Bug Fixes
- Network graph simulation initialization
- Database schema TEXT for user_id columns (Better Auth compatibility)
- Various styling fixes

## Documentation
- Daily report for 2025-12-10
- CI/CD deployment guide

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

packages/shared-help-ui/src/components/KeyboardShortcuts.svelte

@@ -0,0 +1,54 @@
+<script lang="ts">
+	import type { KeyboardShortcutsProps } from '../types.js';
+
+	let { items, translations }: KeyboardShortcutsProps = $props();
+
+	const allShortcuts = $derived(() => {
+		return items.flatMap((item) =>
+			item.shortcuts.map((shortcut) => ({
+				...shortcut,
+				category: item.category,
+				title: item.title,
+			}))
+		);
+	});
+
+	const hasItems = $derived(allShortcuts().length > 0);
+</script>
+
+{#if !hasItems}
+	<p class="py-8 text-center text-gray-500 dark:text-gray-400">
+		{translations.shortcuts.noItems}
+	</p>
+{:else}
+	<div class="overflow-x-auto">
+		<table class="w-full text-left text-sm">
+			<thead>
+				<tr class="border-b border-gray-200 dark:border-gray-700">
+					<th class="pb-3 pr-4 font-semibold text-gray-900 dark:text-gray-100">Shortcut</th>
+					<th class="pb-3 pr-4 font-semibold text-gray-900 dark:text-gray-100">Action</th>
+					<th class="pb-3 font-semibold text-gray-900 dark:text-gray-100">Description</th>
+				</tr>
+			</thead>
+			<tbody class="divide-y divide-gray-100 dark:divide-gray-800">
+				{#each allShortcuts() as shortcut}
+					<tr>
+						<td class="py-3 pr-4">
+							<kbd
+								class="rounded bg-gray-100 px-2 py-1 font-mono text-xs text-gray-800 dark:bg-gray-800 dark:text-gray-200"
+							>
+								{shortcut.shortcut}
+							</kbd>
+						</td>
+						<td class="py-3 pr-4 text-gray-900 dark:text-gray-100">
+							{shortcut.action}
+						</td>
+						<td class="py-3 text-gray-600 dark:text-gray-400">
+							{shortcut.description || '-'}
+						</td>
+					</tr>
+				{/each}
+			</tbody>
+		</table>
+	</div>
+{/if}