feat(frontend): add toast system

[cosypix]

This commit introduces the toast system which can be used across all pages by a function.

Fixes #27

Overview

1. This PR fixes or fixes part of [Feature Request]: Create a Toast system. #27 .
2. This PR does the following: This PR introduces a template-based custom toast system for the application using react-toastify. It reduces the repetition by using template-based toast messages and also it provides better ux with animated elements and styling.

Essential Checklist

• The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
• "Allow edits from maintainers" is checked. (See here for instructions on how to enable it.)
• The PR is made from a branch that's not called "main/master".

Proof that changes are correct

Screencast.from.2025-07-08.23-16-44.webm

PR Pointers

• If you need a review or an answer to a question, and don't have permissions to assign people, leave a comment like the following: "{{Question/comment}} @{{reviewer_username}} PTAL".
• Never force push. If you do, your PR will be closed.

[netlify]

✅ Deploy Preview for ydo-bsoc ready!

Name	Link
🔨 Latest commit	c0151c5
🔍 Latest deploy log	https://app.netlify.com/projects/ydo-bsoc/deploys/6876a7bce2c17a0008e20d46
😎 Deploy Preview	https://deploy-preview-34--ydo-bsoc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[cosypix]

Screencast.from.2025-07-09.10-52-14.webm

Proof that the responsiveness is working properly across all the devices.

[Om-Thorat]

That's pretty cute :), can u try spam clicking on it so we could know what happens when there is multiple toasts at once?

[cosypix]

That's pretty cute :), can u try spam clicking on it so we could know what happens when there is multiple toasts at once?

Screencast.from.2025-07-09.11-34-58.webm

[Zapper9982]

@cosypix Nicework , love the bounce effect , can we just smoothen it a bit more , apart from that we can go ahead with a merge

[Zapper9982]

That's pretty cute :), can u try spam clicking on it so we could know what happens when there is multiple toasts at once?

@Om-Thorat should we perhaps go ahead with the logic that eevrytime its clicked only one toast shoes up , technically overwriting the previous toast

[cosypix]

@cosypix Nicework , love the bounce effect , can we just smoothen it a bit more , apart from that we can go ahead with a merge

VID_20250710_161746316.mp4

The animation is quite smooth in the website, but in the video it was lagging.

[Zapper9982]

@cosypix Nicework , love the bounce effect , can we just smoothen it a bit more , apart from that we can go ahead with a merge

VID_20250710_161746316.mp4

The animation is quite smooth in the website, but in the video it was lagging.

ohh looks amazing well done !

[Zapper9982]

resolve conflicts we will merge