Fix TabBar accent animation initialization in useTabs hook (#14072)

## Summary
Updated the TabBar accent animation initialization to use the `from`
property instead of `to` with `immediate: true` in the useSpring hook
configuration.

## Key Changes
- Changed `useSpring` initial animation configuration from `to: { top:
0, left: 0, width: 0 }` with `immediate: true` to `from: { top: 0, left:
0, width: 0 }`
- This ensures the accent bar starts from the correct initial state (0,
0, 0) before animating to the active tab position

## Implementation Details
The `from` property in react-spring defines the starting point of an
animation, which is more semantically correct than using `to` with
`immediate: true`. This change improves the animation lifecycle by
properly establishing the initial state before any animated transitions
occur, resulting in more predictable and correct accent bar positioning
behavior.

https://claude.ai/code/session_017YQMNfGhGb5tU4e5v9iW9o

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: dylanjeffers

packages/web/src/hooks/useTabs/useTabs.tsx

@@ -134,8 +134,7 @@ const TabBar = memo(
 
     // @ts-ignore
     const [{ top, left, width }, setAccentProps] = useSpring(() => ({
-      to: { top: 0, left: 0, width: 0 },
-      immediate: true,
+      from: { top: 0, left: 0, width: 0 },
       config: {
         mass: 1,
         tension: 300,
@@ -193,6 +192,7 @@ const TabBar = memo(
       }
 
       const immediate = !getDidPositionTab()
+      // @ts-ignore - react-spring types don't infer `to` on setter when initializer uses `from`
       setAccentProps({ to: accentTransforms, immediate })
       setDidPositionTab(true)
     }, [