feat(search): global search + integration with backend

[amir-kedis]

New Features and Enhancements:

• New Search Tab Component: Added a new SearchTab component to handle different search results based on the selected tab. This component uses the useSearch hook to fetch data and display results accordingly.
• Search API Integration: Implemented a new Search function in searchAPI.ts to handle search requests and fetch results from the backend.

Refactoring and Code Simplification:

• Refactored SearchBar Component: Moved the findAllMatchIndices function inside the useEffect hook to simplify the code and ensure it runs only when necessary. [1] [2]
• Removed MessagesTab Component: Deleted the MessagesTab component and replaced its usage with the new SearchTab component in the tabs-components-map.tsx file. [1] [2]

Styling and UI Improvements:

• Updated NoResultsFound Component: Modified the NoResultsFound component to accept message and subMessage as props, allowing for more flexible messaging.
• Avatar Component Adjustments: Removed the size="large" property from Avatar components in various result items to standardize the avatar size. [1] [2] [3]

Utility Functions:

• Search Tabs Helpers: Added utility functions in searchTabsHelpers.tsx to assist with rendering search results and checking for the presence of results.

These changes collectively enhance the search functionality, improve code maintainability, and provide a better user experience.

[sonarqubecloud]

Quality Gate failed

Failed conditions
4.6% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud

[AhmedHamdiy]

wala3 ya za3eem