add refferal page layout

src/app/[locale]/pages/refferals/page.tsx

@@ -2,6 +2,11 @@ import { useTranslations } from 'next-intl';
 import { Suspense } from 'react';
 import PageTitle from '@/app/ui/page-title';
 import ReferralStats from '@/app/ui/referral-page/referral-stats';
+import ReferralLinkSection from '@/app/ui/referral-page/referral-link-section';
+import CommissionLevels from '@/app/ui/referral-page/commission-levels';
+import InvitationsTable from '@/app/ui/referral-page/invitations-table';
+import IncomeAndPayments from '@/app/ui/referral-page/Income-and-payments';
+import SettingReferralProgram from '@/app/ui/referral-page/setting-referral-program';
 
 export default function Page() {
 	const t = useTranslations('Global');
@@ -11,9 +16,11 @@ export default function Page() {
 			<PageTitle title="refferal-program">
 			</PageTitle>
 			<ReferralStats />
-			<div>
-				refferals
-			</div>
+			<ReferralLinkSection />
+			<CommissionLevels />
+			<InvitationsTable />
+			<IncomeAndPayments />
+			<SettingReferralProgram />
 		</Suspense>
 	)
 }