feat: Implement dynamic search functionality

[bipulsikder]

Description (check the video demo also from here )

Adding a dynamic search functionality to improve content discoverability in the SW360 documentation website.

Screenshots

then redirect to the clicked suggestion

Proposed Solution

Implement a real-time search feature that allows users to quickly find relevant documentation content with the following capabilities:

Features

• Dynamic search with real-time results
• Search through:
  • Page titles
  • Categories
  • Content summaries
• Relevance-based result ranking
• Result highlighting for matched terms
• Keyboard shortcuts (press '/' to focus search)
• Mobile-responsive design

Technical Implementation

• Use Hugo's built-in .Site.Pages for generating the search index
• Implement client-side search using JavaScript
• Add relevance scoring algorithm:
  • Title matches (highest priority)
  • Category matches (medium priority)
  • Summary matches (lower priority)
• Debounced search for better performance
• Maximum 10 results shown for optimal UX

UI/UX Considerations

• Dark theme compatible
• Accessible (proper ARIA labels)
• Keyboard navigation support
• Clear visual feedback for interactions
• Mobile-friendly design

Benefits

• Improved content discoverability
• Better user experience
• Faster access to documentation
• Reduced time to find specific information

you can check the video also from here

[bipulsikder]

Hi @heliocastro @KoukiHama @GMishx check this out and let me know any insights should i make this a PR?

yes I have made a pr #143