feat(ui): enhance chat UI with new components and styling

refactor(chat): improve message display and actions
feat(chat): add high contrast mode toggle
style(chat): update spacing and sizing for better readability
feat(chat): add new Section and Stack layout components
docs: add UI style guide documentation
fix(chat): improve browser connection handling in scraper
feat(settings): expand default sources and improve UI
refactor: consolidate chat page layout and components

components/chat/thinking-indicator.tsx

@@ -59,8 +59,8 @@ export function ThinkingIndicator({
   }
 
   return (
-    <div className="px-6 py-3 border-b border-muted/50 bg-muted/20">
-      <div className="flex items-center gap-3 text-xs text-muted-foreground">
+    <div className="px-6 py-4 border-b border-muted/50 bg-muted/20">
+      <div className="flex items-center gap-4 text-xs text-muted-foreground">
         {steps.slice(0, currentStepIndex + 1).map((step, idx) => {
           const isActive = idx === currentStepIndex;
           const isPast = idx < currentStepIndex;