feat: add scroll-to-top functionality on view change and enhance logo filter transition

Author: sumitsahoo

src/App.tsx

@@ -695,6 +695,12 @@ export function App() {
     setShowPrivacy(true);
   }, []);
 
+  /** Scroll to top whenever the view changes. */
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- activeTool and showPrivacy are intentional trigger deps
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [activeTool, showPrivacy]);
+
   /** Metadata for the active tool (memoised to avoid redundant lookups). */
   const activeMeta = useMemo(
     () => (activeTool ? (tools.find((t) => t.id === activeTool) ?? null) : null),

src/components/Layout.tsx

@@ -102,7 +102,13 @@ export function Layout({ children, onHome, showBack, onPrivacy, badgeAccent }: L
         <div className="max-w-6xl mx-auto px-4 sm:px-6 py-4 flex flex-col sm:flex-row items-center justify-between gap-3">
           {/* Brand + copyright */}
           <div className="flex items-center gap-2">
-            <img src="/icons/logo.svg" alt="" aria-hidden="true" className="w-5 h-5 opacity-60" />
+            <img
+              src="/icons/logo.svg"
+              alt=""
+              aria-hidden="true"
+              className="w-5 h-5 opacity-60 transition-[filter] duration-300"
+              style={badgeAccent?.logoFilter ? { filter: badgeAccent.logoFilter } : undefined}
+            />
             <span className="text-xs font-medium text-slate-500 dark:text-dark-text-muted">
               CloakPDF
             </span>