feat: connect search and project settings

apps/web_v1/src/App.css

@@ -267,6 +267,52 @@
   border-radius: 0;
 }
 
+.search-results-dropdown {
+  width: min(680px, calc(100vw - 32px));
+  max-height: 360px;
+  overflow-y: auto;
+  padding: var(--space-2);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-control);
+  background: var(--color-panel);
+  box-shadow: 0 12px 32px rgba(29, 33, 41, 0.18);
+}
+
+.search-result-item {
+  display: grid;
+  width: 100%;
+  gap: var(--space-1);
+  padding: var(--space-2) var(--space-3);
+  border: 0;
+  border-radius: var(--radius-control);
+  color: var(--color-text);
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+}
+
+.search-result-item:hover,
+.search-result-item:focus-visible {
+  background: var(--color-soft-blue);
+  outline: none;
+}
+
+.search-result-heading {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--space-3);
+}
+
+.search-result-type {
+  flex: 0 0 auto;
+}
+
+.search-result-snippet {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .topbar-actions {
   justify-content: flex-end;
 }