adding a stake form and approvals in both stake and swap form

src/app/page.tsx

@@ -3,6 +3,7 @@
 import { useTranslation } from 'react-i18next';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { SwapForm } from '@/components/swap-form';
+import { StakeForm } from '@/components/stake-form';
 
 export default function HomePage() {
   const { t } = useTranslation();
@@ -20,10 +21,7 @@ export default function HomePage() {
         </TabsContent>
 
         <TabsContent value="stake">
-          <div className="text-center py-12 text-muted-foreground">
-            <h2 className="text-2xl font-semibold mb-2">{t('stake.title')}</h2>
-            <p>{t('stake.comingSoon')}</p>
-          </div>
+          <StakeForm />
         </TabsContent>
       </Tabs>
     </div>