refactor

src/app/[locale]/pages/layout.tsx

@@ -1,5 +1,4 @@
 import NavLinks from '@/app/ui/nav-links'
-import styles from '@/app/styles/page.module.scss'
 import HeaderPanel from '@/app/ui/header/headerPanel';
 import { getQueryClient } from '@/app/providers/getQueryClient';
 import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
@@ -14,9 +13,9 @@ export default async function Layout({ children }: { children: React.ReactNode }
 		<div className="flex">
 			<HydrationBoundary state={dehydrate(queryClient)}>
 				<NavLinks />
-				<div className={`${styles['main-containter-wrapper']}`}>
+				<div className="main-containter-wrapper">
 					<HeaderPanel />
-					<main className={`${styles['main-containter']}`}>
+					<main className="main-containter">
 						{children}
 					</main>
 				</div>