Fix: Correct logo light/dark switching - dark_background for light mode, light_background for dark mode

src/app/signup/page.tsx

@@ -4,9 +4,9 @@ import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { ArrowLeft, Eye, EyeOff, CheckCircle2 } from "lucide-react"
 import Link from "next/link"
-import Image from "next/image"
 import { useState } from "react"
 import { useRouter } from "next/navigation"
+import { Logo } from "@/components/Logo"
 
 export default function SignupPage() {
   const [step, setStep] = useState(1)
@@ -28,16 +28,7 @@ export default function SignupPage() {
       
       <div className="w-full max-w-md space-y-8 animate-in fade-in slide-in-from-bottom-8 duration-700">
         <div className="flex justify-center mb-8">
-          <div className="relative h-20 w-72">
-            <Image 
-              src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" 
-              alt="PragatiVeer" fill className="object-contain scale-135 dark:hidden" priority
-            />
-            <Image 
-              src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" 
-              alt="PragatiVeer" fill className="object-contain scale-135 hidden dark:block" priority
-            />
-          </div>
+          <Logo href="/" className="w-72" imageClassName="object-contain" height={80} />
         </div>
 
         {/* Progress Bar */}