fix: update button styles to use ghost variant and small size (#660)

* fix: update button styles to use ghost variant and small size

* ci: apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: LadyBluenotes

src/routes/account/index.tsx

@@ -235,20 +235,32 @@ function AccountSettingsPage() {
           </div>
           <div className="flex flex-col gap-2">
             <Button
+              variant="ghost"
+              size="xs"
               onClick={() => fileInputRef.current?.click()}
               disabled={isUploading}
             >
               <Camera className="w-3.5 h-3.5" />
               {isUploading ? 'Uploading...' : 'Change photo'}
             </Button>
             {canRevert && (
-              <Button onClick={handleRevertToOAuth} disabled={isReverting}>
+              <Button
+                variant="ghost"
+                size="xs"
+                onClick={handleRevertToOAuth}
+                disabled={isReverting}
+              >
                 <RotateCcw className="w-3.5 h-3.5" />
                 {isReverting ? 'Reverting...' : 'Revert to original'}
               </Button>
             )}
             {hasAnyImage && (
-              <Button onClick={handleRemovePhoto} disabled={isRemoving}>
+              <Button
+                variant="ghost"
+                size="xs"
+                onClick={handleRemovePhoto}
+                disabled={isRemoving}
+              >
                 <Trash2 className="w-3.5 h-3.5" />
                 {isRemoving ? 'Removing...' : 'Remove photo'}
               </Button>
@@ -355,7 +367,7 @@ function AccountSettingsPage() {
         ) : null}
       </div>
       <div>
-        <Button onClick={signOut}>
+        <Button variant="ghost" size="xs" onClick={signOut}>
           <LogOut className="w-3.5 h-3.5" />
           Logout
         </Button>

src/routes/account/integrations.tsx

@@ -168,7 +168,7 @@ function IntegrationsPage() {
           </p>
         </div>
         {!isCreating && (
-          <Button onClick={() => setIsCreating(true)}>
+          <Button variant="ghost" size="xs" onClick={() => setIsCreating(true)}>
             <Plus className="w-3.5 h-3.5" />
             New Key
           </Button>

src/routes/account/submissions.tsx

@@ -108,6 +108,7 @@ function AccountSubmissionsPage() {
           View and manage your showcase submissions
         </p>
         <Button
+          size="xs"
           as={Link}
           to="/showcase/submit"
           className="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg border-none"

src/routes/admin/roles.index.tsx

@@ -422,7 +422,7 @@ function RolesPage() {
           isLoading={rolesQuery.isFetching}
           actions={
             !isCreating && (
-              <Button onClick={handleCreateRole}>
+              <Button size="xs" onClick={handleCreateRole}>
                 <Plus className="w-4 h-4" />
                 Create Role
               </Button>