🔄🔐 refactor: auth; style: match OpenAI; feat: custom social login order (#1421)

* refactor(Login & Registration)

* fix(Registration) test errors

* refactor(LoginForm & ResetPassword)

* fix(LoginForm): display 'undefined' when loading page; style(SocialButton): match OpenAI's graphics

* some refactor and style update for social logins

* style: width like OpenAI; feat: custom social login order; refactor: alphabetical socials

* fix(Registration & Login) test

* Update .env.example

* Update .env.example

* Update dotenv.md

* refactor: remove `SOCIAL_LOGIN_ORDER` for `socialLogins` configured from `librechat.yaml`
- initialized by AppService, attached as app.locals property
- rename socialLoginOrder and loginOrder to socialLogins app-wide for consistency
- update types and docs
- initialize config variable as array and not singular string to parse
- bump data-provider to 0.3.9

---------

Co-authored-by: Danny Avila <messagedaniel@protonmail.com>

api/server/services/AppService.js

@@ -10,7 +10,15 @@ const paths = require('~/config/paths');
  * @param {Express.Application} app - The Express application object.
  */
 const AppService = async (app) => {
+  /** @type {TCustomConfig}*/
   const config = (await loadCustomConfig()) ?? {};
+  const socialLogins = config.registration.socialLogins ?? [
+    'google',
+    'facebook',
+    'openid',
+    'github',
+    'discord',
+  ];
   const fileStrategy = config.fileStrategy ?? FileSources.local;
   process.env.CDN_PROVIDER = fileStrategy;
 
@@ -19,6 +27,7 @@ const AppService = async (app) => {
   }
 
   app.locals = {
+    socialLogins,
     fileStrategy,
     paths,
   };

api/server/services/Config/loadCustomConfig.js

@@ -11,7 +11,7 @@ const configPath = path.resolve(projectRoot, 'librechat.yaml');
  * Load custom configuration files and caches the object if the `cache` field at root is true.
  * Validation via parsing the config file with the config schema.
  * @function loadCustomConfig
- * @returns {Promise<null | Object>} A promise that resolves to null or the custom config object.
+ * @returns {Promise<TCustomConfig | null>} A promise that resolves to null or the custom config object.
  * */
 
 async function loadCustomConfig() {