feat(web): mobile-friendly (responsive) preferences UI (#1234)

packages/web/package.json

@@ -25,6 +25,7 @@
     "@babel/plugin-transform-react-jsx": "^7.17.3",
     "@babel/preset-env": "*",
     "@babel/preset-typescript": "^7.16.7",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@types/jest": "^27.5.1",
     "@types/react": "^17.0.42",
     "@types/react-dom": "^18.0.5",
@@ -50,6 +51,7 @@
     "postcss-loader": "^7.0.0",
     "prettier": "*",
     "prettier-plugin-tailwindcss": "^0.1.11",
+    "react-refresh": "^0.14.0",
     "sass-loader": "*",
     "svg-jest": "^1.0.1",
     "tailwindcss": "^3.1.4",