Merge branch 'development' into Database-Schema-&-Models

Resolved conflicts by keeping Database-Schema-&-Models version which contains:
- Complete Phase 7 documentation polish (ELI5 style)
- GitHub Actions CI/CD workflows (Docker + Pages)
- GHCR migration (replacing Docker Hub)
- All backend and frontend improvements

frontend/src/api/client.ts

@@ -0,0 +1,7 @@
+import axios from 'axios';
+
+const client = axios.create({
+  baseURL: '/api/v1'
+});
+
+export default client;

frontend/src/pages/HealthStatus.tsx

@@ -0,0 +1,32 @@
+import { useQuery } from '@tanstack/react-query';
+import client from '../api/client';
+
+interface HealthResponse {
+  status: string;
+  service: string;
+}
+
+const fetchHealth = async (): Promise<HealthResponse> => {
+  const { data } = await client.get<HealthResponse>('/health');
+  return data;
+};
+
+const HealthStatus = () => {
+  const { data, isLoading, isError } = useQuery({ queryKey: ['health'], queryFn: fetchHealth });
+
+  return (
+    <section>
+      <h2>System Status</h2>
+      {isLoading && <p>Checking health…</p>}
+      {isError && <p className="error">Unable to reach backend</p>}
+      {data && (
+        <ul>
+          <li>Service: {data.service}</li>
+          <li>Status: {data.status}</li>
+        </ul>
+      )}
+    </section>
+  );
+};
+
+export default HealthStatus;

frontend/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />