Refactor SelectablePagePageList styles and structure for improved consistency and clarity

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

@@ -7,8 +7,11 @@
   .selectable-page-page-list :global {
     .page-list-item {
       background-color: #{bs.$gray-100};
-        &:not(.card):hover {
-          background-color: var(--grw-primary-100);
+    }
+
+    .list-group-item {
+      &:hover {
+        background-color: var(--grw-primary-100);
       }
     }
   }
@@ -18,8 +21,11 @@
   .selectable-page-page-list :global {
     .page-list-item {
       background-color: #{bs.$gray-900};
-      &:not(.card):hover {
-        background-color: var(--grw-primary-800);
+    }
+
+    .list-group-item {
+      &:hover {
+        background-color: var(--grw-primary-800)
       }
     }
   }

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

@@ -22,10 +22,8 @@ export const SelectablePagePageList = (props: Props): JSX.Element => {
   if (pages.length === 0) {
     return (
       <div className={moduleClass}>
-        <div className="card border-0 text-center page-list-item">
-          <div className="card-body">
-            <p className="text-muted mb-0">{t('modal_ai_assistant.no_pages_selected')}</p>
-          </div>
+        <div className="border-0 text-center page-list-item rounded py-3">
+          <p className="text-muted mb-0">{t('modal_ai_assistant.no_pages_selected')}</p>
         </div>
       </div>
     );