chore(webapp): scope intentional draft synchronization (#4725)

## Summary

Scopes state synchronization that intentionally resets editable drafts
from authoritative server values, deployment state, or programmatic
filter changes. These values cannot be derived during render without
removing user control between resets.

Author: carderne

apps/webapp/app/components/billing/BillingLimitRecoveryPanel.tsx

@@ -63,6 +63,7 @@ export function BillingLimitRecoveryPanel({
   const formRef = useRef<HTMLFormElement>(null);
 
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- A refreshed server recommendation intentionally resets this editable amount draft.
     setNewAmount(String(suggestedNewLimitDollars));
   }, [suggestedNewLimitDollars]);
 

apps/webapp/app/components/code/TSQLResultsTable.tsx

@@ -224,6 +224,7 @@ const DebouncedInput = forwardRef<
   const [value, setValue] = useState(initialValue);
 
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- Programmatic filter changes intentionally reset the debounced input draft.
     setValue(initialValue);
   }, [initialValue]);
 

apps/webapp/app/components/primitives/DateTime.tsx

@@ -372,6 +372,7 @@ export const RelativeDateTime = ({ date, timeZone, capitalize = true }: Relative
 
   // On first render
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- A changed date intentionally resets the timer-backed relative text.
     setRelativeText(getRelativeText(realDate, capitalize));
   }, [realDate, capitalize]);
 

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.branches/route.tsx

@@ -652,6 +652,7 @@ function PurchaseBranchesModal({
 
   const [amountValue, setAmountValue] = useState(extraBranches);
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- The authoritative branch count intentionally resets this modal draft.
     setAmountValue(extraBranches);
   }, [extraBranches]);
   const isLoading = fetcher.state !== "idle";

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.custom.$dashboardId/route.tsx

@@ -683,6 +683,7 @@ function RenameDashboardDialog({ title }: { title: string }) {
 
   // Sync newTitle state when title changes (after successful rename)
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- A completed rename intentionally resets this editable title draft.
     setNewTitle(title);
   }, [title]);
 

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.deployments.$deploymentParam/route.tsx

@@ -631,6 +631,7 @@ function LogsDisplay({
   const logsContainerRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- Deployment status changes intentionally reset the user-controlled collapse state.
     setCollapsed(initialCollapsed);
   }, [initialCollapsed]);
 

apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.team/route.tsx

@@ -970,6 +970,7 @@ export function PurchaseSeatsModal({
 
   const [amountValue, setAmountValue] = useState(extraSeats);
   useEffect(() => {
+    // oxlint-disable-next-line react/react-compiler -- The authoritative seat count intentionally resets this modal draft.
     setAmountValue(extraSeats);
   }, [extraSeats]);
   const isLoading = fetcher.state !== "idle";