admin-panel layout

src/app/[locale]/admin-panel/layout.tsx

@@ -2,6 +2,8 @@ import AdminNavLinks from '@/app/ui/admin-panel/admin-nav-links'
 import { getQueryClient } from '@/app/providers/getQueryClient';
 import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
 import { prefetchLayoutQueries } from '@/app/lib/prefetch-queries';
+import AdminHeaderPanel from '@/app/ui/admin-panel/admin-header-panel';
+import "../../styles/admin-panel.scss"
 
 export default async function Layout({ children }: { children: React.ReactNode }) {
 	const queryClient = getQueryClient();
@@ -9,10 +11,11 @@ export default async function Layout({ children }: { children: React.ReactNode }
 	await prefetchLayoutQueries(queryClient);
 
 	return (
-		<div className="flex">
+		<div className="flex admin-panel">
 			<HydrationBoundary state={dehydrate(queryClient)}>
 				<AdminNavLinks />
-				<div className="main-containter-wrapper">
+				<div className="admin-main">
+					<AdminHeaderPanel />
 					<main className="main-containter">
 						{children}
 					</main>

src/app/[locale]/admin-panel/page.tsx

@@ -1,7 +1,14 @@
+import DashboardGeneralInfo from '@/app/ui/admin-panel/dashboard-general-info';
+import UsersTop from '@/app/ui/admin-panel/users-top';
+import SubscriptionsStatistic from '@/app/ui/admin-panel/subscriptions-statistic';
 export default function Page() {
 	return (
 		<div>
-			admin-page
+			<DashboardGeneralInfo />
+			<div className="split-blocks">
+				<UsersTop />
+				<SubscriptionsStatistic />
+			</div>
 		</div>
 	)
 }

src/app/[locale]/admin-panel/subscriptions/page.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+	return (
+		<div>
+			subscriptions-page
+		</div>
+	)
+}

src/app/[locale]/admin-panel/users/page.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+	return (
+		<div>
+			users-page
+		</div>
+	)
+}