[Bug]: `ToastOptions` import error in toastService.ts breaks entire client app

[Git-Shubham14]

Description

client/src/services/toastService.ts imports ToastOptions as a regular value import from react-toastify. In react-toastify v11, ToastOptions is a type-only export and must be imported using import type. This causes a SyntaxError that crashes the entire client app showing a white screen.

Error

Uncaught SyntaxError: The requested module 'react-toastify' does not
provide an export named 'ToastOptions'

File

client/src/services/toastService.ts

Line 1

import { toast, ToastOptions } from "react-toastify"; // ❌ Wrong

Expected Behaviour

Client app should load without errors.

[Git-Shubham14]

@imanchalsingh could you please assign this issue to me under SSOC'2026?

[arcgod-design]

Hi @imanchalsingh 👋

I'd love to fix this bug as part of SSoC '26!

• Fix: Change the import in toastService.ts from import { ToastOptions } to import type { ToastOptions } from react-toastify since it is a type-only export in v11.
• Scan: Check all other files for similar incorrect imports and fix them.
• Test: Verify the white screen crash is resolved and toasts work normally.

Could you please assign this to me (@arcgod-design)? Thank you!