fix: hide logo in branded link surveys (#2412)

Co-authored-by: Johannes <72809645+jobenjada@users.noreply.github.com>

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/components/CardStylingSettings.tsx

@@ -40,7 +40,7 @@ const CardStylingSettings = ({
 
   const isLogoHidden = styling?.isLogoHidden ?? false;
 
-  const isLogoVisible = !isLogoHidden && !!localProduct.logo?.url;
+  const isLogoVisible = !!localProduct.logo?.url;
 
   const setCardBgColor = (color: string) => {
     setStyling((prev) => ({
@@ -120,10 +120,10 @@ const CardStylingSettings = ({
   };
 
   const toggleLogoVisibility = () => {
-    setStyling({
-      ...styling,
-      isLogoHidden: !isLogoHidden,
-    });
+    setStyling((prev) => ({
+      ...prev,
+      isLogoHidden: !prev.isLogoHidden,
+    }));
   };
 
   const hideProgressBar = useMemo(() => {

apps/web/app/(app)/environments/[environmentId]/surveys/components/PreviewSurvey.tsx

@@ -242,7 +242,9 @@ export default function PreviewSurvey({
               ) : (
                 <div className="w-full px-3">
                   <div className="absolute left-5 top-5">
-                    <ClientLogo environmentId={environment.id} product={product} previewSurvey />
+                    {!styling.isLogoHidden && product.logo?.url && (
+                      <ClientLogo environmentId={environment.id} product={product} previewSurvey />
+                    )}
                   </div>
                   <div className="no-scrollbar z-10 w-full max-w-md overflow-y-auto rounded-lg border border-transparent">
                     <SurveyInline
@@ -321,7 +323,9 @@ export default function PreviewSurvey({
             ) : (
               <MediaBackground survey={survey} product={product} ContentRef={ContentRef} isEditorView>
                 <div className="absolute left-5 top-5">
-                  <ClientLogo environmentId={environment.id} product={product} previewSurvey />
+                  {!styling.isLogoHidden && product.logo?.url && (
+                    <ClientLogo environmentId={environment.id} product={product} previewSurvey />
+                  )}
                 </div>
                 <div className="z-0 w-full max-w-md rounded-lg border-transparent">
                   <SurveyInline