Made changes to the SideBar.jsx and App.jsx component to fix the issue

[PranavKeshav24]

Closes: #376

• Title : Made changes to the SideBar.jsx and App.jsx component to fix the issue
• Name: : Pranav Keshav
• Idenitfy yourself: : I am a contributor at GSSoC' 24.

Describe the add-ons or changes you've made 📃

To enhance the user experience, a useRef hook was introduced to create a reference for the search input field, enabling programmatic access. A new function, handleSearchIconClick, was implemented to open the sidebar and focus on the search input field after a short delay to accommodate the sidebar animation. The BiSearch icon's click handler was updated to call this new function, ensuring that when the search icon is clicked, the sidebar expands and the search input field is automatically focused, allowing users to immediately start typing their search queries.

How Has This Been Tested? ⚙️

I've thoroughly tested the updated sidebar component with the new search functionality in my local development environment. I verified that clicking the search icon smoothly expands the sidebar, revealing the search input field, which is automatically focused as expected.

Screenshots 📷

Type of change ☑️

What sort of change have you made:

• [X] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Code style update (formatting, local variables)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist: ☑️

• [X] My code follows the Contributing Guidelines & Code of Conduct of this project.
• [X] This PR does not contain plagiarized content.
• [X] I have performed a self-review of my own code.
• [X] I have commented my code, particularly wherever it was hard to understand.
• [X] My changes generate no new warnings.

Note to reviewers 📄

Please review my PR and provide feedback. I will be happy to work on any further changes if required.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
web-master-log	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 25, 2024 6:33pm

[github-actions[bot]]

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, join our discord server https://discord.gg/tSqtvHUJzE.