chore(webapp): remove explanatory comments from the integration settings changes

Strips the code comments this branch added across the Vercel/Slack integration
settings pages and the shared ProjectConnectSelect. Keeps the functional
oxlint-disable directive; leaves pre-existing loader/action comments untouched.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: samejr

apps/webapp/app/components/integrations/ProjectConnectSelect.tsx

@@ -12,16 +12,8 @@ import {
 
 type ConnectableProject = { id: string; slug: string; name: string };
 
-// Matches the label sizing of the main side menu's project switcher.
 const MENU_LABEL = "text-[0.90625rem] font-medium tracking-[-0.01em]";
 
-/**
- * Blank-state CTA shared by the org integration pages (Vercel, Slack). Picking a
- * project navigates straight to where that integration is configured for it, so
- * the menu item *is* the action — there's no separate button. Each integration is
- * configured on a different page, so the caller supplies `configurePathFor`.
- * Styled to match the main side menu's project switcher.
- */
 export function ProjectConnectSelect({
   projects,
   configurePathFor,
@@ -32,7 +24,6 @@ export function ProjectConnectSelect({
   const [isOpen, setIsOpen] = useState(false);
   const navigation = useNavigation();
 
-  // Close once a menu item's navigation kicks off, mirroring the side menu switcher.
   useEffect(() => {
     // oxlint-disable-next-line react/set-state-in-effect -- sync menu state after navigation.
     setIsOpen(false);
@@ -61,7 +52,6 @@ export function ProjectConnectSelect({
               title={
                 <span className="flex w-full items-center justify-between gap-2 text-text-bright">
                   <span className="min-w-0 grow truncate text-left">{project.name}</span>
-                  {/* In the DOM (reserves space) but only visible on row hover. */}
                   <ChevronExtraSmallDown className="size-3.5 shrink-0 -rotate-90 text-text-dimmed opacity-0 transition-opacity group-hover/button:opacity-100" />
                 </span>
               }

apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.integrations.slack.tsx

@@ -196,7 +196,6 @@ export default function SlackIntegrationPage() {
   const isUninstalling =
     navigation.state === "submitting" && navigation.formData?.get("intent") === "uninstall";
 
-  // The org context (parent loader) carries the project list for the connect CTA.
   const organization = useOrganization();
   const projects = organization.projects;
 
@@ -218,7 +217,6 @@ export default function SlackIntegrationPage() {
               <ProjectConnectSelect
                 projects={projects}
                 configurePathFor={(project) =>
-                  // Slack alerts are configured from the Errors page; ?alerts=true opens the sheet.
                   `${v3ErrorsPath(organization, project, { slug: "prod" })}?alerts=true`
                 }
               />
@@ -300,8 +298,6 @@ export default function SlackIntegrationPage() {
 
           <SettingsSection>
             <SettingsHeader
-              // Keep the header's divide when there's no table; the table's own top
-              // border is the divide once rows are present.
               className={alertChannels.length === 0 ? undefined : "border-b-0"}
               title={`${alertChannels.length} connected alert ${
                 alertChannels.length === 1 ? "channel" : "channels"

apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.integrations.vercel.tsx

@@ -260,7 +260,6 @@ export default function VercelIntegrationPage() {
   const isUninstalling =
     navigation.state === "submitting" && navigation.formData?.get("intent") === "uninstall";
 
-  // The org context (parent loader) carries the project list for the connect CTA.
   const { projects } = useOrganization();
 
   if (!vercelIntegration) {
@@ -281,7 +280,6 @@ export default function VercelIntegrationPage() {
               <ProjectConnectSelect
                 projects={projects}
                 configurePathFor={(project) =>
-                  // Default to the production environment, matching the connected-state links.
                   v3ProjectSettingsIntegrationsPath(organization, project, { slug: "prod" })
                 }
               />
@@ -387,8 +385,6 @@ export default function VercelIntegrationPage() {
 
           <SettingsSection>
             <SettingsHeader
-              // Keep the header's divide when there's no table; the table's own top
-              // border is the divide once rows are present.
               className={connectedProjects.length === 0 ? undefined : "border-b-0"}
               title={`${connectedProjects.length} connected ${
                 connectedProjects.length === 1 ? "project" : "projects"
@@ -433,7 +429,7 @@ export default function VercelIntegrationPage() {
                                 to={v3ProjectSettingsIntegrationsPath(
                                   organization,
                                   projectIntegration.project,
-                                  { slug: "prod" } // Default to production environment
+                                  { slug: "prod" }
                                 )}
                               />
                             </span>