fix: use correct BetterBugs logo compatible with light mode

Author: aadya284

app/components/layout/Header/headerComponent.tsx

@@ -230,6 +230,7 @@ const HeaderComponent = () => {
   const searchParams = useSearchParams();
   const utmSource = searchParams.get('utm_source');
   const { isLightTheme, setIsLightTheme } = useTheme();
+  const logoSrc = isLightTheme ? '/images/bb-logo-light.svg' : '/images/bb-logo.svg';
   const { collapsed, setCollapsed }: LayoutContextModel =
     useContext(LayoutContext);
 
@@ -363,7 +364,7 @@ const HeaderComponent = () => {
           <div className="container mx-auto flex items-center justify-between py-3">
             <Link href={`${WEB_URL}`} className="flex items-center">
               <Image
-                src="/images/bb-logo.svg"
+                src={logoSrc}
                 width={190}
                 height={32}
                 alt="Logo"
@@ -488,7 +489,7 @@ const HeaderComponent = () => {
               </div>
               <Link href={`${WEB_URL}`}>
                 <Image
-                  src="/images/bb-logo.svg"
+                  src={logoSrc}
                   width={150}
                   height={32}
                   alt="Logo"

app/components/layout/footer/footerComponent.tsx

@@ -14,6 +14,7 @@ import { useTheme } from '@/app/contexts/themeContext';
 
 const FooterComponent = () => {
   const { isLightTheme } = useTheme();
+  const logoSrc = isLightTheme ? '/images/bb-logo-light.svg' : '/images/bb-logo.svg';
   const pathname = usePathname();
   const router = useRouter();
   const [sectionId, setSectionId] = useState<string | null>(null);
@@ -259,7 +260,7 @@ const FooterComponent = () => {
             <div className="flex flex-wrap items-center gap-3 lg:gap-1">
               <Link href={`${WEB_URL}`} className="flex-shrink-0">
                 <Image
-                  src="/images/bb-logo.svg"
+                  src={logoSrc}
                   width={580}
                   height={100}
                   alt="Logo"