fix(ui): Add warning for organization-wide settings

Author: TheodoreSpeaks

apps/sim/ee/data-retention/components/data-retention-settings.tsx

@@ -3,7 +3,9 @@
 import { useEffect, useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { toError } from '@sim/utils/errors'
+import { Info } from 'lucide-react'
 import { Button, Combobox, toast } from '@/components/emcn'
+
 import { useSession } from '@/lib/auth/auth-client'
 import { isBillingEnabled } from '@/lib/core/config/feature-flags'
 import { getUserRole } from '@/lib/workspaces/organization/utils'
@@ -169,10 +171,11 @@ export function DataRetentionSettings() {
 
   return (
     <div className='flex flex-col gap-8'>
+      <div className='flex items-center gap-2 rounded-lg border border-[var(--border)] bg-[var(--surface-2)] px-2.5 py-1.5'>
+        <Info className='h-3.5 w-3.5 flex-shrink-0 text-[var(--text-muted)]' />
+        <p className='text-[12px] text-[var(--text-muted)]'>Applies organization-wide</p>
+      </div>
       <section>
-        <h3 className='mb-4 font-medium text-[15px] text-[var(--text-primary)]'>
-          Retention Periods
-        </h3>
         <div className='flex flex-col gap-5'>
           <SettingRow
             label='Log retention'

apps/sim/ee/whitelabeling/components/whitelabeling-settings.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { toError } from '@sim/utils/errors'
-import { Loader2, X } from 'lucide-react'
+import { Info, Loader2, X } from 'lucide-react'
 import Image from 'next/image'
 import { useParams } from 'next/navigation'
 import { Button, Input, Label, Skeleton, toast } from '@/components/emcn'
@@ -318,6 +318,10 @@ export function WhitelabelingSettings() {
 
   return (
     <div className='flex flex-col gap-8'>
+      <div className='flex items-center gap-2 rounded-lg border border-[var(--border)] bg-[var(--surface-2)] px-2.5 py-1.5'>
+        <Info className='h-3.5 w-3.5 flex-shrink-0 text-[var(--text-muted)]' />
+        <p className='text-[12px] text-[var(--text-muted)]'>Applies organization-wide</p>
+      </div>
       <section>
         <SectionTitle>Brand Identity</SectionTitle>
         <div className='flex flex-col gap-5'>