feat: paginate and merge frequent activities (#274)

* feat: paginate and merge frequent activities

* feat: due date activities

* fix: requested changes fixes

* refactor: slight reshuffle and improve types

* chore: translations

---------

Co-authored-by: Henry <henry_ball@hotmail.co.uk>

apps/web/src/views/card/index.tsx

@@ -17,6 +17,7 @@ import { useModal } from "~/providers/modal";
 import { usePopup } from "~/providers/popup";
 import { useWorkspace } from "~/providers/workspace";
 import { api } from "~/utils/api";
+import { invalidateCard } from "~/utils/cardInvalidation";
 import { formatMemberDisplayName, getAvatarUrl } from "~/utils/helpers";
 import { DeleteLabelConfirmation } from "../../components/DeleteLabelConfirmation";
 import ActivityList from "./components/ActivityList";
@@ -178,7 +179,6 @@ export default function CardPage({ isTemplate }: { isTemplate?: boolean }) {
 
   const board = card?.list.board;
   const boardId = board?.publicId;
-  const activities = card?.activities;
 
   const updateCard = api.card.update.useMutation({
     onError: () => {
@@ -189,7 +189,7 @@ export default function CardPage({ isTemplate }: { isTemplate?: boolean }) {
       });
     },
     onSettled: async () => {
-      await utils.card.byId.invalidate({ cardPublicId: cardId });
+      if (cardId) await invalidateCard(utils, cardId);
     },
   });
 
@@ -388,7 +388,6 @@ export default function CardPage({ isTemplate }: { isTemplate?: boolean }) {
                     <div>
                       <ActivityList
                         cardPublicId={cardId}
-                        activities={activities ?? []}
                         isLoading={!card}
                         isAdmin={workspace.role === "admin"}
                       />