I can see the issue now - there's a duplicate SVG block after the DiscordLogo component in the Footer.tsx file. The XLogo SVG was accidentally duplicated. Let me fix this:
I've fixed the Footer.tsx file by removing the duplicate SVG block that was causing the parse error. The issue was that when I edited the file to add the DiscordLogo component, it accidentally included a duplicate of the XLogo SVG after the DiscordLogo closing tag. The file now has clean, properly structured components for both the XLogo and DiscordLogo.
The error occurs at line 60, column 46. Let me check the MainDashboard component more thoroughly as this seems to be where the issue originates:
The MainDashboard looks fine. The error at line 60, column 46 might be coming from the compiled output. Let me check the useToast import and other components:
Let me check the LoginModal and RegisterModal more closely:
The LoginModal and RegisterModal look good. Let me check the auth.ts file and the layout again to ensure the AuthProvider is properly set up:
I see the issue now! The AuthProvider in lib/auth.ts is a client component (has "use client"), but it's being used in the layout which is a server component by default. We need to create a wrapper component that handles the client-side providers. Let me fix this:
I've fixed the issue by creating a dedicated Providers component that wraps all the client-side providers (AuthProvider, ThemeProvider, and Toaster). This component is marked with "use client" so it can properly handle the client-side context providers. The layout.tsx now imports and uses this Providers component, which ensures proper hydration and context availability throughout the app.