feat(webapp): add Vercel integration entry in org settings menu

Replace the generic "Integrations" item with a dedicated Vercel entry
in the Organization Settings side menu. Import the VercelLogo component
and adjust the menu structure to include an "Integrations" header and a
separate Vercel menu item. Update icon props and active color to match
the Vercel logo styling.

This clarifies the integrations section and provides a direct link to
the organization's Vercel integration page.

Author: 0ski

apps/webapp/app/components/navigation/OrganizationSettingsSideMenu.tsx

@@ -3,10 +3,10 @@ import {
   ChartBarIcon,
   Cog8ToothIcon,
   CreditCardIcon,
-  PuzzlePieceIcon,
   UserGroupIcon,
 } from "@heroicons/react/20/solid";
 import { ArrowLeftIcon } from "@heroicons/react/24/solid";
+import { VercelLogo } from "~/components/integrations/VercelLogo";
 import { useFeatures } from "~/hooks/useFeatures";
 import { type MatchedOrganization } from "~/hooks/useOrganizations";
 import { cn } from "~/utils/cn";
@@ -115,10 +115,15 @@ export function OrganizationSettingsSideMenu({
             to={organizationSettingsPath(organization)}
             data-action="settings"
           />
+        </div>
+        <div className="flex flex-col">
+          <div className="mb-1">
+            <SideMenuHeader title="Integrations" />
+          </div>
           <SideMenuItem
-            name="Integrations"
-            icon={PuzzlePieceIcon}
-            activeIconColor="text-blue-500"
+            name="Vercel"
+            icon={VercelLogo}
+            activeIconColor="text-white"
             to={organizationVercelIntegrationPath(organization)}
             data-action="integrations"
           />