Fun changes

frontend/src/components/ui/FeatureLabel.tsx

@@ -28,15 +28,6 @@ export function FeatureLabel({
   const iconClass = `${mobileHide}w-3.5 h-3.5 text-teal-600 dark:text-teal-400 shrink-0`;
   const featureIcon = getFeatureIcon(feature.name, iconClass);
   const GroupIcon = !featureIcon && feature.group ? getGroupIcon(feature.group) : null;
-  const modeLabels: Record<string, string> = {
-    historical: t('filters.historical'),
-    buy: t('filters.buy'),
-    rent: t('filters.rent'),
-  };
-  const modeTag =
-    feature.modes && feature.modes.length > 0
-      ? feature.modes.map((m) => modeLabels[m] || m).join(' \u00B7 ')
-      : null;
 
   const translatedName = ts(feature.name);
   const translatedDesc = description ? tsDesc(feature.name, description) : undefined;
@@ -48,11 +39,6 @@ export function FeatureLabel({
       >
         {translatedName}
       </span>
-      {modeTag && (
-        <span className="shrink-0 text-[10px] leading-none font-medium px-1.5 py-0.5 rounded-full bg-warm-100 dark:bg-warm-800 text-warm-500 dark:text-warm-400 border border-warm-200 dark:border-warm-700">
-          {modeTag}
-        </span>
-      )}
       {feature.detail && onShowInfo && (
         <button
           onClick={() => onShowInfo(feature)}

frontend/src/components/ui/Slider.tsx

@@ -10,7 +10,10 @@ export function Slider({ className, ...props }: SliderProps) {
       className={`relative flex w-full touch-none select-none items-center ${className || ''}`}
       {...props}
     >
-      <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-warm-200 dark:bg-navy-700">
+      <SliderPrimitive.Track
+        className="relative h-2 w-full grow overflow-hidden rounded-full bg-warm-200 dark:bg-navy-700"
+        onPointerDown={(e) => e.preventDefault()}
+      >
         <SliderPrimitive.Range className="absolute h-full bg-teal-600" />
       </SliderPrimitive.Track>
       {props.value?.map((_, i) => (