Validation: Type-checked the touched files and confirmed there are no errors.

Description

Refactored the blogs page filtering logic to improve maintainability and scalability. The filtering logic was extracted into a reusable utility function, and the blogs page now derives filtered results with useMemo instead of storing duplicated filtered state in useEffect. This keeps the component simpler and makes it easier to extend search and filter features in the future.

Fixes #1597

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• Other (please specify):

Changes Made

• Extracted blog search filtering into a reusable utility function.
• Replaced useEffect-driven filtered state with derived state using useMemo.
• Kept the blogs page logic easier to read and simpler to extend for future filters.

Dependencies

• No new dependencies were added.
• No version or configuration updates were required.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers and devices
• My changes do not generate new console warnings or errors.
• I ran npm run build and attached screenshot(s) in this PR.
• This is already assigned Issue to me, not an unassigned issue.