fix: use consistent react and node type versions

apps/accounts/package.json

@@ -9,17 +9,9 @@
         "lint": "next lint",
         "export": "next export"
     },
-    "dependencies": {
-        "react": "^18",
-        "react-dom": "^18",
-        "next": "14.0.4"
-    },
+    "dependencies": {},
     "devDependencies": {
-        "typescript": "^5",
-        "@types/node": "^20",
-        "@types/react": "^18",
-        "@types/react-dom": "^18",
-        "eslint": "^8",
-        "eslint-config-next": "14.0.4"
+        "@types/node": "^14.6.4",
+        "@types/react": "^16.9.49"
     }
 }

apps/accounts/src/pages/_app.tsx

@@ -20,13 +20,13 @@ import {
 } from '@ente/shared/components/DialogBoxV2/types';
 import DialogBoxV2 from '@ente/shared/components/DialogBoxV2';
 
-export const AppContext = createContext(
-    {} as {
-        isMobile: boolean;
-        showNavBar: (show: boolean) => void;
-        setDialogBoxAttributesV2: SetDialogBoxAttributesV2;
-    }
-);
+interface AppContextProps {
+    isMobile: boolean;
+    showNavBar: (show: boolean) => void;
+    setDialogBoxAttributesV2: SetDialogBoxAttributesV2;
+}
+
+export const AppContext = createContext<AppContextProps>({} as AppContextProps);
 
 // Client-side cache, shared for the whole session of the user in the browser.
 const clientSideEmotionCache = createEmotionCache();

apps/accounts/src/pages/passkeys/flow/index.tsx

@@ -164,7 +164,7 @@ const PasskeysFlow = () => {
                             padding: '1rem',
                         }}>
                         <InfoIcon />
-                        <Typography fontWeight="bold" variant="h4">
+                        <Typography fontWeight="bold" variant="h1">
                             {t('PASSKEY_LOGIN_FAILED')}
                         </Typography>
                         <Typography marginTop="1rem">
@@ -189,7 +189,7 @@ const PasskeysFlow = () => {
                             padding: '1rem',
                         }}>
                         <InfoIcon />
-                        <Typography fontWeight="bold" variant="h4">
+                        <Typography fontWeight="bold" variant="h1">
                             {t('PASSKEY_LOGIN_FAILED')}
                         </Typography>
                         <Typography marginTop="1rem">
@@ -228,7 +228,7 @@ const PasskeysFlow = () => {
                             padding: '1rem',
                         }}>
                         <InfoIcon />
-                        <Typography fontWeight="bold" variant="h4">
+                        <Typography fontWeight="bold" variant="h1">
                             {t('LOGIN_WITH_PASSKEY')}
                         </Typography>
                         <Typography marginTop="1rem">