alors la tu utilise une ico totalement bug, tu peut utiliser ça : https:

Author: softpython2884

src/app/(app)/profile/page.tsx

@@ -4,8 +4,7 @@
 import { useAuth } from '@/hooks/useAuth';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from '@/components/ui/card';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
-import { User as UserIcon, Mail, Shield, Edit3, Image as ImageIcon, Github, Link2, PowerOff, ExternalLink, Loader2 } from 'lucide-react'; // Added Loader2
-import { DiscordIcon } from '@/components/icons/DiscordIcon';
+import { User as UserIcon, Mail, Shield, Edit3, Image as ImageIcon, Github, Link2, PowerOff, ExternalLink, Loader2, MessageSquare } from 'lucide-react'; 
 import { Skeleton } from '@/components/ui/skeleton';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -444,7 +443,7 @@ export default function ProfilePage() {
            <Card className="p-4 bg-muted/30">
             <div className="flex items-center justify-between">
               <div className="flex items-center gap-3">
-                <DiscordIcon className="h-8 w-8 text-[#5865F2]" />
+                <MessageSquare className="h-8 w-8 text-[#5865F2]" />
                 <div>
                   <h4 className="font-semibold">Discord</h4>
                   {isLoadingDiscord ? (
@@ -473,7 +472,7 @@ export default function ProfilePage() {
                 </Button>
               ) : (
                 <Button onClick={handleConnectDiscord}>
-                  <DiscordIcon className="mr-2 h-4 w-4" /> Connect
+                  <MessageSquare className="mr-2 h-4 w-4" /> Connect
                 </Button>
               )}
             </div>

src/components/auth/LoginForm.tsx

@@ -1,5 +1,4 @@
 
-
 'use client';
 
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -17,8 +16,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { useAuth } from "@/hooks/useAuth";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { AlertTriangle, Mail, KeyRound, Github } from "lucide-react";
-import { DiscordIcon } from '@/components/icons/DiscordIcon';
+import { AlertTriangle, Mail, KeyRound, Github, MessageSquare } from "lucide-react";
 import Link from "next/link";
 import { useState } from "react";
 
@@ -129,7 +127,7 @@ export function LoginForm() {
             <Github className="mr-2 h-4 w-4" /> GitHub
           </Button>
           <Button variant="outline" type="button" onClick={() => window.location.href='/api/auth/discord/oauth/login'}>
-            <DiscordIcon className="mr-2 h-4 w-4" /> Discord
+            <MessageSquare className="mr-2 h-4 w-4" /> Discord
           </Button>
         </div>
 

src/components/auth/SignupForm.tsx

@@ -1,5 +1,4 @@
 
-
 'use client';
 
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -17,8 +16,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { useAuth } from "@/hooks/useAuth";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { AlertTriangle, Mail, User as UserIcon, KeyRound, Github } from "lucide-react";
-import { DiscordIcon } from '@/components/icons/DiscordIcon';
+import { AlertTriangle, Mail, User as UserIcon, KeyRound, Github, MessageSquare } from "lucide-react";
 import Link from "next/link";
 import { useState } from "react";
 
@@ -153,7 +151,7 @@ export function SignupForm() {
             <Github className="mr-2 h-4 w-4" /> GitHub
           </Button>
           <Button variant="outline" type="button" onClick={() => window.location.href='/api/auth/discord/oauth/login'}>
-            <DiscordIcon className="mr-2 h-4 w-4" /> Discord
+            <MessageSquare className="mr-2 h-4 w-4" /> Discord
           </Button>
         </div>