const handleButtonClick = async () => {
    const controller = new AbortController();
    setIsLoading(true);

    const response = await generateBulletList(userMessage || "");
    if (response.code === "error") {
      toast({
        title: response.message,
      });
      setIsLoading(false);
      return;
    }
    const cleanedString = response.message.replace(/ *- */g, "");
    setMessage(cleanedString);

    await updateUserAICalls();

    setIsLoading(false);
  };

    <Button
      onClick={handleButtonClick}
    >
      {isLoading ? <LoadingSpinner /> : <Sparkles className="w-4 h-4" />}
    </Button>

  const handleButtonClick = async () => {
    const controller = new AbortController();
    setIsLoading(true);

    const response = await generateBulletList(userMessage || "");
    if (response.code === "error") {
      toast({
        title: response.message,
      });
      setIsLoading(false);
      return;
    }
    const cleanedString = response.message.replace(/ *- */g, "");
    setMessage(cleanedString);

    await updateUserAICalls();

    setIsLoading(false);
  };

    <Button
      onClick={handleButtonClick}
    >
      {isLoading ? <LoadingSpinner /> : <Sparkles className="w-4 h-4" />}
    </Button>