From 8d279aa0dac5319cd3b6c08edc24c8ee3548a3f6 Mon Sep 17 00:00:00 2001
From: Tola Leng <tolaleng.oss@gmail.com>
Date: Fri, 25 Jul 2025 17:37:29 +0700
Subject: [PATCH] Fix: Resolve invalid DOM nesting in OperationalPageCard

- Resolved the `validateDOMNesting` warning. The `Badge` will be rendered directly within a `<div>` or other appropriate block-level element.
---
 .../src/components/operational-page/OperationalPageCard.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/application/src/components/operational-page/OperationalPageCard.tsx b/application/src/components/operational-page/OperationalPageCard.tsx
index 8c8949d..8c11dfd 100644
--- a/application/src/components/operational-page/OperationalPageCard.tsx
+++ b/application/src/components/operational-page/OperationalPageCard.tsx
@@ -41,11 +41,11 @@ export const OperationalPageCard = ({ page, onEdit, onView, onDelete }: Operatio
           </div>
           <div>
             <span className="font-medium text-muted-foreground">Public:</span>
-            <p className="mt-1">
+            <div className="mt-1">
               <Badge variant={page.is_public === 'true' ? 'default' : 'secondary'}>
                 {page.is_public === 'true' ? 'Yes' : 'No'}
               </Badge>
-            </p>
+            </div>
           </div>
           <div>
             <span className="font-medium text-muted-foreground">Updated:</span>