add notice about backends not syncing

src/assets/locales/en.json

@@ -1144,7 +1144,8 @@
           "link": "Migrate my data"
         },
         "documentation": "Backend documentation",
-        "error": "Error connecting to backend"
+        "error": "Error connecting to backend",
+        "notice": "Your account does NOT sync between backends, so remember which one you use!"
       },
       "setup": {
         "doSetup": "Do setup",

src/pages/Login.tsx

@@ -72,6 +72,9 @@ export function LoginPage() {
             showCustom
           />
           <LargeCardButtons>
+            <span className="text-type-danger font-medium text-center">
+              {t("settings.connections.server.notice")}
+            </span>
             <Button
               theme="purple"
               onClick={handleContinue}

src/pages/Register.tsx

@@ -79,6 +79,9 @@ export function RegisterPage() {
               showCustom
             />
             <LargeCardButtons>
+              <span className="text-type-danger font-medium text-center">
+                {t("settings.connections.server.notice")}
+              </span>
               <Button
                 theme="purple"
                 onClick={() => {