Add ISO 27001 document header

Signed-off-by: Bryan Frimin <bryan@getprobo.com>

apps/console/src/pages/organizations/policies/ShowPolicyView.tsx

@@ -364,6 +364,30 @@ function ShowPolicyContent({
     >
       <div className="space-y-4">
         {latestVersionNode ? (
+          <>
+            <div className="bg-gray-50 rounded-lg border border-solid-b shadow-sm p-6 mb-4">
+              <div className="grid grid-cols-2 gap-y-3">
+                <div>
+                  <span className="font-medium">Document Title:</span> {policy.title}
+                </div>
+                <div>
+                  <span className="font-medium">Version:</span> {latestVersionNode.version || "N/A"}
+                </div>
+                <div>
+                  <span className="font-medium">Status:</span> {latestVersionNode.status === "PUBLISHED" ? "Published" : "Draft"}
+                </div>
+                <div>
+                  <span className="font-medium">Published Date:</span> {latestVersionNode.status === "PUBLISHED" ? formatDate(latestVersionNode.publishedAt || "") : "Not yet published"}
+                </div>
+                <div>
+                  <span className="font-medium">Owner:</span> {policy.owner?.fullName || "Unknown"}
+                </div>
+                <div>
+                  <span className="font-medium">Last Modified:</span> {formatDate(latestVersionNode.updatedAt)}
+                </div>
+              </div>
+            </div>
+
             <div className="bg-white rounded-lg border border-solid-b shadow-sm p-6">
               {latestVersionNode.changelog && (
                 <div className="mb-6 p-4 bg-level-1 rounded-md border border-solid-b">
@@ -390,6 +414,7 @@ function ShowPolicyContent({
                 </div>
               </div>
             </div>
+          </>
         ) : (
           <div className="bg-white rounded-lg border border-solid-b shadow-sm p-6 text-center text-tertiary">
             No content available