feat: add tooltip for category details in deal and task components

Author: ErwanDecoster

src/modules/deals/deal/buildDealDetails.tsx

@@ -53,15 +53,23 @@ export function buildDealDetails({
     }),
     ...(deal.category.catid !== undefined &&
       deal.category.workClockTimeRef !== undefined && {
-        Category: (
-          <p>
-            {deal.category.catid}{' '}
-            {deal.category.description.length < 0
-              ? deal.category.description
-              : ''}{' '}
-            ({deal.category.workClockTimeRef * 10} sec)
-          </p>
-        ),
+        Category: {
+          tooltip: (
+            <>
+              Indicates execution parameters: includes a name, an optional
+              description, and a reference time.
+            </>
+          ),
+          value: (
+            <p>
+              {deal.category.catid}{' '}
+              {deal.category.description.length < 0
+                ? deal.category.description
+                : ''}{' '}
+              ({deal.category.workClockTimeRef * 10} sec)
+            </p>
+          ),
+        },
       }),
     ...(deal.tag && {
       Tag: {

src/modules/tasks/task/buildTaskDetails.tsx

@@ -49,15 +49,23 @@ export function buildTaskDetails({ task }: { task: TaskQuery['task'] }) {
     }),
     ...(task.deal.category !== undefined &&
       task.deal.category.workClockTimeRef !== undefined && {
-        Category: (
-          <p>
-            {task.deal.category.catid}{' '}
-            {task.deal.category.description.length < 0
-              ? task.deal.category.description
-              : ''}{' '}
-            ({task.deal.category.workClockTimeRef * 10} sec)
-          </p>
-        ),
+        Category: {
+          tooltip: (
+            <>
+              Indicates execution parameters: includes a name, an optional
+              description, and a reference time.
+            </>
+          ),
+          value: (
+            <p>
+              {task.deal.category.catid}{' '}
+              {task.deal.category.description.length < 0
+                ? task.deal.category.description
+                : ''}{' '}
+              ({task.deal.category.workClockTimeRef * 10} sec)
+            </p>
+          ),
+        },
       }),
     ...(task.deal.tag && {
       Tag: {