feat: add support email

This will help humans whether they have billing questions or otherwise.

js/src/features/network-billing.tsx

@@ -7,7 +7,9 @@ import { Label } from "@/components/ui/label";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { Separator } from "@/components/ui/separator";
 import { Muted } from "@/components/ui/typography";
+import { CopyableEmail } from "@/components/copyable-email";
 import { cn } from "@/lib/utils";
+import { SUPPORT_EMAIL } from "@/lib/constants";
 import {
   useCreateCheckoutSession,
   useCreatePortalSession,
@@ -309,6 +311,18 @@ export function BillingSection({ networkId }: { networkId: string }) {
         <>
           <Separator className="mx-4" />
           <AdminBillingControls networkId={networkId} />
+          <Separator className="mx-4" />
+          <InfoRow
+            label={
+              <span className="flex flex-col">
+                <span>Billing support</span>
+                <span className="text-muted-foreground text-xs">
+                  Invoices, receipts, or plan changes
+                </span>
+              </span>
+            }
+            value={<CopyableEmail email={SUPPORT_EMAIL} />}
+          />
         </>
       )}
     </>

js/src/features/settings-page.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { ChevronRight, LogOut, User, Info, Shield, Mail, Mic } from "lucide-react";
+import { ChevronRight, LogOut, User, Info, Shield, Mail, Mic, LifeBuoy } from "lucide-react";
 import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { Separator } from "@/components/ui/separator";
 import { Switch } from "@/components/ui/switch";
@@ -8,8 +8,10 @@ import { WindowControls } from "@/components/window-controls";
 import { Button } from "@/components/ui/button";
 import { Muted } from "@/components/ui/typography";
 import { ScrollArea } from "@/components/ui/scroll-area";
+import { CopyableEmail } from "@/components/copyable-email";
 import { useAuthStore } from "@/stores/auth-store";
 import { apiClient } from "@/api/client";
+import { SUPPORT_EMAIL } from "@/lib/constants";
 import { ArrowLeft } from "lucide-react";
 
 interface SettingsRowProps {
@@ -165,6 +167,23 @@ export default function SettingsPage() {
 
         <Separator className="mt-4" />
 
+        <SettingsGroup title="Contact us">
+          <div className="flex w-full items-center gap-3 px-4 py-3">
+            <span className="text-muted-foreground flex size-5 items-center justify-center">
+              <LifeBuoy className="size-4" />
+            </span>
+            <div className="min-w-0 flex-1">
+              <p className="text-sm font-medium">Email support</p>
+              <Muted className="text-xs">
+                Questions, feedback, or bug reports
+              </Muted>
+            </div>
+            <CopyableEmail email={SUPPORT_EMAIL} />
+          </div>
+        </SettingsGroup>
+
+        <Separator className="mt-4" />
+
         <div className="py-4">
           <SettingsRow
             icon={<LogOut className="size-4" />}