fix(frontend): resolve the last logo import; drop a second orphan

playground-modal.tsx carried the same import/usage split as the other eight
files — it imported FlowLogoColor from ../../assets/FlowLogoColor.svg and
rendered <HanzoFlowLogoColor>. The previous commit made the identifiers agree,
which is what finally let rollup reach the import and report that the FILE has
never existed either.

Collapsed onto FlowLogo, the asset that does exist. FlowLogoColor was a colour
variant of a monochrome mark used in an 18x18 slot, so one asset under one name
is both correct for the brand and one fewer thing to keep in sync. Also removed
the stale commented-out import above it, which pointed at a third spelling
(FlowLogocolor.svg) that never existed.

Removed pages/MainPage/pages/enchanced-beam-effect.tsx: imports BorderBeam from
../../../components/ui/border-beams, which is not in the repo, and nothing
imports it. Same shape as importButtonComponent.

Note both orphans were UNREACHABLE, so rollup never resolved them and neither
was blocking the build — that is cleanup, not the fix. Widened the sweep from
alias-only to alias + relative specifiers, which is what caught FlowLogoColor:
2778 -> 5495 checked, now 0 unresolved.

Co-authored-by: Hanzo Dev <[email protected]>

src/frontend/src/modals/IOModal/playground-modal.tsx

@@ -1,4 +1,3 @@
-//import FlowLogoColor from "@/assets/FlowLogocolor.svg?react";
 
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -14,7 +13,7 @@ import { FlowButtonRedirectTarget } from "@/customization/utils/urls";
 import { isAuthenticatedPlayground } from "@/modals/IOModal/helpers/playground-auth";
 import { useUtilityStore } from "@/stores/utilityStore";
 import { swatchColors } from "@/utils/styleUtils";
-import FlowLogoColor from "../../assets/FlowLogoColor.svg?react";
+import FlowLogo from "@/assets/FlowLogo.svg?react";
 import IconComponent from "../../components/common/genericIconComponent";
 import ShadTooltip from "../../components/common/shadTooltipComponent";
 import { Button } from "../../components/ui/button";
@@ -432,7 +431,7 @@ export default function IOModal({
                       variant="primary"
                       className="w-full !rounded-xl shadow-lg"
                     >
-                      <FlowLogoColor />
+                      <FlowLogo />
                       <div className="text-sm">Built with HanzoFlow</div>
                     </Button>
                   </div>
@@ -451,7 +450,7 @@ export default function IOModal({
                     className="h-12 w-12 !rounded-xl !p-4 shadow-lg"
                     onClick={HanzoFlowButtonClick}
                   >
-                    <FlowLogoColor className="h-[18px] w-[18px] scale-150" />
+                    <FlowLogo className="h-[18px] w-[18px] scale-150" />
                   </Button>
                 </ShadTooltip>
               </div>

src/frontend/src/pages/MainPage/pages/enchanced-beam-effect.tsx

@@ -1,43 +0,0 @@
-import type { ReactNode } from "react";
-import { cn } from "@/utils/utils";
-import { BorderBeam } from "../../../components/ui/border-beams";
-
-interface EnhancedBeamEffectProps {
-  children: ReactNode;
-  className?: string;
-  primaryColor?: string;
-  secondaryColor?: string;
-  size?: number;
-}
-
-export const EnhancedBeamEffect = ({
-  children,
-  className,
-  primaryColor = "#C661B8",
-  secondaryColor = "#61C6B8",
-  size = 200,
-}: EnhancedBeamEffectProps) => {
-  return (
-    <div
-      className={cn(
-        "relative flex items-center justify-center overflow-hidden rounded-xl",
-        className,
-      )}
-    >
-      {children}
-
-      {/* Primary beam - larger, slower rotation */}
-      <BorderBeam
-        duration={12}
-        size={size}
-        className="opacity-80"
-        colorFrom={primaryColor}
-        colorTo={secondaryColor}
-        anchor={20}
-        borderWidth={1.5}
-      />
-    </div>
-  );
-};
-
-export default EnhancedBeamEffect;