refactor: improve client/server split

src/app.rs

@@ -1,7 +1,6 @@
 use dioxus::prelude::*;
 
-use crate::auth::get_auth_status;
-use crate::components::{Admin, Home};
+use crate::pages::{admin::AdminRoute, home::Home};
 
 const FAVICON: Asset = asset!("/assets/favicon.ico");
 const MAIN_CSS: Asset = asset!("/assets/main.css");
@@ -22,57 +21,3 @@ pub fn App() -> Element {
         Router::<Route> {}
     }
 }
-
-#[component]
-pub fn AdminRoute() -> Element {
-    rsx! {
-        SuspenseBoundary {
-            fallback: |_| rsx! {
-                div { class: "admin-page",
-                    div { class: "loading-container",
-                        div { class: "loading-spinner" }
-                        p { class: "loading-message", "Loading..." }
-                    }
-                }
-            },
-            AdminRouteContent {}
-        }
-    }
-}
-
-#[component]
-fn AdminRouteContent() -> Element {
-    let auth_status = use_server_future(get_auth_status)?;
-
-    match auth_status() {
-        Some(Ok(status)) if status.authenticated => rsx! { Admin {} },
-        Some(Ok(_)) => {
-            // Unauthenticated: Redirect to Gamma login via client-side script for immediate effect
-            rsx! {
-                div { class: "admin-page",
-                    div { class: "loading-container",
-                        div { class: "loading-spinner" }
-                        p { class: "loading-message", "Redirecting to login..." }
-                    }
-                    script { "window.location.href = '/auth/login?next=/admin';" }
-                }
-            }
-        }
-        Some(Err(err)) => rsx! {
-            div { class: "admin-page",
-                div { class: "error-container",
-                    h1 { class: "error-title", "Authentication unavailable" }
-                    p { class: "error-message", "Failed to load authentication state: {err}" }
-                }
-            }
-        },
-        _ => rsx! {
-            div { class: "admin-page",
-                div { class: "loading-container",
-                    div { class: "loading-spinner" }
-                    p { class: "loading-message", "Loading..." }
-                }
-            }
-        },
-    }
-}