✨ feat: Add Toaster component for notifications and enhance error han…

…dling in bookmark deletion

web/src/lib/apis/fetcher.ts

@@ -24,6 +24,11 @@ const fetcher = async <T>(url: string, init?: RequestInit): Promise<T> => {
 
 		throw error;
 	}
+
+	if (response.status === 204) {
+		return {} as T;
+	}
+
 	const data = await response.json();
 	return data.data;
 };

web/src/pages/app-basic.tsx

@@ -2,6 +2,7 @@ import { type ReactNode, StrictMode } from "react";
 import "../index.css";
 
 import { ThemeProvider } from "@/components/theme-provider";
+import { Toaster } from "@/components/ui/toaster";
 import { NuqsAdapter } from "nuqs/adapters/react";
 import { SWRConfig } from "swr";
 import fetcher from "../lib/apis/fetcher";
@@ -18,6 +19,7 @@ export default function App({ children }: { children: ReactNode }) {
 					}}
 				>
 					<NuqsAdapter>{children}</NuqsAdapter>
+					<Toaster />
 				</SWRConfig>
 			</ThemeProvider>
 		</StrictMode>

web/src/pages/bookmark-detail-page.tsx

@@ -21,6 +21,7 @@ import {
 } from "@/components/ui/sidebar";
 import { useToast } from "@/hooks/use-toast";
 import { useBookmark, useBookmarkMutations } from "@/lib/apis/bookmarks";
+import { ROUTES } from "@/lib/router";
 import { useState } from "react";
 
 export default function BookmarkDetailPage({ id }: { id: string }) {
@@ -67,10 +68,11 @@ export default function BookmarkDetailPage({ id }: { id: string }) {
 				title: "Success",
 				description: "Bookmark deleted successfully",
 			});
+			window.location.href = ROUTES.BOOKMARKS;
 		} catch (error) {
 			toast({
 				title: "Error",
-				description: "Failed to delete bookmark",
+				description: `Failed to delete bookmark ${error instanceof Error ? error.message : 'Unknown error'}`,
 				variant: "destructive",
 			});
 		} finally {