style: apply prettier formatting

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 (1M context) <noreply@anthropic.com>

Author: kennethkalmer

src/core/Expander.tsx

@@ -34,7 +34,7 @@ const Expander = ({
 
   const showControls = useMemo(
     () => contentHeight >= heightThreshold,
-    [contentHeight, heightThreshold]
+    [contentHeight, heightThreshold],
   );
 
   const height = useMemo(
@@ -44,7 +44,7 @@ const Expander = ({
         : expanded
           ? contentHeight
           : heightThreshold,
-    [contentHeight, heightThreshold, expanded]
+    [contentHeight, heightThreshold, expanded],
   );
 
   return (

src/core/Header.tsx

@@ -226,19 +226,20 @@ const Header: React.FC<HeaderProps> = ({
     const noticeElement = document.querySelector('[data-id="ui-notice"]');
 
     if (!noticeElement) {
-      console.warn('Header: Notice element not found');
+      console.warn("Header: Notice element not found");
       return;
     }
 
     let previousVisibility = noticeBannerVisible;
 
     const handleScroll = () => {
       const scrollY = window.scrollY;
-      const isNoticeHidden = noticeElement.classList.contains("ui-announcement-hidden");
+      const isNoticeHidden = noticeElement.classList.contains(
+        "ui-announcement-hidden",
+      );
 
       const shouldBeVisible =
-        scrollY <= COLLAPSE_TRIGGER_DISTANCE &&
-        !isNoticeHidden;
+        scrollY <= COLLAPSE_TRIGGER_DISTANCE && !isNoticeHidden;
 
       if (shouldBeVisible !== previousVisibility) {
         previousVisibility = shouldBeVisible;

src/core/hooks/use-content-height.ts

@@ -11,7 +11,7 @@ import { useState, useEffect, useRef, RefObject } from "react";
  */
 export function useContentHeight(
   ref: RefObject<HTMLElement>,
-  initialHeight = 0
+  initialHeight = 0,
 ): number {
   const [contentHeight, setContentHeight] = useState<number>(initialHeight);
   const observerRef = useRef<ResizeObserver | null>(null);

src/core/hooks/use-themed-scrollpoints.test.ts

@@ -76,7 +76,7 @@ describe("useThemedScrollpoints", () => {
       expect.objectContaining({
         rootMargin: "-64px 0px 0px 0px",
         threshold: 0,
-      })
+      }),
     );
   });
 
@@ -109,7 +109,7 @@ describe("useThemedScrollpoints", () => {
     renderHook(() => useThemedScrollpoints(scrollpoints));
 
     expect(consoleWarn).toHaveBeenCalledWith(
-      expect.stringContaining('Element with id "non-existent" not found')
+      expect.stringContaining('Element with id "non-existent" not found'),
     );
 
     consoleWarn.mockRestore();
@@ -133,7 +133,7 @@ describe("useThemedScrollpoints", () => {
     expect(mockObserve).toHaveBeenCalledTimes(1);
     expect(mockObserve).toHaveBeenCalledWith(elem);
     expect(consoleWarn).toHaveBeenCalledWith(
-      expect.stringContaining('Element with id "missing" not found')
+      expect.stringContaining('Element with id "missing" not found'),
     );
 
     consoleWarn.mockRestore();
@@ -166,7 +166,7 @@ describe("useThemedScrollpoints", () => {
           isIntersecting: true,
         } as unknown as IntersectionObserverEntry,
       ],
-      {} as IntersectionObserver
+      {} as IntersectionObserver,
     );
 
     await waitFor(() => {
@@ -194,7 +194,7 @@ describe("useThemedScrollpoints", () => {
           isIntersecting: true,
         } as unknown as IntersectionObserverEntry,
       ],
-      {} as IntersectionObserver
+      {} as IntersectionObserver,
     );
 
     // Should not trigger re-render (className unchanged)
@@ -226,7 +226,7 @@ describe("useThemedScrollpoints", () => {
           isIntersecting: false,
         } as unknown as IntersectionObserverEntry,
       ],
-      {} as IntersectionObserver
+      {} as IntersectionObserver,
     );
 
     // Should remain unchanged
@@ -264,7 +264,7 @@ describe("useThemedScrollpoints", () => {
           isIntersecting: true,
         } as unknown as IntersectionObserverEntry,
       ],
-      {} as IntersectionObserver
+      {} as IntersectionObserver,
     );
 
     await waitFor(() => {
@@ -301,7 +301,7 @@ describe("useThemedScrollpoints", () => {
         initialProps: {
           scrollpoints: [{ id: "zone1", className: "theme-light" }],
         },
-      }
+      },
     );
 
     expect(IntersectionObserver).toHaveBeenCalledTimes(1);
@@ -343,7 +343,7 @@ describe("useThemedScrollpoints", () => {
           isIntersecting: true,
         } as unknown as IntersectionObserverEntry,
       ],
-      {} as IntersectionObserver
+      {} as IntersectionObserver,
     );
 
     expect(rafSpy).toHaveBeenCalled();

src/core/hooks/use-themed-scrollpoints.ts

@@ -4,10 +4,10 @@ import { ThemedScrollpoint } from "../Header/types";
 const HEADER_HEIGHT = 64;
 
 export function useThemedScrollpoints(
-  scrollpoints: ThemedScrollpoint[]
+  scrollpoints: ThemedScrollpoint[],
 ): string {
   const [activeClassName, setActiveClassName] = useState<string>(
-    scrollpoints.length > 0 ? scrollpoints[0].className : ""
+    scrollpoints.length > 0 ? scrollpoints[0].className : "",
   );
 
   const previousClassNameRef = useRef<string>(activeClassName);
@@ -24,10 +24,13 @@ export function useThemedScrollpoints(
           for (const entry of entries) {
             if (entry.isIntersecting) {
               const scrollpoint = scrollpoints.find(
-                (sp) => sp.id === entry.target.id
+                (sp) => sp.id === entry.target.id,
               );
 
-              if (scrollpoint && scrollpoint.className !== previousClassNameRef.current) {
+              if (
+                scrollpoint &&
+                scrollpoint.className !== previousClassNameRef.current
+              ) {
                 previousClassNameRef.current = scrollpoint.className;
                 setActiveClassName(scrollpoint.className);
                 return;
@@ -39,7 +42,7 @@ export function useThemedScrollpoints(
       {
         rootMargin: `-${HEADER_HEIGHT}px 0px 0px 0px`,
         threshold: 0,
-      }
+      },
     );
 
     scrollpoints.forEach(({ id }) => {
@@ -48,7 +51,7 @@ export function useThemedScrollpoints(
         observerRef.current?.observe(element);
       } else {
         console.warn(
-          `useThemedScrollpoints: Element with id "${id}" not found in DOM`
+          `useThemedScrollpoints: Element with id "${id}" not found in DOM`,
         );
       }
     });