Add graph showing motion and object activity to history timeline desktop view (#9184)

* Add timeline graph component

* Add more custom colors and improve graph

* Add api and data

* Fix data sorting

* Add graph to timeline

* Only show timeline for selected hour

* Make data full range

web/src/components/card/HistoryCard.tsx

@@ -59,7 +59,7 @@ export default function HistoryCard({
           </div>
           <Button className="px-2 py-2" variant="ghost" size="xs">
             <LuTrash
-              className="w-5 h-5 stroke-red-500"
+              className="w-5 h-5 stroke-danger"
               onClick={(e: Event) => {
                 e.stopPropagation();