docs: add document and website entry in app

src/client/components/feed/FeedIntegration.tsx

@@ -4,6 +4,7 @@ import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
 import { CodeBlock } from '../CodeBlock';
 import { useTranslation } from '@i18next-toolkit/react';
 import { SiSentry } from 'react-icons/si';
+import { Link } from '@tanstack/react-router';
 
 export const FeedIntegration: React.FC<{
   feedId: string;
@@ -42,6 +43,17 @@ export const FeedIntegration: React.FC<{
             <CodeBlock
               code={`${window.location.origin}/open/feed/${props.feedId}/sentry`}
             />
+
+            <div className="mt-2">
+              {t('Check here to learn more')}:{' '}
+              <a
+                className="text-blue-500 underline"
+                href="https://tianji.msgbyte.com/docs/feed/sentry"
+                target="_blank"
+              >
+                {t('Document')}
+              </a>
+            </div>
           </div>
         }
       />

website/docs/feed/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "Feed",
+  "position": 17
+}

website/docs/feed/sentry.md

@@ -0,0 +1,33 @@
+---
+sidebar_position: 1
+---
+
+# Integration with Sentry
+
+:::info
+Learn more about sentry in [sentry.io](https://sentry.io/)
+:::
+
+Click `Settings` => `Integrations` => `Create New Integration`
+
+![](./assets/sentry1.png)
+
+Create a `Internal Integration` application
+
+![](./assets/sentry2.png)
+
+Input name `Tianji` and put in webhook url into form.
+
+![](./assets/sentry3.png)
+
+Don't forget enable `Alert Rule Action`
+
+![](./assets/sentry4.png)
+
+Then, add issue read `permission`, and webhook add `issue` and `error`
+
+![](./assets/sentry5.png)
+
+Finally, you can create a alert rule, and you can see `Tianji` in notification section dropdown list
+
+![](./assets/sentry6.png)