feat: 更新 FriendsSection 和 PageSwitcher 组件的样式，使按钮和内容居中对齐

src/components/FriendsSection.vue

@@ -148,6 +148,7 @@ h2 {
 }
 .actions {
     display: flex;
+    justify-content: center;
     align-items: center;
     gap: 10px;
     margin-bottom: 10px;
@@ -205,7 +206,7 @@ h2 {
     display: flex;
     align-items: center;
     gap: 10px;
-    justify-content: flex-end;
+    justify-content: center;
 }
 .form-actions .primary {
     min-width: 120px;

src/components/PageSwitcher.vue

@@ -82,7 +82,7 @@ button:disabled {
         grid-template-columns: 1fr;
     }
     .dots {
-        justify-content: flex-start;
+        justify-content: center;
     }
 }
 </style>