frontend/nextjs/components/LoadingDots.tsx

const LoadingDots = () => {
  return (
    <div className="flex justify-center py-4">

      <div className="animate-pulse flex space-x-2">

        <div className="w-2 h-2 bg-gray-300 rounded-full"></div>

        <div className="w-2 h-2 bg-gray-300 rounded-full"></div>

        <div className="w-2 h-2 bg-gray-300 rounded-full"></div>

      </div>

    </div>
  );
};

export default LoadingDots;