feat: add Selenium Settings page to configure paymentGroupId per office

Adds a new Settings → Advanced → Selenium Settings page where the office
name (paymentGroupId) used in United/DentalHub portal dropdowns can be
configured without touching code. Previously hardcoded as "Summit Dental
Care"; now injected from DB into the three United workers at job dispatch.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/Frontend/src/pages/settings-page.tsx

@@ -20,6 +20,7 @@ import { OfficeContactCard } from "@/components/settings/office-contact-card";
 import { ProcedureTimeslotCard } from "@/components/settings/procedure-timeslot-card";
 import { InsuranceContactCard } from "@/components/settings/insurance-contact-card";
 import { AiChatSettingsCard } from "@/components/settings/ai-chat-settings-card";
+import { SeleniumSettingsCard } from "@/components/settings/selenium-settings-card";
 
 type SectionId =
   | "staff"
@@ -34,7 +35,8 @@ type SectionId =
   | "officehours"
   | "officecontact"
   | "proceduretimeslot"
-  | "insurancecontact";
+  | "insurancecontact"
+  | "selenium";
 
 export default function SettingsPage() {
   const { toast } = useToast();
@@ -276,6 +278,9 @@ export default function SettingsPage() {
       case "insurancecontact":
         return <InsuranceContactCard />;
 
+      case "selenium":
+        return <SeleniumSettingsCard />;
+
       default:
         return null;
     }