Add redirect identifier to log selection if available (#26383)

apps/studio/components/interfaces/Settings/Logs/LogSelection.tsx

@@ -1,8 +1,9 @@
-import { Button, IconX } from 'ui'
+import { Button } from 'ui'
 
 import CopyButton from 'components/ui/CopyButton'
 import { Loading } from 'components/ui/Loading'
 import useSingleLog from 'hooks/analytics/useSingleLog'
+import { X } from 'lucide-react'
 import { useMemo } from 'react'
 import {
   isDefaultLogPreviewFormat,
@@ -165,7 +166,7 @@ ${JSON.stringify(fullLog.metadata, null, 2)}
               className="cursor-pointer transition hover:text-foreground h-8 w-8 px-0 py-0 flex items-center justify-center"
               onClick={onClose}
             >
-              <IconX size={14} strokeWidth={2} className="text-foreground-lighter" />
+              <X size={14} strokeWidth={2} className="text-foreground-lighter" />
             </Button>
           </div>
           <div className="h-px w-full bg-selection rounded " />

apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DatabaseApiSelectionRender.tsx

@@ -17,6 +17,7 @@ const DatabaseApiSelectionRender = ({ log }: any) => {
   const countryOrigin = request?.headers?.[0]?.cf_ipcountry
   const clientInfo = request?.headers?.[0]?.x_client_info
   const referer = request?.headers?.[0]?.referer
+  const redirectIdentifier = log?.metadata[0]?.load_balancer_redirect_identifier
 
   return (
     <>
@@ -32,6 +33,9 @@ const DatabaseApiSelectionRender = ({ log }: any) => {
         <SelectionDetailedRow label="Origin Country" value={countryOrigin} />
         {clientInfo && <SelectionDetailedRow label="Client" value={clientInfo} />}
         {referer && <SelectionDetailedRow label="Referer" value={referer} />}
+        {redirectIdentifier && (
+          <SelectionDetailedRow label="Redirect Identifier" value={redirectIdentifier} />
+        )}
       </div>
       <LogsDivider />
       <div className={`${LOGS_TAILWIND_CLASSES.log_selection_x_padding}`}>