refactor: wrap ItemsTree component in a div for improved structure and styling

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/AiAssistantManagementPageTreeSelection.module.scss

@@ -3,7 +3,13 @@
     width: 30%;
   }
 
-  .list-group-item {
-    padding: 0.5rem 0 !important;
+  .page-tree-item {
+    .list-group-item {
+      padding: 0.4rem 0 !important;
+    }
+  }
+
+  .add-page-button {
+    background-color: yellow;
   }
 }

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/AiAssistantManagementPageTreeSelection.tsx

@@ -77,12 +77,14 @@ const SelectablePageTree = memo((props: { onClickAddPageButton: (page: IPageHasI
   };
 
   return (
-    <ItemsTree
-      isEnableActions={!isGuestUser}
-      isReadOnlyUser={!!isReadOnlyUser}
-      targetPath="/"
-      CustomTreeItem={PageTreeItem}
-    />
+    <div className="page-tree-item">
+      <ItemsTree
+        targetPath="/"
+        isEnableActions={!isGuestUser}
+        isReadOnlyUser={!!isReadOnlyUser}
+        CustomTreeItem={PageTreeItem}
+      />
+    </div>
   );
 });