feat: slack feed subscribe (#1599)

* feat: slack feed subscribe

* chore: update subscribe order

apps/docs/src/content/docs/reference/status-page.mdx

···
 You can access your status page data in JSON format by appending `/feed/json` to your status page URL. 
 
 Example: `https://status.openstatus.dev/feed/json`
+
+### SSH Command
+
+Check the current status page anytime from your Terminal with:
+
+```
+ssh [slug]@ssh.openstatus.dev
+```
+
+Example: `ssh [e-mail]`

apps/status-page/src/components/nav/header.tsx

···
 
   const types = (
     page?.workspacePlan === "free"
-      ? ["rss", "ssh", "json"]
-      : ["email", "rss", "json", "ssh"]
-  ) satisfies ("email" | "rss" | "ssh" | "json")[];
+      ? ["rss", "ssh", "json", "slack"]
+      : ["email", "rss", "json", "ssh", "slack"]
+  ) satisfies ("email" | "rss" | "ssh" | "json" | "slack")[];
 
   return (
     <header {...props}>

apps/status-page/src/components/status-page/status-updates.tsx

···
 import { Check, Copy, Inbox } from "lucide-react";
 import { useState } from "react";
 
-type StatusUpdateType = "email" | "rss" | "ssh" | "json";
+type StatusUpdateType = "email" | "rss" | "ssh" | "json" | "slack";
 
 type Page = NonNullable<RouterOutputs["statusPage"]["get"]>;
 
···
 
 export function StatusUpdates({
   className,
-  types = ["rss", "ssh", "json"],
+  types = ["rss", "ssh", "json", "slack"],
   page,
   onSubscribe,
   ...props
···
           <TabsList className="w-full rounded-none border-b">
             {types.includes("email") ? (
               <TabsTrigger value="email">Email</TabsTrigger>
+            ) : null}
+            {types.includes("slack") ? (
+              <TabsTrigger value="slack">Slack</TabsTrigger>
             ) : null}
             {types.includes("rss") ? (
               <TabsTrigger value="rss">RSS</TabsTrigger>
···
                 className="w-full"
                 id="ssh"
                 value={`ssh ${page?.slug}@ssh.openstatus.dev`}
+              />
+            </div>
+          </TabsContent>
+          <TabsContent value="slack" className="flex flex-col gap-2">
+            <div className="flex flex-col gap-2 px-2 pb-2">
+              <p className="text-sm">
+                For status updates in Slack, paste the text below into any
+                channel.
+              </p>
+              <CopyInputButton
+                className="w-full"
+                id="slack"
+                value={`/feed subscribe ${baseUrl}/feed/rss${
+                  page?.passwordProtected ? `?pw=${page?.password}` : ""
+                }`}
               />
             </div>
           </TabsContent>

apps/web/src/content/pages/changelog/status-page-slack-feed-subscribe.mdx

···
+---
+title: "Slack feed subscribe on status page"
+description: "Link the RSS feed to any Slack channel."
+image: "/assets/changelog/status-page-slack-feed-subscribe.png"
+publishedAt: "2025-12-03"
+category: "statuspage"
+author: "openstatus"
+---
+
+Link the RSS feed to any Slack channel.