import React, { useEffect } from 'react';
import { useNavigate } from 'react-router-dom';

export default function AppearanceIndex() {
  const navigate = useNavigate();
  
  useEffect(() => {
    // Redirect to General as the default appearance page
    navigate('/appearance/general', { replace: true });
  }, [navigate]);
  
  return null;
}