Updates org side menu

Author: samejr

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

@@ -81,13 +81,15 @@ export function OrganizationSettingsSideMenu({
                 name="Usage"
                 icon={ChartBarIcon}
                 activeIconColor="text-indigo-500"
+                inactiveIconColor="text-indigo-500"
                 to={v3UsagePath(organization)}
                 data-action="usage"
               />
               <SideMenuItem
                 name="Billing"
                 icon={CreditCardIcon}
                 activeIconColor="text-emerald-500"
+                inactiveIconColor="text-emerald-500"
                 to={v3BillingPath(organization)}
                 data-action="billing"
                 badge={
@@ -100,6 +102,7 @@ export function OrganizationSettingsSideMenu({
                 name="Billing alerts"
                 icon={BellAlertIcon}
                 activeIconColor="text-rose-500"
+                inactiveIconColor="text-rose-500"
                 to={v3BillingAlertsPath(organization)}
                 data-action="billing-alerts"
               />
@@ -110,6 +113,7 @@ export function OrganizationSettingsSideMenu({
               name="Private Connections"
               icon={LockClosedIcon}
               activeIconColor="text-purple-500"
+              inactiveIconColor="text-purple-500"
               to={v3PrivateConnectionsPath(organization)}
               data-action="private-connections"
             />
@@ -118,13 +122,15 @@ export function OrganizationSettingsSideMenu({
             name="Team"
             icon={UserGroupIcon}
             activeIconColor="text-amber-500"
+            inactiveIconColor="text-amber-500"
             to={organizationTeamPath(organization)}
             data-action="team"
           />
           <SideMenuItem
             name="Settings"
             icon={Cog8ToothIcon}
             activeIconColor="text-orgSettings"
+            inactiveIconColor="text-orgSettings"
             to={organizationSettingsPath(organization)}
             data-action="settings"
           />
@@ -137,13 +143,16 @@ export function OrganizationSettingsSideMenu({
             name="Vercel"
             icon={VercelLogo}
             activeIconColor="text-white"
+            inactiveIconColor="text-white"
+            iconClassName="size-4 ml-0.5"
             to={organizationVercelIntegrationPath(organization)}
             data-action="integrations"
           />
           <SideMenuItem
             name="Slack"
             icon={SlackIcon}
             activeIconColor="text-white"
+            inactiveIconColor="text-white"
             to={organizationSlackIntegrationPath(organization)}
             data-action="integrations"
           />