Add new template design

package.json

@@ -13,11 +13,11 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "6.5.1",
+    "@fortawesome/free-brands-svg-icons": "6.5.1",
     "@fortawesome/free-solid-svg-icons": "6.5.1",
-    "@fortawesome/react-fontawesome": "0.2.2",
     "@multiversx/sdk-core": "14.2.6",
-    "@multiversx/sdk-dapp": "^5.x",
-    "@multiversx/sdk-dapp-ui": "^0.x",
+    "@multiversx/sdk-dapp": "5.1.3",
+    "@multiversx/sdk-dapp-ui": "0.0.27",
     "@multiversx/sdk-dapp-utils": "2.0.2",
     "@solidjs/router": "0.13.6",
     "axios": "^1.10.0",
@@ -26,11 +26,19 @@
     "immer": "10.1.1",
     "moment": "2.29.4",
     "solid-fa": "0.2.0",
-    "solid-js": "1.8.11"
+    "solid-js": "1.8.11",
+    "vite-plugin-svgr": "^4.5.0"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "4.0.17",
+    "@tailwindcss/postcss": "4.1.3",
+    "@tailwindcss/vite": "4.1.11",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@types/jest": "^29.5.13",
     "@typescript-eslint/eslint-plugin": "6.7.0",
     "@typescript-eslint/parser": "6.7.0",
+    "@vitejs/plugin-basic-ssl": "^1.1.0",
+    "autoprefixer": "^10.4.19",
     "eslint": "8.50.0",
     "eslint-config-prettier": "9.0.0",
     "eslint-config-standard": "17.1.0",
@@ -40,21 +48,19 @@
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-promise": "6.1.1",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@types/jest": "^29.5.13",
-    "@vitejs/plugin-basic-ssl": "^1.1.0",
-    "autoprefixer": "^10.4.19",
     "jest": "^29.7.0",
     "postcss": "^8.4.39",
+    "prettier": "3.2.5",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "solid-devtools": "^0.30.1",
-    "tailwindcss": "^3.4.4",
+    "tailwindcss": "4.0.15",
     "typescript": "^5.3.3",
     "vite": "^5.0.11",
     "vite-plugin-externalize-deps": "^0.8.0",
     "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-solid": "^2.10.2",
     "vite-plugin-solid-svg": "^0.8.1",
-    "vite-tsconfig-paths": "^4.3.2",
-    "prettier": "3.2.5"
+    "vite-tsconfig-paths": "^4.3.2"
   }
 }

postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+    '@tailwindcss/postcss': {},
+    autoprefixer: {}
+  }
+};