add icon for create space

src/components/createspace/CreateSpace.jsx

@@ -9,22 +9,84 @@ import {
   PiBooks,
   PiStudent,
   PiFlask,
-  PiFunction,
-  PiChartBar,
+  PiCode,
+  PiGlobe,
+  PiMusicNotes,
+  PiPalette,
+  PiCamera,
+  PiGameController,
+  PiHeart,
+  PiStar,
+  PiRocket,
+  PiBrain,
+  PiCalculator,
+  PiCalendar,
+  PiUsers,
+  PiTrophy,
+  PiFlag,
+  PiSun,
+  PiMoon,
+  PiCloud,
+  PiHouse,
+  PiCar,
+  PiAirplane,
+  PiBasketball,
+  PiGuitar,
+  PiPhone,
+  PiLaptop,
+  PiCoffee,
+  PiPizza,
+  PiFirstAid,
+  PiLockKey,
+  PiMoney,
+  PiGift,
+  PiFire,
+  PiSnowflake,
 } from "react-icons/pi";
 import { cancelCreateSpace } from "../../store/slices/appSlice";
 
 const spaceIcons = [
-  { id: "graduation", icon: PiGraduationCap },
-  { id: "robot", icon: PiRobot },
-  { id: "folder", icon: PiFolder },
-  { id: "pencil", icon: PiPencil },
-  { id: "computer", icon: PiComputerTower },
-  { id: "books", icon: PiBooks },
-  { id: "student", icon: PiStudent },
-  { id: "flask", icon: PiFlask },
-  { id: "function", icon: PiFunction },
-  { id: "chart", icon: PiChartBar },
+  { id: "graduation", icon: PiGraduationCap, label: "Tốt nghiệp" },
+  { id: "robot", icon: PiRobot, label: "Robot" },
+  { id: "folder", icon: PiFolder, label: "Thư mục" },
+  { id: "pencil", icon: PiPencil, label: "Bút chì" },
+  { id: "computer", icon: PiComputerTower, label: "Máy tính" },
+  { id: "books", icon: PiBooks, label: "Sách" },
+  { id: "student", icon: PiStudent, label: "Học sinh" },
+  { id: "flask", icon: PiFlask, label: "Thí nghiệm" },
+  { id: "code", icon: PiCode, label: "Lập trình" },
+  { id: "globe", icon: PiGlobe, label: "Thế giới" },
+  { id: "music", icon: PiMusicNotes, label: "Âm nhạc" },
+  { id: "palette", icon: PiPalette, label: "Mỹ thuật" },
+  { id: "camera", icon: PiCamera, label: "Nhiếp ảnh" },
+  { id: "game", icon: PiGameController, label: "Game" },
+  { id: "heart", icon: PiHeart, label: "Yêu thích" },
+  { id: "star", icon: PiStar, label: "Ngôi sao" },
+  { id: "rocket", icon: PiRocket, label: "Tên lửa" },
+  { id: "brain", icon: PiBrain, label: "Trí tuệ" },
+  { id: "calculator", icon: PiCalculator, label: "Máy tính" },
+  { id: "calendar", icon: PiCalendar, label: "Lịch" },
+  { id: "users", icon: PiUsers, label: "Nhóm" },
+  { id: "trophy", icon: PiTrophy, label: "Cúp" },
+  { id: "flag", icon: PiFlag, label: "Cờ" },
+  { id: "sun", icon: PiSun, label: "Mặt trờii" },
+  { id: "moon", icon: PiMoon, label: "Mặt trăng" },
+  { id: "cloud", icon: PiCloud, label: "Mây" },
+  { id: "house", icon: PiHouse, label: "Nhà" },
+  { id: "car", icon: PiCar, label: "Xe hơi" },
+  { id: "airplane", icon: PiAirplane, label: "Máy bay" },
+  { id: "basketball", icon: PiBasketball, label: "Bóng rổ" },
+  { id: "guitar", icon: PiGuitar, label: "Guitar" },
+  { id: "phone", icon: PiPhone, label: "Điện thoại" },
+  { id: "laptop", icon: PiLaptop, label: "Laptop" },
+  { id: "coffee", icon: PiCoffee, label: "Cà phê" },
+  { id: "pizza", icon: PiPizza, label: "Pizza" },
+  { id: "firstaid", icon: PiFirstAid, label: "Sơ cứu" },
+  { id: "lock", icon: PiLockKey, label: "Khóa" },
+  { id: "money", icon: PiMoney, label: "Tiền" },
+  { id: "gift", icon: PiGift, label: "Quà" },
+  { id: "fire", icon: PiFire, label: "Lửa" },
+  { id: "snowflake", icon: PiSnowflake, label: "Bông tuyết" },
 ];
 
 function CreateSpace() {