Interface de gestion des groupes de travail

- Récupération et affichage des groupes existants
- Création d'un nouveau groupe
- Modification d'un groupe existant
- Rejoindre/quitter un groupe de travail

client/src/components/HomePage/Dashboard.tsx

@@ -1,25 +1,20 @@
-import React from 'react';
+import React, { useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { fetchWorkgroups } from '../../store/actions/workgroups';
+import { RootState } from '../../store/reducers/root';
+import { WorkgroupsPanel } from './WorkgroupsPanel';
 
 export function Dashboard() {
   return (
     <div className="columns">
       <div className="column">
-        <div className="box">
-          <div className="level">
-            <div className="level-left">
-              <h3 className="is-size-3 subtitle level-item">Groupes de travail</h3>
-            </div>
-            <div className="level-right">
-              <button className="button is-primary level-item"><i className="fa fa-plus"></i></button>
-            </div>
-          </div>
-        </div>
+        <WorkgroupsPanel />
       </div>
       <div className="column">
         <div className="box">
           <div className="level">
             <div className="level-left">
-              <h3 className="is-size-3 subtitle level-item">D.à.Ds</h3>
+              <h3 className="is-size-3 subtitle level-item">D.A.Ds</h3>
             </div>
             <div className="level-right">
               <button disabled className="button is-primary level-item"><i className="fa fa-plus"></i></button>