Update dependencies and adjust AddTabButton styles

Bump multiple dependencies including React, Electron, ESLint, TypeScript, and Webpack to latest versions for improved stability and compatibility. Adjust AddTabButton styles in tabbar and tabs components to refine button positioning.

Author: s3nix-sys

package.json

@@ -1,6 +1,6 @@
 {
   "name": "syra",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "A beautiful fast custom Electron web browser built with react, styled components, typescript and electron.",
   "author": "Revalex Technologies <revalextechnologies@gmail.com>",
   "main": "build/main.bundle.js",
@@ -31,24 +31,24 @@
     "@babel/preset-env": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@eslint/js": "^9.39.1",
+    "@eslint/js": "^9.39.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
     "@svgr/webpack": "^8.1.0",
-    "@types/node": "^24.10.1",
+    "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/react-refresh": "^0.14.7",
-    "@typescript-eslint/eslint-plugin": "^8.48.1",
-    "@typescript-eslint/parser": "^8.48.1",
+    "@typescript-eslint/eslint-plugin": "^8.50.0",
+    "@typescript-eslint/parser": "^8.50.0",
     "babel-loader": "^10.0.0",
     "concurrently": "^9.2.1",
     "copy-webpack-plugin": "^13.0.1",
     "cross-env": "^10.1.0",
     "css-loader": "^7.1.2",
-    "electron": "^39.2.6",
+    "electron": "^39.2.7",
     "electron-builder": "26.0.12",
     "electron-updater": "6.6.2",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
@@ -57,17 +57,17 @@
     "global": "^4.4.0",
     "html-webpack-plugin": "^5.6.5",
     "prettier": "^3.7.4",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-refresh": "^0.18.0",
     "style-loader": "^4.0.0",
     "styled-components": "^6.1.19",
     "ts-loader": "^9.5.4",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.48.1",
+    "typescript-eslint": "^8.50.0",
     "wait-on": "^9.0.3",
-    "webpack": "^5.103.0",
+    "webpack": "^5.104.1",
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.2"
   }

src/renderer/views/app/components/tabbar/style.ts

@@ -30,6 +30,7 @@ export const TabbarContainer = styled.div`
 export const AddTabButton = styled(NavButton)`
   margin-top: 6px;
   margin-left: -2.3px;
+  transform: translate(-2px, -2.3px);
   width: 26px;
   min-width: 26px;
   height: 26px;

src/renderer/views/app/components/tabs/style.ts

@@ -333,6 +333,7 @@ export const AddTabButton = styled.div`
   background-repeat: no-repeat;
   background-size: 18px;
   background-position: center;
+  transform: translate(-1px, -7px);
   opacity: 0.54;
 
   &:hover {