Technical Prompt for Interactive Scroll-Driven Navigation Dots

Construct a sidebar navigation component in React using Framer Motion that reflects and controls scroll progress. The component should render dots for each ID in [SECTION_IDS]. Use useScroll to track which section is currently in the center of the viewport and animate the corresponding dot's scale and color to [ACTIVE_COLOR] while others remain [INACTIVE_COLOR]. Each dot should be [DOT_SIZE] in diameter. Clicking a dot should trigger a smooth scroll to the target section using Framer Motion's transition capabilities or the native scrollTo API. Include a tooltip for each dot that appears on hover.