Persist page state in session storage, fix wording

Signed-off-by: Radoslaw Szwajkowski <[email protected]>

Author: rszwajko

client/public/locales/en/translation.json

@@ -55,7 +55,7 @@
     "selectNone": "Select none",
     "selectPage": "Select page",
     "submitReview": "Submit review",
-    "taskDetails": "Task {{taskId}}",
+    "taskDetails": "Task details",
     "unlink": "Unlink",
     "view": "View",
     "viewErrorReport": "View error report",
@@ -485,7 +485,8 @@
   "titles": {
     "archetypeDrawer": "Archetype details",
     "taskManager": "Task Manager",
-    "task": "Task"
+    "task": "Task",
+    "taskWithId": "Task {{taskId}}"
   },
   "toastr": {
     "success": {

client/src/app/pages/applications/applications-table/applications-table.tsx

@@ -319,7 +319,12 @@ export const ApplicationsTable: React.FC = () => {
     isSortEnabled: true,
     isPaginationEnabled: true,
     isActiveItemEnabled: true,
-    persistTo: { activeItem: "urlParams" },
+    persistTo: {
+      activeItem: "urlParams",
+      filter: "sessionStorage",
+      pagination: "sessionStorage",
+      sort: "sessionStorage",
+    },
     isLoading: isFetchingApplications,
     sortableColumns: ["name", "businessService", "tags", "effort"],
     initialSort: { columnKey: "name", direction: "asc" },

client/src/app/pages/tasks/TaskDetails.tsx

@@ -19,7 +19,7 @@ export const TaskDetails = () => {
           path: Paths.tasks,
         },
         {
-          title: t("actions.taskDetails", { taskId }),
+          title: t("titles.taskWithId", { taskId }),
           path: detailsPath,
         },
       ]}

client/src/app/pages/tasks/tasks-page.tsx

@@ -61,7 +61,11 @@ export const TasksPage: React.FC = () => {
 
   const tableControlState = useTableControlState({
     tableName: "tasks-table",
-    persistTo: { filter: "urlParams" },
+    persistTo: {
+      filter: "urlParams",
+      pagination: "sessionStorage",
+      sort: "sessionStorage",
+    },
     persistenceKeyPrefix: TablePersistenceKeyPrefix.tasks,
     columnNames: {
       id: "ID",