React UI Bug Fixes

I need an experienced React / Next.js developer to dive into the frontend of my production app and eliminate several nagging issues. Right now the user interface shows misaligned elements, certain components vanish or appear distorted at different breakpoints, and overall responsiveness is off. Beyond the visual glitches, some interactive pieces don’t trigger the expected actions, and page transitions occasionally lag, so there’s a clear performance hit as well.

Your task is to trace and correct every layout inconsistency (misplaced components, broken or missing elements, and any responsive behaviour that doesn’t match the Figma designs), restore full functionality to the affected buttons, forms and dynamic sections, and optimise the rendering path so screens feel snappy again on both desktop and mobile. The codebase is a standard Next.js 13 project with functional components, hooks, TypeScript and Tailwind; familiarity with those tools, plus Chrome DevTools and React Profiler, will be essential.

I’ll provide the repository, a list of pages where the problems are most visible, and screenshots that show the intended look. Once each page renders correctly, passes my manual check on Chrome, Safari and Firefox, and Lighthouse no longer flags the slow interactions, the work is done. If you’ve diagnosed and fixed similar React UI issues before, I’d like to hear how you approach debugging and regression testing so the same bugs don’t creep back in.