Move dep to correct place

web/apps/photos/package.json

@@ -27,7 +27,6 @@
         "piexifjs": "^1.0.6",
         "pure-react-carousel": "^1.30.1",
         "react-dropzone": "^14.2",
-        "react-otp-input": "^3.1.1",
         "react-select": "^5.8.0",
         "react-top-loading-bar": "^2.3.1",
         "react-virtualized-auto-sizer": "^1.0",

web/docs/dependencies.md

@@ -132,7 +132,7 @@ with Next.js.
 
 For more details, see [translations.md](translations.md).
 
-### Others
+### Other UI components
 
 -   [formik](https://github.com/jaredpalmer/formik) provides an easier to use
     abstraction for dealing with form state, validation and submission states
@@ -140,6 +140,9 @@ For more details, see [translations.md](translations.md).
 
 -   [react-select](https://react-select.com/) is used for search dropdowns.
 
+-   [react-otp-input](https://github.com/devfolioco/react-otp-input) is used to
+    render a segmented OTP input field for 2FA authentication.
+
 ## Utilities
 
 -   [comlink](https://github.com/GoogleChromeLabs/comlink) provides a minimal
@@ -206,9 +209,6 @@ For more details, see [translations.md](translations.md).
 -   [pure-react-carousel](https://github.com/express-labs/pure-react-carousel)
     is used for the feature carousel on the welcome (login / signup) screen.
 
--   [react-otp-input](https://github.com/devfolioco/react-otp-input) is used to
-    render a segmented OTP input field.
-
 ## Auth app specific
 
 -   [otpauth](https://github.com/hectorm/otpauth) is used for the generation of

web/packages/accounts/package.json

@@ -5,6 +5,7 @@
     "dependencies": {
         "@/base": "*",
         "@ente/eslint-config": "*",
-        "@ente/shared": "*"
+        "@ente/shared": "*",
+        "react-otp-input": "^3.1.1"
     }
 }