Add targets to most of the doc links (#50)

* Add targets to most of the doc links. Should fix #49

* Prettified Code!

Co-authored-by: graywolf336 <graywolf336@users.noreply.github.com>

web/pages/access-tokens.tsx

@@ -220,7 +220,14 @@ export default function AccessTokens() {
       </Paragraph>
       <Paragraph>
         Read more about how to use these tokens, with examples, at{' '}
-        <a href="https://owncast.online/docs/integrations/">our documentation</a>.
+        <a
+          href="https://owncast.online/docs/integrations/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          our documentation
+        </a>
+        .
       </Paragraph>
 
       <Table rowKey="token" columns={columns} dataSource={tokens} pagination={false} />

web/pages/config-public-details.tsx

@@ -14,7 +14,9 @@ export default function PublicFacingDetails() {
       <Title>General Settings</Title>
       <p className="description">
         The following are displayed on your site to describe your stream and its content.{' '}
-        <a href="https://owncast.online/docs/website/">Learn more.</a>
+        <a href="https://owncast.online/docs/website/" target="_blank" rel="noopener noreferrer">
+          Learn more.
+        </a>
       </p>
 
       <div className="top-container">

web/pages/config-storage.tsx

@@ -11,7 +11,10 @@ export default function ConfigStorageInfo() {
       <p className="description">
         Owncast supports optionally using external storage providers to distribute your video. Learn
         more about this by visiting our{' '}
-        <a href="https://owncast.online/docs/storage/">Storage Documentation</a>.
+        <a href="https://owncast.online/docs/storage/" target="_blank" rel="noopener noreferrer">
+          Storage Documentation
+        </a>
+        .
       </p>
       <p className="description">
         Configuring this incorrectly will likely cause your video to be unplayable. Double check the

web/pages/config-video.tsx

@@ -12,9 +12,11 @@ export default function ConfigVideoSettings() {
       <Title>Video configuration</Title>
       <p className="description">
         Before changing your video configuration{' '}
-        <a href="https://owncast.online/docs/video">visit the video documentation</a> to learn how
-        it impacts your stream performance. The general rule is to start conservatively by having
-        one middle quality stream output variant and experiment with adding more of varied
+        <a href="https://owncast.online/docs/video" target="_blank" rel="noopener noreferrer">
+          visit the video documentation
+        </a>{' '}
+        to learn how it impacts your stream performance. The general rule is to start conservatively
+        by having one middle quality stream output variant and experiment with adding more of varied
         qualities.
       </p>
 

web/pages/help.tsx

@@ -121,7 +121,14 @@ export default function Help() {
             {' '}
             FAQ
           </a>{' '}
-          or exist in our <a href="https://github.com/owncast/owncast/discussions">discussions</a>
+          or exist in our{' '}
+          <a
+            href="https://github.com/owncast/owncast/discussions"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            discussions
+          </a>
         </div>
       ),
     },

web/pages/offline-notice.tsx

@@ -19,7 +19,11 @@ export default function Offline({ logs = [], config }) {
       title: 'Use your broadcasting software',
       content: (
         <div>
-          <a href="https://owncast.online/docs/broadcasting/">
+          <a
+            href="https://owncast.online/docs/broadcasting/"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             Learn how to point your existing software to your new server and start streaming your
             content.
           </a>
@@ -36,7 +40,7 @@ export default function Offline({ logs = [], config }) {
       title: 'Embed your video onto other sites',
       content: (
         <div>
-          <a href="https://owncast.online/docs/embed">
+          <a href="https://owncast.online/docs/embed" target="_blank" rel="noopener noreferrer">
             Learn how you can add your Owncast stream to other sites you control.
           </a>
         </div>

web/pages/webhooks.tsx

@@ -196,7 +196,14 @@ export default function Webhooks() {
       </Paragraph>
       <Paragraph>
         Read more about how to use webhooks, with examples, at{' '}
-        <a href="https://owncast.online/docs/integrations/">our documentation</a>.
+        <a
+          href="https://owncast.online/docs/integrations/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          our documentation
+        </a>
+        .
       </Paragraph>
 
       <Table rowKey="id" columns={columns} dataSource={webhooks} pagination={false} />