feat(dashboard): added dashboard content and features (#7)

Co-authored-by: Sharang Parnerkar <parnerkarsharang@gmail.com>
Reviewed-on: #7

src/app.rs

@@ -52,6 +52,7 @@ pub enum Route {
 const FAVICON: Asset = asset!("/assets/favicon.ico");
 const MAIN_CSS: Asset = asset!("/assets/main.css");
 const TAILWIND_CSS: Asset = asset!("/assets/tailwind.css");
+const MANIFEST: Asset = asset!("/assets/manifest.json");
 
 /// Google Fonts URL for Inter (body) and Space Grotesk (headings).
 const GOOGLE_FONTS: &str = "https://fonts.googleapis.com/css2?\
@@ -64,6 +65,14 @@ const GOOGLE_FONTS: &str = "https://fonts.googleapis.com/css2?\
 pub fn App() -> Element {
     rsx! {
         document::Link { rel: "icon", href: FAVICON }
+        document::Link { rel: "manifest", href: MANIFEST }
+        document::Meta { name: "theme-color", content: "#4B3FE0" }
+        document::Meta { name: "apple-mobile-web-app-capable", content: "yes" }
+        document::Meta {
+            name: "apple-mobile-web-app-status-bar-style",
+            content: "black-translucent",
+        }
+        document::Link { rel: "apple-touch-icon", href: FAVICON }
         document::Link { rel: "preconnect", href: "https://fonts.googleapis.com" }
         document::Link {
             rel: "preconnect",
@@ -73,6 +82,17 @@ pub fn App() -> Element {
         document::Link { rel: "stylesheet", href: GOOGLE_FONTS }
         document::Link { rel: "stylesheet", href: TAILWIND_CSS }
         document::Link { rel: "stylesheet", href: MAIN_CSS }
+
+        // Register PWA service worker
+        document::Script {
+            r#"
+            if ('serviceWorker' in navigator) {{
+                navigator.serviceWorker.register('/assets/sw.js')
+                    .catch(function(e) {{ console.warn('SW registration failed:', e); }});
+            }}
+            "#
+        }
+
         div { "data-theme": "certifai-dark", Router::<Route> {} }
     }
 }