updated error handling sytem with unified way to show user error messeges

frontend/Makefile

@@ -17,5 +17,5 @@ shell-frontend:
 	@CMD="/bin/bash" $(MAKE) exec-frontend-command-it
 
 test-frontend:
-	@docker build -f frontend/Dockerfile.test frontend -t nest-frontend-test 2>/dev/null
+	@docker build -f frontend/Dockerfile.test frontend -t nest-frontend-test
 	@docker run nest-frontend-test npm run test

frontend/__tests__/src/App.test.tsx

@@ -2,6 +2,8 @@ import { render, screen, fireEvent, waitFor } from '@testing-library/react'
 import App from 'App'
 import { MemoryRouter } from 'react-router-dom'
 import '@testing-library/jest-dom'
+import { useToast } from 'lib/hooks/useToast'
+import { Toaster } from 'components/ui/Toaster'
 
 jest.mock('pages', () => ({
   Home: () => <div data-testid="home-page">Home Page</div>,
@@ -13,6 +15,13 @@ jest.mock('pages', () => ({
   CommitteeDetailsPage: () => <div data-testid="contribute-page">CommitteeDetails Page</div>,
   ProjectDetailsPage: () => <div data-testid="contribute-page">ProjectDetails Page</div>,
 }))
+jest.mock('lib/hooks/useToast', () => ({
+  useToast: jest.fn(() => ({
+    toasts: [],
+    toast: jest.fn(),
+    dismiss: jest.fn(),
+  })),
+}))
 
 jest.mock('components/Header', () => {
   const { Link } = require('react-router-dom')
@@ -44,6 +53,11 @@ jest.mock('components/Footer', () => {
 describe('App Component', () => {
   beforeEach(() => {
     window.scrollTo = jest.fn()
+    ;(useToast as jest.Mock).mockImplementation(() => ({
+      toasts: [],
+      toast: jest.fn(),
+      dismiss: jest.fn(),
+    }))
   })
 
   afterEach(() => {
@@ -142,3 +156,26 @@ describe('App Component', () => {
     })
   })
 })
+describe('Toaster Component', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('renders toast with title and description', () => {
+    const mockToast = {
+      id: '1',
+      title: 'Test Title',
+      description: 'Test Description',
+      open: true,
+    }
+
+    ;(useToast as jest.Mock).mockReturnValue({
+      toasts: [mockToast],
+    })
+
+    render(<Toaster />)
+
+    expect(screen.getByText('Test Title')).toBeInTheDocument()
+    expect(screen.getByText('Test Description')).toBeInTheDocument()
+  })
+})

frontend/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}