Apply tenant theme on business login and polish login branding.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/super-admin/src/components/DomainLinksOverflowMenu.tsx

@@ -1,6 +1,13 @@
 import { useEffect, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
-import { Building2, ExternalLink, Globe, MoreHorizontal, UserRound } from 'lucide-react'
+import {
+  Building2,
+  ExternalLink,
+  Globe,
+  MoreHorizontal,
+  Trash2,
+  UserRound,
+} from 'lucide-react'
 import styles from './BusinessActionsOverflowMenu.module.css'
 
 type PopoverPosition = {
@@ -10,6 +17,7 @@ type PopoverPosition = {
 
 interface DomainLinksOverflowMenuProps {
   host: string
+  onRemove: () => void
 }
 
 function apexHost(host: string) {
@@ -28,7 +36,7 @@ function openHost(host: string) {
   window.open(siteUrl(host), '_blank', 'noopener,noreferrer')
 }
 
-export function DomainLinksOverflowMenu({ host }: DomainLinksOverflowMenuProps) {
+export function DomainLinksOverflowMenu({ host, onRemove }: DomainLinksOverflowMenuProps) {
   const [open, setOpen] = useState(false)
   const [popoverPos, setPopoverPos] = useState<PopoverPosition | null>(null)
   const wrapRef = useRef<HTMLDivElement>(null)
@@ -126,8 +134,8 @@ export function DomainLinksOverflowMenu({ host }: DomainLinksOverflowMenuProps)
           e.stopPropagation()
           toggleOpen()
         }}
-        title="Open sites"
-        aria-label={`Open sites for ${apex}`}
+        title="More actions"
+        aria-label={`More actions for ${apex}`}
         aria-haspopup="menu"
         aria-expanded={open}
       >
@@ -141,7 +149,7 @@ export function DomainLinksOverflowMenu({ host }: DomainLinksOverflowMenuProps)
             ref={popoverRef}
             className={styles.menu}
             role="menu"
-            aria-label={`Open sites for ${apex}`}
+            aria-label={`More actions for ${apex}`}
             style={{
               top: popoverPos.top,
               left: popoverPos.left,
@@ -168,6 +176,19 @@ export function DomainLinksOverflowMenu({ host }: DomainLinksOverflowMenuProps)
                 </span>
               </button>
             ))}
+            <div className={styles.menuDivider} role="separator" />
+            <button
+              type="button"
+              className={`${styles.item} ${styles.itemDanger}`}
+              role="menuitem"
+              onClick={() => {
+                setOpen(false)
+                onRemove()
+              }}
+            >
+              <Trash2 size={16} />
+              <span>Remove</span>
+            </button>
           </div>,
           document.body,
         )}