feat: Ajout de la configuration des tarifs de l'école [#18]

Front-End/src/components/SidebarTabs.js

@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+
+const SidebarTabs = ({ tabs }) => {
+  const [activeTab, setActiveTab] = useState(tabs[0].id);
+
+  return (
+    <div className="w-full">
+      <div className="flex border-b-2 border-gray-200">
+        {tabs.map(tab => (
+          <button
+            key={tab.id}
+            className={`flex-1 p-4 ${activeTab === tab.id ? 'border-b-2 border-emerald-500 text-emerald-500' : 'text-gray-500 hover:text-emerald-500'}`}
+            onClick={() => setActiveTab(tab.id)}
+          >
+            {tab.label}
+          </button>
+        ))}
+      </div>
+      <div className="p-4">
+        {tabs.map(tab => (
+          <div key={tab.id} className={`${activeTab === tab.id ? 'block' : 'hidden'}`}>
+            {tab.content}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default SidebarTabs;