fix: resolve all 40 Svelte dev warnings for clean startup

- Add $state() to 4 reactive variables (guestMode, emailInput, passwordInput, searchInputElement)
- Replace 3 deprecated <svelte:component> with direct component references
- Fix 8 a11y issues: add ARIA roles, tabindex, keyboard handlers to click-handler divs
- Remove 22 unused CSS selectors across 8 shared-ui components

Zero warnings on dev startup.

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

packages/shared-ui/src/quick-input/InputBar.svelte

@@ -688,11 +688,6 @@
 		flex-shrink: 0;
 	}
 
-	.app-icon svg {
-		width: 100%;
-		height: 100%;
-	}
-
 	.input-wrapper {
 		position: relative;
 		flex: 1;
@@ -799,11 +794,6 @@
 		transform: none;
 	}
 
-	.submit-btn svg {
-		width: 1rem;
-		height: 1rem;
-	}
-
 	/* Results Panel */
 	.results-panel {
 		position: absolute;
@@ -878,11 +868,6 @@
 		background: hsl(var(--color-success));
 	}
 
-	.result-avatar.create-avatar svg {
-		width: 1.25rem;
-		height: 1.25rem;
-	}
-
 	.result-item.search-option:hover,
 	.result-item.search-option.selected {
 		background: hsl(var(--color-primary) / 0.1);
@@ -892,11 +877,6 @@
 		background: hsl(var(--color-muted-foreground) / 0.3);
 	}
 
-	.result-avatar.search-avatar svg {
-		width: 1.125rem;
-		height: 1.125rem;
-	}
-
 	.result-info {
 		flex: 1;
 		min-width: 0;
@@ -918,13 +898,6 @@
 		text-overflow: ellipsis;
 	}
 
-	.favorite-icon {
-		width: 1rem;
-		height: 1rem;
-		color: hsl(var(--color-error, 0 84% 60%));
-		flex-shrink: 0;
-	}
-
 	.create-shortcut {
 		padding: 0.25rem 0.5rem;
 		font-size: 0.6875rem;