add basic home page + header

ui/src/pages/home.tsx

@@ -1,8 +1,20 @@
+import { Header } from "@/components/Header";
+
 export function HomePage() {
     return (
         <div>
-            <h1>Welcome to Status Monitor</h1>
-            <p>This is the home page.</p>
+            <Header
+                props={{
+                    title: "Status Monitor",
+                    subtitle: "Home",
+                    hasBackButton: false,
+                }}
+            />
+            <main className="max-w-7xl mx-auto py-8">
+                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
+                    <h1>helo vilag</h1>
+                </div>
+            </main>
         </div>
     );
 }