這集我們要用React實作角色管理的前端管理功能，讓每個角色可以對應多個設備。
使用者可以在畫面上新增或編輯角色，並透過多選清單一次指派多台設備，所有資料都會同步送到後端 API。
畫面設計上延續使用者管理的風格，表單與表格合併在同一頁面，設備選擇部分用 select multiple 呈現，不需要額外套件也能支援大量設備的操作需求。
在程式部分，會說明如何取得角色與設備資料，如何維持選取狀態、送出修改，以及如何處理 token 驗證與 API 串接。
這是一個實用且完整的前端整合範例，非常適合用來打造進階的權限管理系統。
00:00 功能說明
00:22 角色查詢
03:20 角色新增、修改、刪除
06:47 角色表單建立
09:18 角色管理測試
