refactor: adjust button positioning and spacing in SelectablePagePageList for improved layout

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

@@ -55,7 +55,7 @@ const SelectablePageTree = memo((props: { onClickAddPageButton: (page: IPageHasI
       return (
         <button
           type="button"
-          className="border-0 rounded btn p-0"
+          className="border-0 rounded btn p-0 me-2"
           onClick={(e) => {
             e.stopPropagation();
             pageTreeItemHandler(page);
@@ -96,7 +96,6 @@ export const AiAssistantManagementPageTreeSelection = (): JSX.Element => {
 
   const { selectedPages, addPageHandler, removePageHandler } = useSelectedPages();
 
-
   return (
     <div className={moduleClass}>
       <AiAssistantManagementHeader

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

@@ -67,13 +67,13 @@ export const SelectablePagePageList = (props: Props): JSX.Element => {
 
             {methodButtonPosition === 'left' && methodButton(page)}
 
-            <div className="flex-grow-1">
+            <div className={`flex-grow-1 ${methodButtonPosition === 'left' ? 'me-4' : 'ms-2'}`}>
               <span>
                 {page.path}
               </span>
             </div>
 
-            <span className="badge bg-body-secondary rounded-pill me-2">
+            <span className={`badge bg-body-secondary rounded-pill ${methodButtonPosition === 'left' ? 'me-2' : ''}`}>
               <span className="text-body-tertiary">
                 {page.descendantCount}
               </span>