refactor: Création de composants et uniformisation des modales (#2)

Front-End/src/components/RadioList.js

@@ -0,0 +1,39 @@
+import React from 'react';
+
+const RadioList = ({ items, formData, handleChange, fieldName, label, icon: Icon, className, itemLabelFunc}) => {
+    return (
+        <div className={`mb-4 ${className}`}>
+            <label className="block text-sm font-medium text-gray-700 flex items-center">
+                {Icon && <Icon className="w-5 h-5 mr-2" />}
+                {label}
+            </label>
+            <div className="mt-2 grid grid-cols-1 gap-4">
+                {items.map(item => (
+                    <div key={item.id} className="flex items-center">
+                        <input
+                            type="radio"
+                            id={`${fieldName}-${item.id}`}
+                            name={fieldName}
+                            value={item.id}
+                            checked={formData[fieldName] === item.id}
+                            onChange={handleChange}
+                            className="form-radio h-4 w-4 text-emerald-600 focus:ring-emerald-500 hover:ring-emerald-400 checked:bg-emerald-600"
+                        />
+                        <label htmlFor={`${fieldName}-${item.id}`} className="ml-2 block text-sm text-gray-900 flex items-center">
+                            {itemLabelFunc(item)}
+                            {item.codeCouleur && (
+                                <div
+                                    className="w-4 h-4 rounded-full ml-2"
+                                    style={{ backgroundColor: item.codeCouleur }}
+                                    title={item.codeCouleur}
+                                ></div>
+                            )}
+                        </label>
+                    </div>
+                ))}
+            </div>
+        </div>
+    );
+};
+
+export default RadioList;