feat(ui): added search input and checkbox for submit pr page

[AtharvPS13]

📌 What does this PR do?

This PR adds search input on submit PR page ,which helps to filter pr based on search query.
This PR also adds checkbox to filter PRs bases on difficulties

✅ Summary of Changes

• Feature added / Bug fixed
• Code refactored / cleaned up
• UI updated (if applicable)
• Tests written or updated

---

📷 Screenshots / Demo (if applicable)

BitByte.Summer.of.Code.2025._.IIITDM.Jabalpur._.Open.Source.Coding.Program.-.Google.Chrome.2025-07-13.14-21-14.mp4

---

💬 Notes for Reviewer

I have also updated PRs title's border .
It helps user to distinguish between PRs based on difficulties.

---

Related Issues

Closes #144

[AtharvPS13]

@abhijeetw035 @rohansen856 please review !!

I have two issues(bugs/feature) in mind for bsoc-website . Can I open up the issues or should I discuss them in discord?

[abhijeetw035]

@abhijeetw035 @rohansen856 please review !!

I have two issues(bugs/feature) in mind for bsoc-website . Can I open up the issues or should I discuss them in discord?

Sure lets discuss on discord!

[abhijeetw035]

All difficulties are true by default, good, but if a user unchecks all, you’ll get an empty list. Maybe guard for at least one filter always active?

[AtharvPS13]

Ig it might also possible that user selects any difficulty and there might not be any pr with that difficulty.
So we should not guard any one filter.
So to tackle this I have updated code so that if there empty list then "No PRs found" will get rendered on screen.....

Proof:

BitByte.Summer.of.Code.2025._.IIITDM.Jabalpur._.Open.Source.Coding.Program.-.Google.Chrome.2025-07-15.17-55-33.mp4

[abhijeetw035]

Ig it might also possible that user selects any difficulty and there might not be any pr with that difficulty. So we should not guard any one filter. So to tackle this I have updated code so that if there empty list then "No PRs found" will get rendered on screen.....

Proof:
BitByte.Summer.of.Code.2025..IIITDM.Jabalpur..Open.Source.Coding.Program.-.Google.Chrome.2025-07-15.17-55-33.mp4

Yes better than guarding any one filer. PR looks good .
Actually filters were not working on changing in latest video you gave so to confirm Once give overall video that shows changes.

[AtharvPS13]

Ig it might also possible that user selects any difficulty and there might not be any pr with that difficulty. So we should not guard any one filter. So to tackle this I have updated code so that if there empty list then "No PRs found" will get rendered on screen.....
Proof:
BitByte.Summer.of.Code.2025..IIITDM.Jabalpur..Open.Source.Coding.Program.-.Google.Chrome.2025-07-15.17-55-33.mp4

Yes better than guarding any one filer. PR looks good . Actually filters were not working on changing in latest video you gave so to confirm Once give overall video that shows changes.

Overall Video with all changes:

BitByte.Summer.of.Code.2025._.IIITDM.Jabalpur._.Open.Source.Coding.Program.-.Google.Chrome.2025-07-16.17-57-15.mp4

Also please dont forget to add labels to this pr!!

[abhijeetw035]

LGTM! Merged.