feat(ux): implement UX audit recommendations

- Redesign landing page with unified Omnibox search

- Add ComparisonToast for better comparison flow visibility

- Add visual 'Added' state to SchoolCard

- Add info tooltips to educational metrics

- Optimize mobile map view with Bottom Sheet

- Standardize distance display to miles

nextjs-app/components/SchoolCard.module.css

@@ -7,6 +7,11 @@
   transition: all 0.3s ease;
 }
 
+.card.cardInCompare {
+  border-color: var(--accent-teal, #2d7d7d);
+  box-shadow: 0 0 0 1px var(--accent-teal, #2d7d7d);
+}
+
 .card:hover {
   border-left-color: var(--accent-coral, #e07256);
   box-shadow: var(--shadow-medium, 0 4px 20px rgba(26, 22, 18, 0.1));
@@ -172,16 +177,23 @@
   color: white;
 }
 
-.btnPrimary:hover {
+.btnPrimary:hover:not(:disabled) {
   background: var(--accent-coral-dark, #c45a3f);
   transform: translateY(-1px);
   box-shadow: 0 3px 8px rgba(224, 114, 86, 0.25);
 }
 
-.btnPrimary:active {
+.btnPrimary:active:not(:disabled) {
   transform: translateY(0);
 }
 
+.btnPrimary.btnAdded {
+  background: var(--bg-secondary, #f3ede4);
+  color: var(--text-secondary, #5c564d);
+  border: 1px solid var(--border-color, #e5dfd5);
+  cursor: default;
+}
+
 @media (max-width: 640px) {
   .card {
     padding: 0.875rem;