standardize back buttons in settings

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/settings/components/credential-sets/credential-sets.tsx

@@ -601,8 +601,8 @@ export function CredentialSets() {
             </div>
           </div>
 
-          <div className='mt-auto flex items-center justify-end'>
-            <Button onClick={handleBackToList} variant='tertiary'>
+          <div className='mt-auto flex items-center justify-start'>
+            <Button onClick={handleBackToList} variant='default'>
               Back
             </Button>
           </div>

apps/sim/app/workspace/[workspaceId]/settings/components/mcp/mcp.tsx

@@ -574,6 +574,9 @@ export function MCP({ initialServerId }: MCPProps) {
         </div>
 
         <div className='mt-auto flex items-center justify-between'>
+          <Button onClick={handleBackToList} variant='default'>
+            Back
+          </Button>
           <div className='flex items-center gap-[8px]'>
             <Button
               onClick={() => handleRefreshServer(server.id)}
@@ -592,9 +595,6 @@ export function MCP({ initialServerId }: MCPProps) {
               Edit
             </Button>
           </div>
-          <Button onClick={handleBackToList} variant='tertiary'>
-            Back
-          </Button>
         </div>
 
         <McpServerFormModal

apps/sim/app/workspace/[workspaceId]/settings/components/workflow-mcp-servers/workflow-mcp-servers.tsx

@@ -316,7 +316,7 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
           Failed to load server details
         </p>
         <Button variant='default' onClick={onBack}>
-          Go Back
+          Back
         </Button>
       </div>
     )
@@ -588,6 +588,9 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
         </SModalTabs>
 
         <div className='mt-auto flex items-center justify-between'>
+          <Button onClick={onBack} variant='default'>
+            Back
+          </Button>
           <div className='flex items-center gap-[8px]'>
             {activeServerTab === 'details' && (
               <>
@@ -619,9 +622,6 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
               </>
             )}
           </div>
-          <Button onClick={onBack} variant='tertiary'>
-            Back
-          </Button>
         </div>
       </div>
 

apps/sim/ee/access-control/components/access-control.tsx

@@ -797,8 +797,8 @@ export function AccessControl() {
             </div>
           </div>
 
-          <div className='mt-auto flex items-center justify-end'>
-            <Button onClick={handleBackToList} variant='tertiary'>
+          <div className='mt-auto flex items-center justify-start'>
+            <Button onClick={handleBackToList} variant='default'>
               Back
             </Button>
           </div>