Pages such as Projects, Contribute, Members, and Chapters currently include a search field within the shared CardDetails component.
To improve usability and navigation speed, the search field should automatically receive focus when the page first loads.

Implementation Notes

• Update the CardDetails component to detect and focus the search field on mount.
• Ensure focus logic does not trigger repeatedly on re-renders.
• Test on all affected pages to confirm consistent behavior.
• Add/update necessary tests to cover the change

Acceptance Criteria

• Search field automatically focused on initial page load for all applicable pages
• No layout shift or visual jump when focusing the input
• Works consistently across desktop and mobile devices
• Maintains accessibility best practices

Are you going to work on implementing this?

• Yes
• No

Additional context
Add any other context or screenshots about the feature request here.