refactor: 優化使用者管理介面與角色顯示

- 移除 Header 中的角色名稱顯示
- 調整使用者表單欄位順序（使用者名稱、姓名並排）
- 將角色分配區塊移至基本資料下方
- 修復 email 欄位 null 值警告
- 修復角色選擇無限迴圈錯誤
- 統一角色顯示格式（中文名稱在上，代號在下）

resources/js/Layouts/AuthenticatedLayout.tsx

@@ -352,11 +352,6 @@ export default function AuthenticatedLayout({
                             </span>
                             <span className="text-xs text-slate-500">
                                 {user.username || 'Administrator'}
-                                {user.roles && user.roles.length > 0 && (
-                                    <span className="block text-[10px] text-primary-main">
-                                        [{user.roles.join(', ')}]
-                                    </span>
-                                )}
                             </span>
                         </div>
                         <div className="h-9 w-9 bg-slate-100 rounded-full flex items-center justify-center text-slate-600 group-hover:bg-primary-lightest group-hover:text-primary-main transition-all">