feat: enhance loading messages for better user feedback in various routes

Author: cak

src/app/router.tsx

@@ -71,63 +71,63 @@ export default function AppRouter() {
       <Route
         path="/conferences"
         element={
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading conferences..." />}>
             <ConferencesRoute />
           </Suspense>
         }
       />
       <Route
         path="/schedule"
         element={
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading schedule..." />}>
             <ScheduleRoute />
           </Suspense>
         }
       />
       <Route
         path="/bookmarks"
         element={
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading bookmarks..." />}>
             <BookmarksRoute />
           </Suspense>
         }
       />
       <Route
         path="/people"
         element={
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading people..." />}>
             <PeopleRoute />
           </Suspense>
         }
       />
       <Route
         path="/person"
         element={
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading person..." />}>
             <PersonRoute />
           </Suspense>
         }
       />
       <Route
         path="/event"
         element={
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading event..." />}>
             <EventRoute />
           </Suspense>
         }
       />
       <Route
         path="/about"
         element={
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading about..." />}>
             <AboutRoute />
           </Suspense>
         }
       />
       <Route
         path="/support"
         element={
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading support..." />}>
             <SupportRoute />
           </Suspense>
         }

src/features/bookmarks/Bookmarks.tsx

@@ -74,7 +74,7 @@ export function Bookmarks() {
     };
   }, [confCode]);
 
-  if (loading) return <LoadingPage />;
+  if (loading) return <LoadingPage message="Loading bookmarks..." />;
 
   if (!conference && error) {
     return <ErrorPage msg="Conference not found." />;
@@ -85,7 +85,7 @@ export function Bookmarks() {
       {conference && <ConferenceHeader conference={conference} />}
       <main className="flex-1">
         {grouped && confCode ? (
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading events..." />}>
             <EventsList
               dateGroup={grouped}
               confCode={confCode}

src/features/event/Event.tsx

@@ -108,7 +108,7 @@ export function Event() {
     return (
       <div className="min-h-screen flex flex-col bg-gray-950">
         <main className="flex-1">
-          <LoadingPage />
+          <LoadingPage message="Loading event..." />
         </main>
         <HTFooter />
       </div>

src/features/schedule/Schedule.tsx

@@ -69,7 +69,7 @@ export function Schedule() {
     };
   }, [confCode]);
 
-  if (loading) return <LoadingPage />;
+  if (loading) return <LoadingPage message="Loading schedule..." />;
 
   if (!conference && error) {
     return <ErrorPage msg="Conference not found." />;
@@ -80,7 +80,7 @@ export function Schedule() {
       {conference && <ConferenceHeader conference={conference} />}
       <main className="flex-1">
         {grouped && confCode ? (
-          <Suspense fallback={<LoadingPage />}>
+          <Suspense fallback={<LoadingPage message="Loading events..." />}>
             <EventsList
               dateGroup={grouped}
               confCode={confCode}