Remove border styling from list group items and buttons in SelectablePagePageList component

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

@@ -2,15 +2,6 @@
 @use '@growi/core-styles/scss/bootstrap/init' as bs;
 @use '@growi/core-styles/scss/variables/growi-official-colors';
 
-.selectable-page-page-list :global {
-  .list-group-item {
-    border: none;
-  }
-
-  .btn {
-    border: none;
-  }
-}
 
 // == Colors
 @include bs.color-mode(light) {

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

@@ -23,14 +23,14 @@ export const SelectablePagePageList = (props: Props): JSX.Element => {
           <button
             key={page._id}
             type="button"
-            className="list-group-item list-group-item-action d-flex align-items-center p-1 mb-2 rounded"
+            className="list-group-item border-0 list-group-item-action d-flex align-items-center p-1 mb-2 rounded"
             onClick={(e) => {
               e.stopPropagation();
             }}
           >
             <button
               type="button"
-              className={`btn ${method === 'add' ? 'text-primary' : 'text-secondary'}`}
+              className={`btn border-0 ${method === 'add' ? 'text-primary' : 'text-secondary'}`}
               disabled={disablePageIds?.includes(page._id)}
               onClick={(e) => {
                 e.stopPropagation();