Move External Login form into the UI

src/features/external-login/index.tsx

@@ -1,10 +1,17 @@
 import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import { BigCard } from 'soapbox/components/big-card';
 
 import ExternalLoginForm from './components/external-login-form';
 
 /** Page for logging into a remote instance */
 const ExternalLoginPage: React.FC = () => {
-  return <ExternalLoginForm />;
+  return (
+    <BigCard title={<FormattedMessage id='login_form.header' defaultMessage='Sign In' />}>
+      <ExternalLoginForm />
+    </BigCard>
+  );
 };
 
 export default ExternalLoginPage;

src/features/ui/index.tsx

@@ -138,6 +138,7 @@ import {
   PasswordReset,
   PasswordResetConfirm,
   RegisterInvite,
+  ExternalLogin,
 } from './util/async-components';
 import GlobalHotkeys from './util/global-hotkeys';
 import { WrappedRoute } from './util/react-router-helpers';
@@ -361,6 +362,8 @@ const SwitchingColumnsArea: React.FC<ISwitchingColumnsArea> = ({ children }) =>
         <WrappedRoute path='/signup' page={DefaultPage} component={RegistrationPage} publicRoute exact />
       )}
 
+      <WrappedRoute path='/login/external' page={DefaultPage} component={ExternalLogin} publicRoute exact />
+      <WrappedRoute path='/login/add' page={DefaultPage} component={LoginPage} publicRoute exact />
       <WrappedRoute path='/login' page={DefaultPage} component={LoginPage} publicRoute exact />
       <WrappedRoute path='/reset-password' page={DefaultPage} component={PasswordReset} publicRoute exact />
       <WrappedRoute path='/edit-password' page={DefaultPage} component={PasswordResetConfirm} publicRoute exact />