fixing header icons (once again)

components/comments/comment-actions.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { useState } from "react";
-import { ReplyIcon, EditIcon, Trash2Icon, EllipsisIcon, Loader2Icon } from "lucide-react";
 import { toast } from "sonner";
+import { ReplyIcon, EditIcon, Trash2Icon, EllipsisIcon, Loader2Icon } from "lucide-react";
 import Button from "@/components/ui/button";
 import {
   DropdownMenu,

components/comments/comment-form.tsx

@@ -2,8 +2,8 @@
 
 import { useState, useTransition } from "react";
 import { getImageProps } from "next/image";
-import { InfoIcon, Loader2Icon } from "lucide-react";
 import { toast } from "sonner";
+import { InfoIcon, Loader2Icon } from "lucide-react";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import Button from "@/components/ui/button";
 import Textarea from "@/components/ui/textarea";

components/comments/sign-in.tsx

@@ -2,6 +2,7 @@
 
 import { env } from "@/lib/env";
 import { useState } from "react";
+import { toast } from "sonner";
 import { Loader2Icon } from "lucide-react";
 import Button from "@/components/ui/button";
 import { GitHubIcon } from "@/components/icons";
@@ -20,6 +21,7 @@ const SignIn = ({ callbackPath }: { callbackPath?: string }) => {
       });
     } catch (error) {
       console.error("Error signing in:", error);
+      toast.error("There was a problem signing in.");
       setIsLoading(false);
     }
   };