[Feature] Implemented Real-Time Search Functionality for FAQs

[PrityanshuSingh]

📋 Description

This PR introduces a real-time search feature for the FAQ section. Users can now enter keywords in a search bar to dynamically filter and display matching FAQs as they type, enhancing the ease and efficiency of locating specific information. Additionally, the feature highlights relevant keywords within the FAQs to improve readability.

🔨 Changes Made

• Implemented a real-time search bar in the FAQ section.
• Added dynamic filtering to display relevant FAQs based on user input.
• Included keyword highlighting within matched FAQs to improve visibility and user experience.

✅ Checklist

Before submitting the PR, please make sure you have completed the following:

• I have followed all the guidelines mentioned in CONTRIBUTING.md.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation (if applicable).
• I have tested it locally, and it works as expected.
• Any dependent changes have been merged and published in downstream modules.

🏷️ Types of Changes

What type of changes does your code introduce? (Check all that apply)

• New feature (non-breaking change which adds functionality) ✨

• UI enhancement (non-breaking change which enhances UI) 🎨

• Documentation update 📚

• Fixes [FEATURE REQUEST]: Implement Real-Time Search Functionality for FAQs #261

📸 Screenshots (if applicable)

@Harshdev098 Please consider assigning me label under gssoc-ext level3 and hactoberfest-accepted, once the PR gets merged, as I have implemented a new feature.

[Harshdev098]

@PrityanshuSingh Can you enhance this feature
Currently the box content is not opening when the keyboard has been found
This enhancement can be done so that if the keyword has been found it should open them for the user

[PrityanshuSingh]

@PrityanshuSingh Can you enhance this feature Currently the box content is not opening when the keyboard has been found This enhancement can be done so that if the keyword has been found it should open them for the user

Ok will add the functionality accordingly

[PrityanshuSingh]

@Harshdev098 Kindly review the PR, now the pannel box content is opening if the keyword is matching. Consider assigning me label of level3 as a new feature is implemented, once the PR gets merged.

FAQ.SEARCH.OPTIMIZE.mp4

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #330 has been merged! 🎉🎉