Fix debouncing cleanup issue in styled search bar

[amitamrutiya]

This pull request includes several changes to the StyledSearchBar component in src/custom/StyledSearchBar/StyledSearchBar.tsx to improve its functionality and usability. The most important changes include replacing useCallback with useEffect for handling debounced input changes, adding a debounceTime prop, and ensuring the input value is synchronized with the value prop.

Enhancements to StyledSearchBar component:

• Replaced useCallback with useEffect to handle debounced input changes, ensuring the debounce logic is more efficient and easier to manage. (src/custom/StyledSearchBar/StyledSearchBar.tsx, src/custom/StyledSearchBar/StyledSearchBar.tsxL3-R3)
• Added a new debounceTime prop to SearchBarProps to allow customization of the debounce duration for the input change handler. (src/custom/StyledSearchBar/StyledSearchBar.tsx, [1] [2]
• Updated the StyledSearchBar component to initialize inputValue with an empty string if value is undefined, ensuring consistent behavior. (src/custom/StyledSearchBar/StyledSearchBar.tsx, src/custom/StyledSearchBar/StyledSearchBar.tsxL38-L56)
• Added an effect to synchronize inputValue with the value prop, ensuring the component reflects external changes to the value prop. (src/custom/StyledSearchBar/StyledSearchBar.tsx, src/custom/StyledSearchBar/StyledSearchBar.tsxL38-L56)