Redirect all /auth routes

app/soapbox/components/sidebar_menu.tsx

@@ -285,7 +285,7 @@ const SidebarMenu: React.FC = (): JSX.Element | null => {
                 <hr />
 
                 <SidebarLink
-                  to='/auth/sign_out'
+                  to='/logout'
                   icon={require('@tabler/icons/icons/logout.svg')}
                   text={intl.formatMessage(messages.logout)}
                   onClick={onClickLogOut}

app/soapbox/features/auth_login/components/logout.tsx

@@ -0,0 +1,28 @@
+import React, { useEffect, useState } from 'react';
+import { useIntl } from 'react-intl';
+import { useDispatch } from 'react-redux';
+import { Redirect } from 'react-router-dom';
+
+import { logOut } from 'soapbox/actions/auth';
+import { Spinner } from 'soapbox/components/ui';
+
+/** Component that logs the user out when rendered */
+const Logout: React.FC = () => {
+  const intl = useIntl();
+  const dispatch = useDispatch();
+  const [done, setDone] = useState(false);
+
+  useEffect(() => {
+    (dispatch(logOut(intl)) as any)
+      .then(() => setDone(true))
+      .catch(console.warn);
+  });
+
+  if (done) {
+    return <Redirect to='/' />;
+  } else {
+    return <Spinner />;
+  }
+};
+
+export default Logout;

app/soapbox/features/ui/components/link_footer.tsx

@@ -59,7 +59,7 @@ const LinkFooter: React.FC = (): JSX.Element => {
           {(features.federating && features.accountMoving) && (
             <FooterLink to='/settings/migration'><FormattedMessage id='navigation_bar.account_migration' defaultMessage='Move account' /></FooterLink>
           )}
-          <FooterLink to='/auth/sign_out' onClick={onClickLogOut}><FormattedMessage id='navigation_bar.logout' defaultMessage='Logout' /></FooterLink>
+          <FooterLink to='/logout' onClick={onClickLogOut}><FormattedMessage id='navigation_bar.logout' defaultMessage='Logout' /></FooterLink>
         </>}
       </div>
 

app/soapbox/features/ui/components/profile-dropdown.tsx

@@ -87,7 +87,7 @@ const ProfileDropdown: React.FC<IProfileDropdown> = ({ account, children }) => {
 
     menu.push({
       text: intl.formatMessage(messages.logout, { acct: account.acct }),
-      to: '/auth/sign_out',
+      to: '/logout',
       action: handleLogOut,
       icon: require('@tabler/icons/icons/logout.svg'),
     });