feat: add link to browse events when no bookmarks are found in Bookmarks component

Author: cak

src/features/bookmarks/Bookmarks.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState, lazy, Suspense, startTransition } from "react";
-import { useSearchParams } from "react-router";
+import { Link, useSearchParams } from "react-router";
 import { getConferenceByCode, getEvents, getTags } from "@/lib/db";
 import { buildScheduleBucketsByDay } from "@/lib/utils/schedule";
 import type { GroupedSchedule } from "@/types/ht";
@@ -84,16 +84,29 @@ export function Bookmarks() {
     <div className="min-h-dvh flex flex-col">
       {conference && <ConferenceHeader conference={conference} />}
       <main className="flex-1">
-        {grouped && confCode ? (
+        {confCode && grouped && Object.keys(grouped).length > 0 ? (
           <Suspense fallback={<LoadingPage message="Loading events..." />}>
             <EventsList
               dateGroup={grouped}
               confCode={confCode}
               pageTitle="Bookmarks"
             />
           </Suspense>
-        ) : null}
+        ) : (
+          <div className="flex h-full flex-col items-center justify-center text-center text-gray-400 mt-20">
+            <p className="text-lg font-medium">No bookmarks found</p>
+            {confCode && (
+              <Link
+                to={`/schedule?conf=${confCode}`}
+                className="mt-3 inline-block rounded-lg bg-gray-800 px-4 py-2 text-sm font-medium text-gray-200 hover:bg-gray-700 hover:text-white transition"
+              >
+                Browse all events
+              </Link>
+            )}
+          </div>
+        )}
       </main>
+
       <HTFooter />
     </div>
   );