fix: Add flex-shrink utility to buttons and profile elements for better layout consistency

app/components/auth/sign-button.tsx

@@ -40,7 +40,7 @@ export function SignButton() {
         )}
         <span className="text-sm">{session.user.name}</span>
       </Link>
-      <Button onClick={() => signOut({ callbackUrl: "/" })} variant="outline">
+      <Button onClick={() => signOut({ callbackUrl: "/" })} variant="outline" className="flex-shrink-0">
         登出
       </Button>
     </div>

app/components/profile/profile-card.tsx

@@ -34,7 +34,7 @@ export function ProfileCard({ user }: ProfileCardProps) {
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-2">
               <h2 className="text-xl font-bold truncate">{user.name}</h2>
-              <div className="flex items-center gap-1 text-xs text-primary bg-primary/10 px-2 py-0.5 rounded-full">
+              <div className="flex items-center gap-1 text-xs text-primary bg-primary/10 px-2 py-0.5 rounded-full flex-shrink-0">
                 <Github className="w-3 h-3" />
                 已关联
               </div>

app/components/profile/webhook-config.tsx

@@ -128,7 +128,7 @@ export function WebhookConfig() {
                 type="url"
                 required
               />
-              <Button type="submit" disabled={loading} className="w-20">
+              <Button type="submit" disabled={loading} className="flex-shrink-0">
                 {loading ? (
                   <Loader2 className="w-4 h-4 animate-spin" />
                 ) : (