fix: reset search loading state after navigation

[pragnyanramtha]

Summary

• replace the manual isLoading flag with React transition pending state for search navigation
• keep the submit button disabled only during the active route transition
• preserve an accessible pending label while the spinner is shown

Closes #32.

Tests

• npx eslint app/components/SearchForm.tsx
• npm run build
• git diff --check

Note: full npm run lint still fails on pre-existing unrelated lint errors in about/page.tsx, PriceMap.tsx, contact/page.tsx, page.tsx, search/page.tsx, proxy.ts, and utils/supabase/middleware.ts.

[vercel]

@pragnyanramtha is attempting to deploy a commit to the rohanhake256's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Pull request overview

Replaces the manual isLoading state in SearchForm with React's useTransition so the pending state is automatically cleared once navigation completes, fixing the stuck spinner bug described in #32. Also tightens the disabled state logic and adds accessible labels for the pending state.

Changes:

• Swap useState loading flag for useTransition's isPending and wrap router.push in startTransition.
• Derive trimmedQuery/canSearch/isSearchEnabled once and reuse for guard, disabled, and styling logic.
• Add aria-label and sr-only "Searching" text alongside the spinner for accessibility.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.