[Chore] Upgrade deps 2025-07

package.json

@@ -20,9 +20,9 @@
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
-    "@sentry/react": "^9.22.0",
+    "@sentry/react": "^9.38.0",
     "@sentry/vite-plugin": "^3.5.0",
-    "@tanstack/react-query": "^4.36.1",
+    "@tanstack/react-query": "^4.40.1",
     "date-fns": "^2.30.0",
     "flatpickr": "^4.6.13",
     "formik": "^2.4.6",
@@ -32,12 +32,12 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-resize-observer": "^1.1.1",
-    "react-router-dom": "^6.30.0",
+    "react-router-dom": "^6.30.1",
     "react-time-ago": "^7.3.3",
     "semver": "6.3.1",
     "showdown": "^2.1.0",
-    "simplebar": "^6.3.0",
-    "styled-components": "^6.1.15",
+    "simplebar": "^6.3.2",
+    "styled-components": "^6.1.19",
     "tippy.js": "^6.3.7",
     "ts-pattern": "^3.3.5",
     "use-debounce": "^8.0.4",
@@ -47,17 +47,17 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@swc/core": "^1.11.21",
+    "@swc/core": "^1.12.14",
     "@swc/helpers": "^0.5.17",
-    "@swc/jest": "^0.2.37",
+    "@swc/jest": "^0.2.39",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
-    "@types/lodash": "^4.17.16",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/lodash": "^4.17.20",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
     "@types/showdown": "^2.0.6",
     "@types/testing-library__jest-dom": "^5.14.9",
     "@types/uuid": "^9.0.8",

src/components/common/Comment/Comment.tsx

@@ -4,8 +4,9 @@ import { faUser } from "@fortawesome/free-solid-svg-icons";
 import { P11, Stack, Avatar, TSpan } from "@deskpro/deskpro-ui";
 import { Markdown } from "../Markdown";
 import type { FC } from "react";
+import { DeskproAppTheme } from "@deskpro/app-sdk";
 
-const TimeAgo = styled(ReactTimeAgo)`
+const TimeAgo = styled(ReactTimeAgo)<DeskproAppTheme>`
     color: ${({ theme }) => theme.colors.grey80};
 `;
 

src/components/common/Link/Link.tsx

@@ -1,6 +1,7 @@
+import { DeskproAppTheme } from "@deskpro/app-sdk";
 import styled from "styled-components";
 
-const Link = styled.a`
+const Link = styled.a<DeskproAppTheme>`
   color: ${({ theme }) => theme.colors.cyan100};
   text-decoration: none;
 `;

src/components/common/LinkIcon/LinkIcon.tsx

@@ -3,8 +3,9 @@ import styled from "styled-components";
 import { Icon } from "@deskpro/deskpro-ui";
 import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
 import { Props } from "./types";
+import { DeskproAppTheme } from "@deskpro/app-sdk";
 
-const Link = styled.a`
+const Link = styled.a<DeskproAppTheme>`
     color: ${({ theme, color }) => color || theme.colors.grey40 };
 `;
 

src/components/common/TrelloLink/TrelloLink.tsx

@@ -5,7 +5,7 @@ import {
     Stack,
     RoundedLabelTag,
 } from "@deskpro/deskpro-ui";
-import { useDeskproAppTheme } from "@deskpro/app-sdk";
+import { DeskproAppTheme, useDeskproAppTheme } from "@deskpro/app-sdk";
 import { TrelloLogo } from "./TrelloLogo";
 import { Props } from "./types";
 
@@ -14,7 +14,7 @@ const Container = styled(Stack)`
   padding: 2px;
 `;
 
-const Link = styled.a`
+const Link = styled.a<DeskproAppTheme>`
     :hover {
       border-color: ${({ theme }) => (theme.colors.brandShade60)};
     };

src/components/common/TwoSider/TwoSider.tsx

@@ -2,6 +2,7 @@ import { FC } from "react";
 import styled from "styled-components";
 import { TextBlockWithLabel } from "../TextBlockWithLabel";
 import { Props as TextBlockWithLabelProps } from "../TextBlockWithLabel/types";
+import { DeskproAppTheme } from "@deskpro/app-sdk";
 
 export type Props = {
     leftLabel: TextBlockWithLabelProps["label"],
@@ -19,7 +20,7 @@ const Side = styled.div`
     width: calc(49% - 6px);
 `;
 
-const Divider = styled.div`
+const Divider = styled.div<DeskproAppTheme>`
     display: inline-block;
     width: 1px;
     height: 2em;