Remove clutter

frontend/src/components/ui/PaneHeader.tsx

@@ -1,35 +0,0 @@
-import type { ReactNode } from 'react';
-import { CloseIcon, InfoIcon } from './Icons';
-import { IconButton } from './IconButton';
-
-interface PaneHeaderProps {
-  title: string;
-  subtitle?: ReactNode;
-  onClose?: () => void;
-  onInfoClick?: () => void;
-  children?: ReactNode;
-}
-
-export function PaneHeader({ title, subtitle, onClose, onInfoClick, children }: PaneHeaderProps) {
-  return (
-    <div className="p-3 border-b border-warm-200 dark:border-navy-700">
-      <div className="flex justify-between items-center">
-        <div className="flex items-center gap-2">
-          <h2 className="text-sm font-semibold dark:text-warm-100">{title}</h2>
-          {onInfoClick && (
-            <IconButton onClick={onInfoClick} title="Data source info">
-              <InfoIcon />
-            </IconButton>
-          )}
-        </div>
-        {onClose && (
-          <IconButton onClick={onClose} title="Close">
-            <CloseIcon />
-          </IconButton>
-        )}
-      </div>
-      {subtitle && <div className="text-sm text-warm-600 dark:text-warm-400 mt-1">{subtitle}</div>}
-      {children}
-    </div>
-  );
-}

frontend/src/components/ui/SelectionButtons.tsx

@@ -1,24 +0,0 @@
-interface SelectionButtonsProps {
-  onSelectAll: () => void;
-  onSelectNone: () => void;
-  className?: string;
-}
-
-export function SelectionButtons({ onSelectAll, onSelectNone, className = '' }: SelectionButtonsProps) {
-  return (
-    <div className={`flex gap-2 text-sm ${className}`}>
-      <button
-        className="text-teal-600 dark:text-teal-400 hover:text-teal-800 dark:hover:text-teal-300 hover:underline"
-        onClick={onSelectAll}
-      >
-        All
-      </button>
-      <button
-        className="text-teal-600 dark:text-teal-400 hover:text-teal-800 dark:hover:text-teal-300 hover:underline"
-        onClick={onSelectNone}
-      >
-        None
-      </button>
-    </div>
-  );
-}