Add health route and health page

Implemented a new /health endpoint page Health.tsx that reports basic deployment health status using env vars. Wired route into App.tsx to expose /health. Also ensured lazy loading and integration with existing app structure.

X-Lovable-Edit-ID: edt-78081b69-817f-451f-81c4-5b70863538ab

Author: lovable-dev[bot]

src/App.tsx

@@ -24,6 +24,7 @@ const Checkout = lazy(() => import("./pages/Checkout"));
 const Profile = lazy(() => import("./pages/Profile"));
 const Contact = lazy(() => import("./pages/Contact"));
 const Shop = lazy(() => import("./pages/Shop"));
+const Health = lazy(() => import("./pages/Health"));
 
 const queryClient = new QueryClient();
 
@@ -71,6 +72,7 @@ function AppContent() {
           <Route path="/profile" element={<Profile />} />
           <Route path="/contact" element={<Contact />} />
           <Route path="/admin/enrichment" element={<AdminEnrichment />} />
+          <Route path="/health" element={<Health />} />
           <Route path="*" element={<NotFound />} />
         </Routes>
       </Suspense>

src/pages/Health.tsx

@@ -0,0 +1,39 @@
+import { useEffect, useState } from "react";
+
+interface HealthStatus {
+  status: "ok" | "degraded";
+  version: string;
+  timestamp: string;
+  checks: {
+    supabase: boolean;
+    shopify: boolean;
+  };
+}
+
+const Health = () => {
+  const [health, setHealth] = useState<HealthStatus | null>(null);
+
+  useEffect(() => {
+    const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
+    const shopifyDomain = import.meta.env.VITE_SHOPIFY_STORE_DOMAIN;
+
+    const checks = { supabase: !!supabaseUrl, shopify: !!shopifyDomain };
+
+    setHealth({
+      status: checks.supabase ? "ok" : "degraded",
+      version: "1.0.0",
+      timestamp: new Date().toISOString(),
+      checks,
+    });
+  }, []);
+
+  if (!health) return null;
+
+  return (
+    <pre style={{ fontFamily: "monospace", padding: "2rem" }}>
+      {JSON.stringify(health, null, 2)}
+    </pre>
+  );
+};
+
+export default Health;