[Bug]: Solve Layout Shifting on Opening a FAQ Item and Add Popups in the Site

[abhijeetw035]

Environment

Browser: Chrome / Firefox Device: Desktop / Laptop OS: Windows / Linux

Steps to Reproduce

Issue 1: FAQ layout shifting

1. Go to the FAQ section.
2. Click on any FAQ item — it opens with an animation.
3. Click on another FAQ item — the current one closes instantly.
4. The closing is abrupt; no smooth animation like when opening.

Issue 2: Missing Popups/Toasts

1. Click on Scoreboard without logging in — no feedback or warning shown.
2. Submit a PR — no confirmation toast/message is shown.
3. Log in — no toast confirming login success.

What did you expect to happen?

• FAQ items should either:
  • Allow multiple to stay open, or
  • Close previous item with smooth animation, not a blink.
• For popups:
  • Show "Please log in first" when scoreboard is clicked without login.
  • After PR submission, show a toast like "PR submitted successfully".
  • After login, show a toast like "Logged in successfully".

What actually happened?

• Current FAQ closes abruptly when another is opened.
• No visual feedback/popups after important actions like:
  • Visiting Scoreboard without login
  • Submitting PR
  • Logging in

Screenshots or Logs (if any)

Scoreboard :

FAQ:

How serious is this?

None

[ShirshenduR]

@abhijeetw035 I would like to work on this issue. I'll implement smooth close animations for FAQ items using controlled state transitions (e.g., CSS transitions with height/max-height). For popups, I’ll add toast notifications using a library like react-toastify to show real-time feedback on actions like login, PR submission, or accessing restricted pages without authentication.

[abhijeetw035]

@ShirshenduR you can work on this issue.

[iammuntazirali]

/assign