React TS Code Review & Fixes

I have a small React .js + TypeScript app that lives inside an nx workspace and uses react-bootstrap for styling. I want a fresh set of expert eyes on it to review the codebase.

Scope
• Walk through the codebase with a focus on React and TypeScript conventions—hook usage, typing, folder structure, and any “gotchas” that might bite later.
• Tidy up a few nagging issues: light UI/UX tweaks (minor alignment, spacing, or component polish) and a couple of outstanding bugs that block smooth navigation.
• Explain the why behind each change. A concise written summary or inline comments are enough; I’m mainly after practical guidance I can apply on future features.

What I expect back
1. A brief review document (or annotated pull request) pointing out any anti-patterns and the corresponding improvements.
2. Committed fixes for the identified UI/UX bugs.
3. A short “best-practice cheat sheet” so I can replicate your approach going forward.

The project is compact, so I’m aiming for targeted, actionable insights rather than a full rewrite. Let me know if you need anything else before diving in.