feat: Add gauge-voting feature flag

pages/veyfi/index.tsx

@@ -12,30 +12,34 @@ import {formatAmount} from '@yearn-finance/web-lib/utils/format.number';
 import {PageProgressBar} from '@common/components/PageProgressBar';
 import {SummaryData} from '@common/components/SummaryData';
 import {Tabs} from '@common/components/Tabs';
+import {useFeatureFlag} from '@common/hooks/useFeatureFlag';
 import {formatDateShort} from '@common/utils';
 
 import type {NextRouter} from 'next/router';
 import type {ReactElement} from 'react';
 
 function Index(): ReactElement {
 	const {votingEscrow, positions, isLoading} = useVotingEscrow();
+	const [isGaugeVotingFeatureEnabled] = useFeatureFlag('gauge-voting');
 
 	const totalLockedYFI = formatToNormalizedValue(toBigInt(votingEscrow?.supply), 18);
 	const yourLockedYFI = formatToNormalizedValue(toBigInt(positions?.deposit?.underlyingBalance), 18);
 
 	const tabs = [
-		{id: 'lock', label: 'Lock YFI', content: <LockTab />}, 
-		{id: 'manage', label: 'Manage lock', content: <ManageLockTab />}, 
+		{id: 'lock', label: 'Lock YFI', content: <LockTab />},
+		{id: 'manage', label: 'Manage lock', content: <ManageLockTab />},
 		{id: 'claim', label: 'Claim', content: <ClaimTab />},
-		{id: 'gauges', label: 'Stake / Unstake', content: <GaugesTab />},
-		{id: 'rewards', label: 'Rewards', content: <RewardsTab />},
-		{id: 'redeem', label: 'Redeem oYFI', content: <RedeemTab />},
-		{id: 'vote', label: 'Vote for Gauge', content: <VoteTab />}
-	];
+		...isGaugeVotingFeatureEnabled ? [
+			{id: 'gauges', label: 'Stake / Unstake', content: <GaugesTab />},
+			{id: 'rewards', label: 'Rewards', content: <RewardsTab />},
+			{id: 'redeem', label: 'Redeem oYFI', content: <RedeemTab />},
+			{id: 'vote', label: 'Vote for Gauge', content: <VoteTab />}
+		] : []
+	].filter(Boolean);
 
 	return (
 		<>
-			<PageProgressBar isLoading={isLoading}/>
+			<PageProgressBar isLoading={isLoading} />
 
 			<h1 className={'w-full text-center text-8xl font-bold'}>
 				{'veYFI'}