Resolve dependency issues and update main renderer version to 0.44.4

apps/smart-forms-app/package.json

@@ -28,7 +28,7 @@
   "dependencies": {
     "@aehrc/sdc-assemble": "^1.3.1",
     "@aehrc/sdc-populate": "^2.3.1",
-    "@aehrc/smart-forms-renderer": "^0.44.2",
+    "@aehrc/smart-forms-renderer": "^0.44.4",
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
     "@fontsource/material-icons": "^5.0.18",
@@ -65,7 +65,7 @@
     "react-helmet": "^6.1.0",
     "react-json-tree": "^0.19.0",
     "react-markdown": "^8.0.7",
-    "react-router-dom": "6.18.0",
+    "react-router-dom": "6.29.0",
     "react-spinners": "^0.13.8",
     "react-to-print": "^2.14.15",
     "simplebar-react": "^3.2.4",
@@ -74,17 +74,8 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.5.0",
-    "@playwright/test": "^1.44.1",
+    "@playwright/test": "^1.49.1",
     "@sentry/cli": "^2.36.2",
-    "@storybook/addon-essentials": "^8.0.6",
-    "@storybook/addon-interactions": "^8.3.3",
-    "@storybook/addon-links": "^8.0.3",
-    "@storybook/addon-onboarding": "^8.0.0",
-    "@storybook/addon-styling": "^1.3.7",
-    "@storybook/blocks": "^8.3.3",
-    "@storybook/react": "^8.3.3",
-    "@storybook/react-vite": "^7.4.5",
-    "@storybook/testing-library": "^0.2.1",
     "@tanstack/react-query-devtools": "^4.35.3",
     "@types/fhir": "^0.0.38",
     "@types/he": "^1.2.3",
@@ -108,7 +99,7 @@
     "storybook": "^7.5.3",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2",
-    "vite": "^4.5.5",
+    "vite": "^5.4.14",
     "vite-plugin-svgr": "^4.2.0",
     "yui-lint": "^0.2.0"
   },

apps/smart-forms-app/src/features/renderer/components/RendererNav/BlockerUnsavedFormDialog.tsx

@@ -16,7 +16,7 @@
  */
 
 import { useState } from 'react';
-import type { unstable_Blocker as Blocker } from 'react-router-dom';
+import type { Blocker } from 'react-router-dom';
 import { useNavigate } from 'react-router-dom';
 import {
   Button,

apps/smart-forms-app/src/features/renderer/hooks/useBlocker.ts

@@ -16,8 +16,7 @@
  */
 
 import { useLayoutEffect } from 'react';
-import type { unstable_Blocker as Blocker } from 'react-router';
-import { unstable_useBlocker as useBlocker } from 'react-router';
+import { Blocker, useBlocker } from 'react-router-dom';
 import { useQuestionnaireResponseStore } from '@aehrc/smart-forms-renderer';
 
 function useLeavePageBlocker(): Blocker {