remove connection string badge in dropdown (supabase#39617)

Author: fsansalvadore

apps/studio/components/interfaces/Connect/Connect.constants.ts

@@ -361,27 +361,24 @@ export type ConnectionStringMethod = 'direct' | 'transaction' | 'session'
 
 export const connectionStringMethodOptions: Record<
   ConnectionStringMethod,
-  { value: string; label: string; description: string; badge: string }
+  { value: string; label: string; description: string }
 > = {
   direct: {
     value: 'direct',
     label: 'Direct connection',
     description:
       'Ideal for applications with persistent and long-lived connections, such as those running on virtual machines or long-standing containers.',
-    badge: 'IPv4 Compatible',
   },
   transaction: {
     value: 'transaction',
     label: 'Transaction pooler',
     description:
       'Ideal for stateless applications like serverless functions where each interaction with Postgres is brief and isolated.',
-    badge: 'IPv4 Compatible',
   },
   session: {
     value: 'session',
     label: 'Session pooler',
     description:
       'Only recommended as an alternative to Direct Connection, when connecting via an IPv4 network.',
-    badge: 'IPv4 Only',
   },
 }

apps/studio/components/interfaces/Connect/DatabaseConnectionString.tsx

@@ -595,29 +595,6 @@ const ConnectionStringMethodSelectItem = ({
       <div className="text-foreground-lighter text-xs">
         {connectionStringMethodOptions[method].description}
       </div>
-      <div className="flex items-center gap-1 mt-2">
-        {method === 'session' ? (
-          <Badge variant="outline" size="small" className="flex gap-1 text-foreground-lighter">
-            <InfoIcon className="w-3 h-3" />
-            {connectionStringMethodOptions[method].badge}
-          </Badge>
-        ) : (
-          <Badge variant="outline" size="small" className="flex gap-1 text-foreground-lighter">
-            <GlobeIcon className="w-3 h-3" />
-            {connectionStringMethodOptions[method].badge}
-          </Badge>
-        )}
-        {method === 'transaction' && (
-          <Badge variant="outline" size="small" className="text-foreground-lighter">
-            {poolerBadge}
-          </Badge>
-        )}
-        {method === 'session' && (
-          <Badge variant="outline" size="small" className="text-foreground-lighter">
-            Shared Pooler
-          </Badge>
-        )}
-      </div>
     </div>
   </SelectItem_Shadcn_>
 )