---
import Layout from "../../layouts/Layout.astro";
import OfficerManagement from "../../components/dashboard/OfficerManagement/OfficerManagement";

const title = "Officer Management";
---

<Layout title={title}>
    <main class="p-4 md:p-8 max-w-6xl mx-auto">
        <h1 class="text-3xl font-bold mb-6">{title}</h1>
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
            <OfficerManagement client:load />
        </div>
    </main>
</Layout>
