Add remote fediverse follow modal. Closes #1862

web/components/modals/Follow/FollowModal.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-unescaped-entities */
 import { Input, Button, Alert, Spin, Space } from 'antd';
 import { useState } from 'react';
 import s from './FollowModal.module.scss';
@@ -77,10 +78,10 @@ export default function FollowModal(props: Props) {
     <Space direction="vertical">
       <div className={s.header}>
         By following this stream you'll get notified on the Fediverse when it goes live. Now is a
-        great time to{' '}
+        great time to
         <a href="https://owncast.online/join-fediverse" target="_blank" rel="noreferrer">
           learn about the Fediverse
-        </a>{' '}
+        </a>
         if it's new to you.
       </div>
 

web/stories/FollowModal.stories.tsx

@@ -5,7 +5,7 @@ import FollowModalMock from './assets/mocks/follow-modal.png';
 
 const Example = () => (
   <div>
-    <FollowModal handleClose={null} />
+    <FollowModal handleClose={null} account="@fake@server.name" name="Fake Owncast Server" />
   </div>
 );
 
@@ -21,7 +21,7 @@ export default {
     docs: {
       description: {
         component: `The Follow modal allows an end user to type in their Fediverse account information to follow this Owncast instance. It must:
-        
+
 - Validate the input to make sure it's a valid looking account.
 - Handle errors that come back from the server.
 - Perform the redirect to the remote server when the backend response is received.