Enregistrement et affichage d'un flux d'évènements

- Ajout d'une nouvelle entité "Event"
- Affichage d'une "timeline" sur le tableau de bord
- Création semi-automatique des évènements lors des modifications par
  les utilisateurs

client/src/components/DashboardPage/Dashboard.tsx

@@ -1,29 +1,35 @@
 import React from 'react';
 import { WorkgroupsPanel } from './WorkgroupsPanel';
 import { DecisionSupportFilePanel } from './DecisionSupportFilePanel';
+import { Timeline } from '../Timeline';
+import { useEvents } from '../../gql/queries/event';
+
+const from = new Date();
+from.setDate(from.getDate() - 7);
 
 export function Dashboard() {
+  const { events } = useEvents({
+    variables: {
+      filter: {
+        from,
+      }
+    }
+  });
+
   return (
     <div className="columns">
-      <div className="column is-6">
+      <div className="column is-5">
+        <div className="box">
+          <h3 className="is-size-3 mb-3">Ces 7 derniers jours</h3>
+          <Timeline events={events} />
+        </div>
+      </div>
+      <div className="column is-4">
         <DecisionSupportFilePanel />
       </div>
       <div className="column is-3">
         <WorkgroupsPanel />
       </div>
-      <div className="column is-3">
-        <div className="box">
-          <div className="level">
-            <div className="level-left">
-              <h3 className="is-size-3 subtitle level-item">Assemblées</h3>
-            </div>
-            <div className="level-right">
-              <button disabled className="button is-primary level-item"><i className="fa fa-plus"></i></button>
-            </div>
-          </div>
-          <pre>TODO</pre>
-        </div>
-      </div>
     </div>
   );
 }