feat: add low-funds feature flag to conditionally render LowFunds alert

frontend/components/MainPage/sections/AlertSections/index.tsx

@@ -1,4 +1,5 @@
 import { CardSection } from '@/components/styled/CardSection';
+import { useFeatureFlag } from '@/hooks/useFeatureFlag';
 
 import { AddBackupWalletAlert } from './AddBackupWalletAlert';
 import { AvoidSuspensionAlert } from './AvoidSuspensionAlert';
@@ -8,13 +9,15 @@ import { NoAvailableSlotsOnTheContract } from './NoAvailableSlotsOnTheContract';
 import { UpdateAvailableAlert } from './UpdateAvailableAlert';
 
 export const AlertSections = () => {
+  const isLowFundsEnabled = useFeatureFlag('low-funds');
+
   return (
     <CardSection vertical>
       <UpdateAvailableAlert />
       <AddBackupWalletAlert />
       <NewStakingProgramAlert />
       <AvoidSuspensionAlert />
-      <LowFunds />
+      {isLowFundsEnabled && <LowFunds />}
       <NoAvailableSlotsOnTheContract />
     </CardSection>
   );

frontend/hooks/useFeatureFlag.ts

@@ -10,6 +10,7 @@ const FeatureFlagsSchema = z.enum([
   'manage-wallet',
   'rewards-streak',
   'staking-contract-section',
+  'low-funds',
 ]);
 type FeatureFlags = z.infer<typeof FeatureFlagsSchema>;
 
@@ -29,12 +30,14 @@ const FEATURES_CONFIG = FeaturesConfigSchema.parse({
     'last-transactions': true,
     'rewards-streak': true,
     'staking-contract-section': true,
+    'low-funds': true,
   },
   [AgentType.Memeooorr]: {
     'manage-wallet': false,
     'last-transactions': false,
     'rewards-streak': false,
     'staking-contract-section': false,
+    'low-funds': false,
   },
 });